/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    overflow-y: scroll;
}

body {
    font-size: 1em;
    line-height: 1.3;
	font-family: 'Arvo', serif;
    background: #ffffff;
    padding: 0 0 0px 0;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

p, ul, ol {
    color: #666;
    font-size:0.9em;
    margin-top:5px;
}

menu, ul {
    padding: 0 0 0 15px;
}
ol {
    padding: 0 0 0 20px;
}
ol li {
    margin-bottom:5px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

a {
    color: #FAA204;
    text-decoration:none;
}
header {
    height: 100px;
    background: #208bb5;
    border-bottom: 4px solid #8fc5da;
}
footer {
    height: auto;
	margin-top: 0;
    background: #208bb5;
    border-top: 4px solid #8fc5da;
    padding-top:40px;
}
nav {
    float:right;
    margin-top:40px;
}
nav ul li {
    float: left;
    margin-right: 40px;
}
nav ul li:last-child {
    margin-right:0;
}
nav ul li a {
    font-family: 'Arvo', serif;
    font-size: 1.2em;
    color: #c1e8fb;
    text-decoration: none;
}
nav ul li a:hover, nav ul li a.selected {
    color: #fff;
}
footer h2 {
    font-family: 'Arvo', serif;
    font-size: 1.2em;
    color: #fff;
    font-weight:400;
    margin: 80px 0 0;
    padding:0;
}
footer span {
    font-family: 'PT Sans', sans-serif;
    color: #c1e8fb;
    display:block;
}


footer .insure {
    background:url(../img/icon-insure.png) 10px 10px no-repeat;
    width:145px;
    margin-right:58px;
    float:left;
    padding:10px;
	height:245px;
}
footer .comply {
    background:url(../img/icon-comply.png) 10px 10px no-repeat;
    width:145px;
    margin-right:58px;
    float:left;
    padding:10px;
	height:245px;
}
footer .streamline {
    background:url(../img/icon-streamline.png) 10px 10px no-repeat;
    width:145px;
    margin-right:58px;
    float:left;
    padding:10px;
	height:245px;
}
footer .collaborate {
    background:url(../img/icon-collaborate.png) 10px 10px no-repeat;
    width:145px;
    margin-right:58px;
    float:left;
    padding:10px;
	height:245px;
}
footer div.integrate-last {
    background:url(../img/icon-integrate.png) 10px 10px no-repeat;
    width:135px;
    float:left;
    padding: 10px 0 10px 10px;
	height:245px;
}
footer .copyright {
    margin-top:65px;
    color: #c1e8fb;
    font-size:.7em;
    width:100%;
    font-weight:200;
}
footer .copyright a {
    color: #c1e8fb;
    text-decoration:none;
}
footer .icons {
    overflow:auto;
}
footer h2 a {
    /* color: #fff; */
    color: #faa200;
}
footer span {
    text-align:left;
}
.icons div {
    border-radius:5px;
    -moz-border-radius:5px;
    cursor:pointer;
}
.icons div.clickable:hover {
    background-color:#4da2c4;
}
.icons div.integrate-last:hover {
    background-color:#4da2c4;
}
#flyout-menu {
    min-width:95px;
    height:auto;
    position:absolute;
    margin-top:-230px;
    margin-left:120px;
    display:none;
}
#flyout-menu ul {
    margin:0;
    padding:0;
}
#flyout-menu ul li {
    list-style-type:none;
}
#flyout-menu a {
    font-family: 'PT Sans', sans-serif;
    font-size:1.2em;
}
#flyout-menu a:hover {
	color:#208bb5;
    font-weight:bold;
	text-decoration:none;
}
#flyout-menu-1 {
    min-width:95px;
    height:auto;
    position:absolute;
    margin-top:-1px;
    margin-left:40px;
    display:none;
}
#flyout-menu-1 ul {
    margin:0;
    padding:0;
}
#flyout-menu-1 ul li {
    list-style-type:none;
}
#flyout-menu-1 a {
    font-family: 'PT Sans', sans-serif;
    font-size:1.2em;
}
#flyout-menu-1 a:hover {
	color:#208bb5;
    font-weight:bold;
	text-decoration:none;
}
#flyout-menu-2 {
    min-width:95px;
    height:auto;
    position:absolute;
    margin-top:-1px;
    margin-left:50px;
    display:none;
}
#flyout-menu-2 ul {
    margin:0;
    padding:0;
}
#flyout-menu-2 ul li {
    list-style-type:none;
}
#flyout-menu-2 a {
    font-family: 'PT Sans', sans-serif;
    font-size:1.2em;
}
#flyout-menu-2 a:hover {
	color:#208bb5;
    font-weight:bold;
	text-decoration:none;
}
#flyout-menu-3 {
    min-width:95px;
    height:auto;
    position:absolute;
    margin-top:-1px;
    margin-left:30px;
    display:none;
}
#flyout-menu-3 ul {
    margin:0;
    padding:0;
}
#flyout-menu-3 ul li {
    list-style-type:none;
}
#flyout-menu-3 a {
    font-family: 'PT Sans', sans-serif;
    font-size:1.2em;
}
#flyout-menu-3 a:hover {
	color:#208bb5;
    font-weight:bold;
	text-decoration:none;
}
#flyout-menu-4 {
    min-width:95px;
    height:auto;
    position:absolute;
    margin-top:-1px;
    margin-left:60px;
    display:none;
}
#flyout-menu-4 ul {
    margin:0;
    padding:0;
}
#flyout-menu-4 ul li {
    list-style-type:none;
}
#flyout-menu-4 a {
    font-family: 'PT Sans', sans-serif;
    font-size:1.2em;
}
#flyout-menu-4 a:hover {
	color:#208bb5;
    font-weight:bold;
	text-decoration:none;
}
#flyout-menu-5 {
    min-width:95px;
    height:auto;
    position:absolute;
    margin-top:-1px;
    margin-left:80px;
    display:none;
}
#flyout-menu-5 ul {
    margin:0;
    padding:0;
}
#flyout-menu-5 ul li {
    list-style-type:none;
}
#flyout-menu-5 a {
    font-family: 'PT Sans', sans-serif;
    font-size:1.2em;
}
#flyout-menu-5 a:hover {
	color:#208bb5;
    font-weight:bold;
	text-decoration:none;
}
.icons div.integrate-last:hover #flyout-menu {
    display:block;
}
.item .content {
    text-align:left;
}
#logo {
	position: absolute;
    width: 220px;
    height: 60px;
    background-image: url(../img/logo-245.png);
    float:left;
    margin-top:-10px;
	z-index: 10002;
}
#contact {
    width: 94px;
    float:right;
    background: url(../img/contact.png) 63px 0 no-repeat;
    margin-top:19px;
    margin-right:18px;
}
#contact a {
    font-family: 'PT Sans', sans-serif;
    color: #c1e8fb;
    text-decoration:none;
}
#contact a:hover {
    color: #fff;
    background: url(../img/contact.png) 59px 0 no-repeat;
}
/* Contact details on the main contact page */
.contact-details {
   width:50%;
   float:left;
}

.support-block {
	width:50%;
}

/* the support block on the main contact page */
@media only screen and (min-width : 751px) {
.support-block {
	float:right;
}
}
.support-details {
}
.support-image {
    float:right;
    width:50%;
    margin-left:20px;
}


#login {
    width: 67px;
    height: 25px;
    background: url(../img/bg-login.png);
    float:right;
    text-align:center;
    margin-top:17px;
    padding-top:1px;
}
#login a {
    font-family: 'PT Sans', sans-serif;
    color: #fff;
    text-decoration:none;
    display:block;
}
#login:hover {
    background: url(../img/bg-login.png) 67px 0;
}
.on {
    background: url(../img/bg-login.png) 67px 0 !important;
    height:26px;
}
.col-centered {
	float: none;
	margin: 0 auto;
}
#demo {
    background: url(../img/demo.png);
	margin-left: 5px;
	margin-right: 5px;
    text-align:center;
    padding-top:8px;
	width: 140px;
	height:70px;
}
#demo a {
    font-family: 'PT Sans', sans-serif;
	font-size: 22.5px;
    color: #fff;
    text-decoration:none;
    display:block;
	width: 140px;
	height:60px;
}
#demo:hover {
    background: url(../img/demo.png) 140px 0;
}
.on {
    background: url(../img/demo.png) 140px 0 !important;
    height:26px;
}
.more {
    margin:20px 0;
}
.more a {
    font-family: 'PT Sans', sans-serif;
    color: #208bb5;
    text-decoration:none;
}
.more:hover {
    color: #000;
}
.container {
    width: 100%;
    margin: 0 auto;
    overflow:hidden;
    text-align:justify;
}
.home, .features, .pricing, .support, .faq, .terms, .contact {
    margin-top:40px;
    margin-bottom:30px;
}
.features {
    margin-bottom:0;
}
.clear {
    clear:both;
}
/*.home .left {
    width:580px;
    background:url(../img/vert-line.png) 577px 0 no-repeat;
    float:left;
}
.home .right {
    width:370px;
    float:left;
}*/
.home-main {
    background:url(../img/clouds.png) 50% 50% no-repeat;
    width:355px;
    height:300px;
    margin-left:15px;
    float:left;
}
.home-main p {
    font-family: 'Arvo', serif;
    font-size: 1.45em;
    color: #006b97;
    width:200px;
    text-align:center;
    margin:0 auto;
}
.features .left {
    width:460px;
    float:left;
    margin-right:30px;
}
.features .right {
    width:460px;
    float:left;
}
.features h2, .integrate h2 {
    font-family: 'Arvo', serif;
    font-size: 1.45em;
    color: #208bb5;
    font-weight:200;
    margin:0;
    padding:0;
}
.features p, .features li, .integrate p {
    font-family: 'Arvo', serif;
    color: #666;
    margin:0;
    padding:0;
}
.features li a {
    font-family: 'Arvo', serif;
    color: #208bb5;
}
.pricing h2, .support h2, .terms h2, .contact h2, .faq .right h2 {
    font-family: 'Arvo', serif;
    font-size: 1.0em;
    color: #208bb5;
    font-weight:200;
    margin:20px 0 0;
    padding:0;
}
.pricing h1, .support h1, .faq h1, .terms h1, .contact h1 {
    font-family: 'Arvo', serif;
    font-size: 1.5em;
    color: #208bb5;
    font-weight:200;
    margin:0 0 10px;
    padding:0;
}
.pricing p, .pricing li, .pricing a, .support p, .support li, .support a, .faq p, .faq li, .faq a, .terms p, .terms li, .terms a, .contact p .contact li .contact a {
    font-family: 'Arvo', serif;
    color: #666;
}
.features section, .integrate section {
	width:100%;
	margin-left:auto;
	margin-right:auto;
    margin-bottom:70px;
    overflow:auto;
}

.contact .left {
    width:680px !important;
    float:left;
    margin-right:20px;
}
.contact .right {
    width:230px !important;
    float:left;
    margin-left:20px;
}

.faq .left {
    width:100%;
    float:left;
    margin-right:20px;
}
.faq .right {
    width:230px !important;
    float:left;
    margin-left:20px;
}
.faq .container a{
    text-decoration:underline;
	color:#FAA204
}

.faq .left h2{
    font-family: 'Arvo', serif;
    font-size: 1em;
    color: #999;
    font-weight:200;
    text-decoration:none;
    margin:0 0 10px 0;
    padding:0 0 10px;
    border-bottom:1px solid #E0E5E9;
    width: 100%;
}

.faq .right p {
    text-align:left;
}
.faq .right li {
    text-align:left;
    color: #666;
}
.faq .left h2 a {
    text-decoration:none;
    color: #666;
}
.faq .left h3 {
    font-family: 'PT Sans', sans-serif;
    color: #208bb5;
    font-size:1em;
    line-height:1.5em;
    font-weight:200;
    margin:0;

}
.toggle_container {
    width:948px;
    border:1px solid #fff;
}
.toggle_container_faq {
    border:1px solid #fff;
    margin-bottom:20px;
    width: 100%;
}
.features-video {
    float:right;
    margin: 0 0 0 40px;
}
.feature-img {
    width:450px;
    height:270px;
    margin: 35px 0 20px 40px;
    float:right;
}

.integrate section {
    margin: 30px 0;
    overflow:auto;
}
.integrate .left {
    width:410px;
    float:left;
    background:url(../img/vert-line.png) 407px 0 no-repeat;
}
.integrate .right {
    width:520px;
    float:left;
    margin-left:20px;
}
.integrate img.float-left {
    float:left;
    margin: 0 15px 10px 0;
}
.integrate h3 {
    font-family: 'PT Sans', sans-serif;
    color: #208bb5;
    font-size:1.2em;
    line-height:1.5em;
    font-weight:200;

}
.integrate h2 {
    margin: 15px 0;
}
.integrate ul {
    padding-left:20px;
}
.integrate ul li {
    font-family: 'PT Sans', sans-serif;
    color: #808080;
    font-size:1.1em;
    line-height:1.5em;
}

.company_1 {
    display: inline-block;
    margin-bottom:20px;
}
.company_1:hover #flyout-menu-1 {
	display: block;
}

.company_2 {
    display: inline-block;
    margin-bottom:20px;
}
.company_2:hover #flyout-menu-2 {
	display: block;
}

.company_3 {
    display: inline-block;
    margin-bottom:20px;
}
.company_3:hover #flyout-menu-3 {
	display: block;
}

.company_4 {
    display: inline-block;
    margin-bottom:20px;
}
.company_4:hover #flyout-menu-4 {
	display: block;
}

.company_5 {
    display: inline-block;
    margin-bottom:20px;
}
.company_5:hover #flyout-menu-5 {
	display: block;
}

h2.align-top {
    margin-top:0 !important;
}
.feature-box {
    padding:20px;
    background: #208BB5;
    margin-bottom:40px;
    border-radius:5px;
    moz-border-radius:5px;
    text-align:left;
}
.right .feature-box p, .right .feature-box ul li {
    color: #ffffff;
}
.right .feature-box h2 {
    color: #c1e8fb;
}

input::-webkit-input-placeholder {
    color:    #666;
}
input:-moz-placeholder {
    color:    #666;
}
input:-ms-input-placeholder {
    color:    #666;
}
#overlay {
    width:900px;
    text-align:center;
}
.active {
    cursor:pointer;
}
.div-clickable {
    display:block;
    width:115px;
    height:230px;
    position:absolute;
}
.div-clickable_2 {
    display:block;
    width:115px;
    height:230px;
}
.img-swap {
    cursor:pointer;
}
.animate-overlay {
    width:450px;
    height:270px;
    background-image:url(../img/animate-overlay.png);
    position:relative;
    top:-270px;
    display:none;
    cursor:pointer;
}



/* ==========================================================================
   Sticky Nav
   ========================================================================== */

#sticky-navigation-wrapper { width:100%; height:50px; }
#sticky-navigation { 
    z-index:10000; 
    width:100%; 
    height:55px; 
    background:#000; 
}
#sticky-navigation ul { 
	float: center;
    list-style:none; 
    margin:0; 
    padding:1px 0 0 1px; 
}
#sticky-navigation ul li { 
    margin:0; 
    padding:0; 
    display:block; 
}
#sticky-navigation ul li a { 
    display:block; 
    float:center; 
    margin: 12px 18px 5px 18px;
    padding:5px 10px 0 60px;
    height:37px; 
    line-height:30px;     
    font-family: 'Arvo', serif;
    font-size: 1.2em;
    color: #fff; 
    text-decoration: none; 
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#sticky-navigation ul li a.last {
    margin-right:0;
}
#sticky-navigation ul li a:hover { 
    background-color:#333;
}
#sticky-navigation ul li a.selected {
    background-color: #fff; color: #208bb5;
}
a.insure {
    background:url(../img/icon-insure-grey.png) 10px 3px no-repeat;
}
a.comply {
    background:url(../img/icon-comply-grey.png) 10px 5px no-repeat;
}
a.streamline {
    background:url(../img/icon-streamline-grey.png) 10px 3px no-repeat;
}
a.collaborate {
    background:url(../img/icon-collaborate-grey.png) 10px 3px no-repeat;
}
a.integrate {
    background:url(../img/icon-integrate-grey.png) 10px 5px no-repeat;
}




/* ==========================================================================
   Integration Overlay
   ========================================================================== */

.integration_overlay .integrate {
    overflow:auto;
}

div.integrate div.left {
    text-align:left;
}

.integrate .left p,.integrate .left ul {
    padding-right:10px;
}

.integration_overlay {
    display:none;
    position: absolute;
    background:#fff;
    border: 7px solid #8FC5DA;
    padding: 20px 15px;
    overflow-y:scroll;
    max-height:90%;
	width:100%;
    top:180px;
    border-radius:5px;
    moz-border-radius:5px;
    z-index: 1050;
}

.integration_overlay .close {
    background-image:url(../img/close.png);
    position:absolute; right:12px; top:12px;
    cursor:pointer;
    height:35px;
    width:35px;
}



/* ==========================================================================
   Pricing Table
   ========================================================================== */

.price-container h1, .price-container h2, .price-container h3, .price-container ul, .price-container li{
    margin: 0;
    padding: 0;
}
.price-container {
    margin:0 auto;
    width:100%;
}
.price-table-container {
    width:100%;
    margin:50px auto;
    overflow:auto;
}
.column h1 {
    width:155px;
    height:45px;
    background:#f1eeee;

    font-family: 'Arvo', serif;
    font-size: 1.2em;
    color: #208bb5;
    font-weight:200;

    text-align:center;
    line-height:45px;
}
.column h2 {
    width:155px;
    height:45px;
    background:#f9f5f5;

    font-family: 'PT Sans', sans-serif;
    font-size:1.2em;
    line-height:1.2em;
    font-weight:200;
    text-align:center;
    line-height:50px;
}
.column h3 {
    width:155px;
    height:50px;
    background:#f9f5f5;

    font-family: 'PT Sans', sans-serif;
    font-size:1.0em;
    line-height:1.0em;
    font-weight:200;
    color:#929191;
    text-align:center;

}
.column a {
    width:155px;
    height:30px;
    background:#3a3a3a;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    display:block;

    font-size:13px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    line-height:30px;
}
.blank-header {
    width:155px;
    height:140px;
    background:none;
}
.column { 
    width:155px; 
    float:left; 
    display:inline-block; 
    border-right:1px solid #fff;
}
.column ul li {
    width:155px;
    text-align:center;
    padding-top:11px;
    padding-bottom:11px;
    /*height:8px;*/
    overflow:hidden;
    color:#9c9797;
    font-size:11px;
    background:#f9f5f5;
    border-top:1px solid #fff;

}
.column ul li:nth-child(odd) { background:#f1eeee; }
.column.blue h2 { color:#208BB5; }
.column.blue li.desc-drop:hover { color:#208BB5; }
.column.blue a:hover { background:#208BB5; }

.cost-container h1, .cost-container h2, .cost-container h3, .cost-container ul, .cost-container li{
    margin: 0;
    padding: 0;
}
.cost-container {
    margin:0 auto;
    width:100%;
}
.cost-container h4 {
    font-size:25px;
    font-weight:bold;
    color:#3a3a3a;

    margin:0 0 25px 0;
    padding-bottom:15px;

    border-bottom:1px solid #e0e0e0;
}
.cost-table-container {
    width:100%;
    margin:50px auto;
    overflow:auto;
}
.cost-container .column h1 {
    width:300px;
    height:45px;
    background:#f1eeee;

    font-family: 'Arvo', serif;
    font-size: 1.2em;
    color: #208bb5;
    font-weight:200;

    text-align:center;
    line-height:45px;
}
.cost-container .column h2 {
    width:300px;
    height:45px;
    background:#f9f5f5;

    font-family: 'PT Sans', sans-serif;
    font-size:1.2em;
    line-height:1.2em;
    font-weight:200;
    text-align:center;
    line-height:50px;
}
.cost-container .column h3 {
    width:300px;
    height:50px;
    background:#f9f5f5;

    font-family: 'PT Sans', sans-serif;
    font-size:1.0em;
    line-height:1.0em;
    font-weight:200;
    color:#929191;
    text-align:center;

}
.cost-container .column a {
    width:300px;
    height:30px;
    background:#3a3a3a;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    display:block;

    font-size:13px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    line-height:30px;
}
.cost-container .blank-header {
    width:300px;
    height:140px;
    background:none;
}
.cost-container .column { 
    width:300px; 
    float:left; 
    display:inline-block; 
    border-right:1px solid #fff;
}
.cost-container .column ul li {
    width:300px;
    text-align:center;
    padding-top:11px;
    padding-bottom:11px;
    /*height:8px;*/
    overflow:hidden;
    color:#9c9797;
    font-size:13px;
    background:#f9f5f5;
    border-top:1px solid #fff;

}
.cost-container .column ul li:nth-child(odd) { background:#f1eeee; }
.cost-container .column.blue h2 { color:#208BB5; }
.cost-container .column.blue li.desc-drop:hover { color:#208BB5; }
.cost-container .column.blue a:hover { background:#208BB5; }


/* ==========================================================================
   Scrollable
   ========================================================================== */

.navi {
    margin-left:365px;
    width:200px;
    height:20px;
    position:relative;
    top:-25px;
}

.navi a {
    width:17px;
    height:17px;
    float:left;
    margin:3px;
    background:url(../img/navi.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

.navi a:hover {
    background-position:-17px 0;
}

.navi a.active {
    background-position:-17px 0;
}

.scrollable {
    position:relative;
    overflow:hidden;
    width: 560px;
    height:319px;
}

.scrollable .items {
    width:20000em;
    position:absolute;
    clear:both;
}

.items .item {
    float:left;
    width:680px;
}

.item .image {
  float:left;
  width:363px;
  height:319px;
  margin-right:5px;
}

.item .content {
  float:left;
  width:195px;
  font-family: 'PT Sans', sans-serif;
  color: #808080;
  font-size:1.2em;
  line-height:1.5em;
}

.item .content span {
  color: #006b97;
}

.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}



/* ==========================================================================
   toTop
   ========================================================================== */

#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    top:8px;
    right:10px;
    overflow:hidden;
    width:40px;
    height:40px;
    border:none;
    text-indent:100%;
    background:url(../img/ui.totop.png) no-repeat left top;
    z-index:10000;
}

#toTopHover {
    background:url(../img/ui.totop.png) no-repeat left -40px;
    width:40px;
    height:40px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
    outline:none;
}

/* ==========================================================================
   Triangles
   ========================================================================== */

.triangle-border {
    //position:relative;
    padding:15px;
    margin:1em 0 3em;
    border:5px solid #8FC5DA;
    color:#333;
    background:#fff;
    /* css3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

.triangle-border.left {
    margin-left:30px;
}

.triangle-border.right {
    margin-right:30px;
}

.triangle-border:before {
    content:"";
    position:absolute;
    bottom:-20px; /* value = - border-top-width - border-bottom-width */
    left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
    border-style:solid;
    border-color:#8FC5DA transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.triangle-border:after {
    content:"";
    position:absolute;
    bottom:-13px; /* value = - border-top-width - border-bottom-width */
    left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
    border-width:13px 13px 0;
    border-style:solid;
    border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.triangle-border.top:before {
    top:-20px; /* value = - border-top-width - border-bottom-width */
    bottom:auto;
    left:auto;
    right:40px; /* controls horizontal position */
    border-width:0 20px 20px;
}

.triangle-border.top:after {
    top:-13px; /* value = - border-top-width - border-bottom-width */
    bottom:auto;
    left:auto;
    right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 13px 13px;
}

.triangle-border.top2:before {
    top:-20px; /* value = - border-top-width - border-bottom-width */
    bottom:auto;
    left:auto;
    left:40px; /* controls horizontal position */
    border-width:0 20px 20px;
}

.triangle-border.top2:after {
    top:-13px; /* value = - border-top-width - border-bottom-width */
    bottom:auto;
    left:auto;
    left:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 13px 13px;
}

.triangle-border.left:before {
    top:78px; /* controls vertical position */
    bottom:auto;
    left:-30px; /* value = - border-left-width - border-right-width */
    border-width:15px 30px 15px 0;
    border-color:transparent #8FC5DA;
}

.triangle-border.left:after {
    top:84px; /* value = (:before top) + (:before border-top) - (:after border-top) */
    bottom:auto;
    left:-21px; /* value = - border-left-width - border-right-width */
    border-width:9px 21px 9px 0;
    border-color:transparent #fff;
}


.login-box {
    width:310px;
    height:63px;
    position:absolute;
    display:none;
    margin-top:60px;
    z-index:100000;
	right:5px;
}

.visible {
    display:block;
}

.login-box input {
    font-size:.8em;
    font-weight:100;
    width:212px;
    border:1px solid #999;
    padding:5px;
    float:left;
}

.login-box input#submit {
    width:55px;
    background:#3a3a3a;
    color: #fff;
    border:1px solid #3a3a3a;
    margin-left:3px;
}
.login-box input#submit:hover {
    background:#208BB5;
    border:1px solid #208BB5;
}

.email-box  {
    width:550px;
    height:70px;
    position:absolute;
    display:none;
    z-index:100000;
}

.query-box  {
    width:550px;
    height:200px;
	margin-top:-250px;
    position:absolute;
    display:none;
	text-align:left;
    z-index:100000;
	font-family : 'PT Sans', sans-serif;
	font-size: 0.8em
}

.query-box form h1 {
    text-align:center;
	font-size: 1.0em;
	color: #208bb5;
	font-weight:bold;

}


.visible {
    display:block;
}

.email-box input {
    font-size:.8em;
    font-weight:100;
    width:420px;
    border:1px solid #999;
    padding:5px;
    float:left;
}

.email-box input.email-submit ,
.query-box input.query-submit {
    width:85px;
    background:#3a3a3a;
    color: #fff;
    border:1px solid #3a3a3a;
    margin-left:3px;
}
.email-box input.email-submit:hover,
.query-box input.query-submit:hover{
    background:#208BB5;
    border:1px solid #208BB5;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ==========================================================================
   Responsive Navigation Bar
   ========================================================================== */
.navbar-collapse .collapse {
	display: inline!important;
	float: right;
}
.nav .navbar-nav {
	float: right;
	/*margin-top: 20px;*/
	/*margin-bottom: -20px;*/
	margin-left: 21px;
	margin-right: 21px;
}
.navbar-inverse {
	position: relative;
	background-color: #208bb5;
	float: right;
	z-index: 10001;
}
.navbar-inverse .navbar-toggle {
	border-color: #fff;
	margin-right: 0;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	border-color:#208bb5;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #c1e8fb;
}
.navbar-inverse .navbar-nav ul li {
    float: left;
    margin-right: 40px;
}
.navbar-inverse .navbar-nav ul li:last-child {
    margin-right:0;
}
.navbar-inverse .navbar-nav li a {
	font-family: 'Arvo', serif;
	font-size: 1.2em;
	color: #c1e8fb;
	text-decoration: none;
}
.navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:selected {
	color: #fff;
}
@media (min-width: 768px) {
.navbar-collapse.collapse {
	height: 0!important;
}
}
@media (max-width:767px) {
.navbar-inverse {
	width: 140px;
}
#headerbar {
	/*margin-top: 27px;*/
}
#headerbar ul {
	float: right;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}
}

/* ==========================================================================
   Responsive Sub Navigation Bar
   ========================================================================== */

#sticky-navigation .navbar-collapse {
	background-color: rgba(0, 0, 0, 0.57);
}
#sticky-navigation .navbar-header .navbar-toggle {
	border-color: #fff;
	margin-top: 12px;
	margin-right: 60px;
}
#sticky-navigation .navbar-toggle:hover, #sticky-navigation .navbar-toggle:focus {
	background-color: #333;
}
#sticky-navigation .navbar-collapse, #sticky-navigation .navbar-form {
	border-color:#fff;
}

/* ==========================================================================
   Custom Styles
   ========================================================================== */
.home {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.home .container {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 0 0;
}
#sticky-navigation .container, .features .container, .support .container, .faq .container, .contact .container, footer .container {
	width: 78%;
	padding-left: 0;
	padding-right: 0;
}
.pricing .container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
footer h2 a:hover {
	color: #faa200;
	text-decoration: none;
}
#content {
	min-height: 0;
}
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1s;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
#myCarousel {
	max-height: 820px;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	min-width: 100%;
}
.carousel-indicators li {
	width: 20px;
	height: 20px;
}
.carousel-indicators .active {
	width: 22px;
	height: 22px;
}

.pitch {
	position: absolute;
	z-index: 1000;
	font-family: 'Arvo', serif;
	font-size: 2.9em;
	top: 20%;
	left: 5%;
	color : #ffffff;
	font-weight : bold;
	width: 480px;
	text-align: left;
	background-color: rgba(0,0,0,.2);
	padding: 15px;
}


#img1-computer {
	display: block;
}
#img1-mobile {
	display: none;
}
.panel {
	background-color: #208bb5;
	color: #ffffff;
	font-size: 3em;
	margin: 0;
	padding: 10px;
	border-radius: 0px;
	border-top: 4px solid #8fc5da;
}

h2.panel {
   color: #ffffff;
}
/*
.panel h2 {
	color: #ffffff;
    font-weight: bold;
	font-family: 'Arvo', serif;
	font-size: 40px;
    border-top: 4px solid #8fc5da;
	border-bottom: 4px solid #8fc5da;
}
*/
.demo_wrapper {
	display: table;
	width: 100%;
	background-color: #208bb5;
	padding: 20px 20px 20px 20px;
}
.demo_wrapper h2 {
	color: #ffffff;
    font-size: 20px;
	font-family: 'Arvo', serif;
	font-weight: bold;
}
.panel_wrapper_crm {
	display: table;
	width: 100%;
	background-color: #208bb5;
    border-top: 4px solid #8fc5da;
	padding: 20px 20px 20px 20px;
}
.panel_wrapper_dms {
	display: table;
	width: 100%;
	background-color: #208bb5;
    border-top: 4px solid #8fc5da;
	padding: 20px 20px 20px 20px;
}
.panel_wrapper_cloud {
	display: table;
	width: 100%;
	background-color: #208bb5;
    border-top: 4px solid #8fc5da;
	border-bottom: 4px solid #8fc5da;
	padding: 20px 20px 20px 20px;
}
.panel_wrapper_logos {
	display: table;
	width: 100%;
	background-color: #208bb5;
	border-top: 4px solid #8fc5da;
	border-bottom: 4px solid #8fc5da;
	padding: 20px 20px 20px 20px;
}
.panel_wrapper_testimonials {
	display: table;
	width: 100%;
	background-color: #208bb5;
	padding: 20px 20px 20px 20px;
}
.curve {
width: 25%; height: auto;
float: left; margin-right:2rem;
border-radius: 50%;
-webkit-shape-outside:circle();
shape-outside:circle();
}
.panel_wrapper_demo {
	display: table;
	width: 100%;
	background-color: #208bb5;
	padding: 20px 20px 20px 20px;
}
.panel_inner {
	display: table-cell;
	vertical-align: top;
	width: 40%;
	padding: 20px 20px 20px 20px;
	horizontal-align: middle;
}
.panel_inner h1 {
	color: #c1e8fb;
    font-size: 30px;
	font-family: 'Arvo', serif;
	font-weight: bold;
}
.panel_inner h2 {
	color: #ffffff;
    font-size: 20px;
	font-family: 'Arvo', serif;
	font-weight: bold;
}
.panel_inner li {
	color: #ffffff;
    font-size: 20px;
	font-family: 'Arvo', serif;
    list-style-position: inside;
}
.panel_image {
  display: table-cell;
  max-width: 710px;
}

.thumbs{
  clear: both;
  width: 90%;
  margin:0 auto;
  position: relative;
  overflow: auto;
  float: center;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.thumbs ul{
  padding:0;
  margin:0;
  list-style-type:none;
  width: 1000%;
}

.thumbs li{
  float:left;
  padding:0;
  margin:5px 5px 0 0;
  display: inline;
}

.thumbs li a{
  background-color:#2B2B2B;
  margin:0;
  padding:5px;
  display:block;
  max-width: 125px;
  max-height: 85px;
  text-decoration:none;
  color: #fff;
}

.thumbs li a:hover, .thumbs li.active a{
  background-color:#195B91;
}

.thumbs img{
  border: none;
  padding: 0;
  margin: 0;
  width: 115px;
  height: 75px;
}

.viewer{
  clear: both;
  padding:0;
  background-color:#195B91;
  overflow:hidden;
  color: #fff;
  font-size: .9em;
  /*max-height:455px;*/
  /*width:100%;*/
  margin-left: auto;
  margin-right: auto;
  /*float: right;*/
}

.viewer img{
  border: 5px solid #195B91;
}

.viewer-image{
  clear:both;
  padding:0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
  width:100%;
}

.viewer-image cite {
  background: #111;
  -moz-opacity:.7;
  filter:alpha(opacity=70);
  opacity:.7;
  color: #fff;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  margin: 5px;
  border-top: 1px solid #195B91;
  font-style: normal;
}
.testimonial {
	margin: 0;
	background: #c1e8fb;     
	padding: 10px 50px;     
	position: relative;     
	font-family: Georgia, serif;
	font-weight: bold;
	color: #666;     
	border-radius: 5px;     
	font-style: italic;     
	text-shadow: 0 1px 0 #ECFBFF;     
	background-image: linear-gradient(#CEF3FF, #c1e8fb); 
} 

.testimonial:before, .testimonial:after {     
	content: "\201C";     
	position: absolute;     
	font-size: 80px;
	font-weight: bold;
	line-height: 1;     
	color: #999;     
	font-style: normal; 
} 

.testimonial:before {     
	top: 0;     
	left: 10px; 
} 

.testimonial:after {     
	content: "\201D";     
	right: 10px;     
	bottom: -0.5em; 
} 

.arrow-down {     
	width: 0;     
	height: 0;     
	border-left: 15px solid transparent;     
	border-right: 15px solid transparent;     
	border-top: 15px solid #B7EDFF;     
	margin: 0 0 0 25px; 
} 

.testimonial-author {     
	margin: 0 0 0 25px;     
	font-family: 'Arvo', serif;     
	color: #c1e8fb;
	font-weight: bold;
	text-align:left; 
} 

.testimonial-author span {     
    font-size: 12px;
	font-weight: bold;
    color: #ffffff; 
}

/* ==========================================================================
   New Pricing Page
   ========================================================================== */
.body {
  width:990px;
  margin:0 auto
}
.body:after {
  clear:both;
  content:' ';
  display:block;
  font-size:0;
  line-height:0;
  visibility:hidden;
  width:0;
  height:0
}
.wrap {
  width:100%;
  margin:0;
  overflow:hidden
}
@media only screen and (max-width: 990px) {
.body {
  width:640px;
}
.plan .plan-price h3 {
  font-size: 0.9em;
}}
.price-plans {
  text-align: center;
  padding-bottom: 40px;
}
.price-plans p.hero {
  margin-top: -2px;
  margin-bottom: 30px;
  font-size: 1.5em;
}
.none {
  margin: 0 !important;
}
h1.mtitle {
  color: #0082ce;
  margin-top: 50px;
}
.price-plans .mtitle {
  margin: 50px 0 10px 0;
  font-size: 2.4em;
  text-transform: none;
}
.popular {
  font-size:0.3em;
  color: YELLOW;
}
a:hover, a:focus {
  text-decoration: none;
}
h4 {
    font-size:18px;
    font-weight:bold;
    color:#3a3a3a;

    margin:0 0 25px 0;
    padding-bottom:15px;

    border-bottom:1px solid #e0e0e0;
}
.grid_3, .g_3 {
  width: 22.626262626%;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .g_1, .g_2, .g_3, .g_4, .g_5, .tree-features .branch-left .branch, .tree-social-media .branch-left .branch, .tree-features .branch-right .branch, .tree-social-media .branch-right .branch, .g_6, .g_7, .g_8, .g_9, .g_10, .g_11 {
  margin-right: 2.82828%;
  margin-top: 2%;
  margin-bottom: 2%;
  float: left;
  display: block;
}
.alpha {
  margin-left: 0!important;
}
.clearfix:after, .tree-features .branch-left:after, .tree-social-media .branch-left:after, .tree-features .branch-right:after, .tree-social-media .branch-right:after, .body:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
.plan {
  margin: 20px -6px 0 0;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  -webkit-box-shadow: 0 0 .6em 0 #000;
  -moz-box-shadow: 0 0 .6em 0 #000;
  box-shadow: 0 0 .6em 0 #000;
}
.plan h2 a {
  color: #fff;
}
.plan h2 {
  background: #414141;
}
.plan h2, .plan .plan-footer, .plan-footer a {
  color: #fff;
  padding: 10px 5px;
}

.b-arrow_box, .plan .plan-price {
  position: relative;
}
.b-arrow_box:after, .plan .plan-price:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 10px;
  margin-left: -10px;
}
.plan .mid {
  padding-top: 30px;
  overflow: hidden;
  position: relative;
  min-height: 400px;
}
.plan h4 {
  /* padding: 0 0px; */
}
.plan .ticks {
  padding-bottom: 40px;
}
.ticks {
  text-align: left;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
ul, menu, dir {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}
.ticks li:nth-child(odd) {
  background: #f8f8f8;
}
.ticks li {
  position: relative;
  list-style: none;
  margin-left: 0;
  line-height: 1.2em;
  font-size: 16px;
  color: #414141;
  border-bottom: 1px solid #fff;
  padding: 8px 0 7px 35px;
  background: #f4f3f3;
}
.ticks li:after {
  content: '';
  position: absolute;
  top: 11px;
  left: 10px;
  width: 15px;
  height: 15px;
  background: transparent url(include/img/tick.png) no-repeat -1335px -2215px;
}
body ul li {
  font-size: inherit;
}
li {
  display: list-item;
  text-align: -webkit-match-parent;
}
.ticks li:after {
  content: '';
  position: absolute;
  top: 11px;
  left: 10px;
  width: 15px;
  height: 15px;
  background: transparent url(../img/tick.png) no-repeat -1335px -2215px;
}
.plan-emphasis {
  margin-top: 0;
}
.plan .plan-price .permonth {
  font-size: .3em;
  margin: 0;
  line-height: .8;
  left: 31px;
  font-weight: normal;
}
.plan .plan-price h3, .plan .plan-price .permonth {
  color: #fff;
  position: relative;
  z-index: 2;
}
.plan .plan-for {
  color: #005576;
  min-height: 34px;
  margin-top: 15px;
  font-size: 1.25em;
  padding-top:5px;
}
.plan .plan-desc, .plan .plan-for {
  margin: 0;
  line-height: 1.1em;
  font-size: 1.2em;
}
.plan .plan-price {
  display: block;
  background-color: #208bb5;
  color: #fff;
  padding: 20px 0 25px 0;
  font-size: 3em;
  font-weight: bold;
}
.plan .plan-price-bg {
  width: 119px;
  height: 119px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  margin: -59px 0 0 -59px;
  overflow: hidden;
  background: #018bc9 ;
  /* url(images/xsendible-core-sprite.png.pagespeed.ic.s4IwuE49Kz.png) no-repeat -1231px -2310px;*/
  display: none;
}
.plan-emphasis .mid {
  padding-top: 30px;
}
.plan .mid {
  padding-top: 30px;
  overflow: hidden;
  position: relative;
  min-height: 400px;
}

.grid_12, .g_12, .tree-features .branch-left, .tree-social-media .branch-left, .tree-features .branch-right, .tree-social-media .branch-right {
  width: 100%;
}
.price-plans .under {
  margin-top: 35px;
  color: #7b7b7b;
  line-height: 1.3em;
}
.plan-emphasis .plan-footer {
  background: #414141;
}
.plan .plan-footer {
  display: block;
  background: #27ae61;
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.plan .plan-footer {
  font-size: 1.4em;
  text-transform: uppercase;
}
.plan h2, .plan .plan-footer {
  color: #fff;
  padding: 10px 5px;
}
.plan-emphasis .plan-footer-popular {
  background: #414141;
}
.plan .plan-footer-popular {
  display: block;
  background: #faa200;
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.plan h2, .plan .plan-footer-popular {
  color: #fff;
  padding: 10px 5px;
}
.plan .plan-footer-popular {
  font-size: 1.4em;
  text-transform: uppercase;
}
.omega {
  margin-right: 0!important;
}
.price-plans .under span {
  font-size: 21px;
}
.faq {
  border-bottom: 1px dotted #d7d7d7;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.graded-bg {
  background: #fff;
  background: -moz-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(47%,#f6f6f6),color-stop(100%,#ededed));
  background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
  background: -o-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
  background: -ms-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
  background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.wrap {
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.fixtop {
  position: fixed;
  top: 0;
  z-index: 5555;
  padding-bottom: 12px;
}

@media only screen and (max-width:640px){
.body {
  width:490px
}
.body {
  background-position:-699px -253px
}
.price-plans .g_3 {
  width:100%;
  margin:0
}
.price-plans .plan .mid {
  min-height:0
}
.price-plans .plan-emphasis {
  margin-top:21px
}

}
@media only screen and (max-width:489px){
.body {
  width:376px
}

}
@media only screen and (max-width:375px){
.body {
  width:321px
}
}
@media only screen and (max-width:320px){
.body {
  width:305px
}
}

/* ==========================================================================
   Blog Page
   ========================================================================== */
/*
.headline-blue {
  background-color: #f0f9ff;
  color: #54575e;
}
.headline {
  border-bottom: 1px solid rgba(0,0,0,0.05);
  text-align: left;
  padding: 30px;
}
element.style {
  padding: 40px;
}
.section {
  padding: 30px;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}


#header-wrap {
  width: 100%;
  margin-top: -5px;
  padding: 0;
}
*/


/**** Smartphone Media Queries - Landscape and Portrait ****/
@media only screen
and (max-width : 800px) {

#img1-computer {
	display: none;
}
#img1-mobile {
	display: block;
}
.pitch {
	font-size: 1.2em;
	width: 50%;
}
.panel_wrapper {
	padding: 10px 10px 10px 10px;
}
.panel_inner {
	display: block;
	width: 100%;
	padding: 10px 10px 10px 10px;
}
.panel_inner h1 {
	color: #c1e8fb;
    font-size: 1.3em;
	font-family: 'Arvo', serif;
	font-weight: bold;
}
.panel_inner h2 {
	color: #ffffff;
    font-size: 1em;
	font-family: 'Arvo', serif;
	font-weight: bold;
}
.panel_inner li {
	color: #ffffff;
    font-size: 1em;
	font-family: 'Arvo', serif;
    list-style-position: inside;
}
.panel_image {
  display: block;
}

.viewer{
  clear: both;
  padding:0;
  background-color:#195B91;
  overflow:hidden;
  color: #fff;
  font-size: .7em;
  /*height:280px;
  width:480px;*/
  margin-left: auto;
  margin-right: auto;
}

.viewer img{
  border: 5px solid #195B91;
}

.viewer-image{
  clear:both;
  padding:0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: block;
  /*height:280px;*/
  width:100%;
}

.viewer-image cite {
  background: #111;
  -moz-opacity:.7;
  filter:alpha(opacity=70);
  opacity:.7;
  color: #fff;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  margin: 5px;
  border-top: 1px solid #195B91;
  font-style: normal;
}
.thumbs{
  clear: both;
  width: 90%;
  margin:0 auto;
  position: relative;
  overflow: auto;
}

.thumbs ul{
  padding:0;
  margin:0;
  list-style-type:none;
  width: 1000%;
}
.triangle-border {
    //position:relative;
    padding:15px;
    margin:1em 0 3em;
    border:5px solid #8FC5DA;
    color:#333;
    background:#fff;
    /* css3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

.login-box {
    width:70px;
    height:63px;
    position:absolute;
    display:none;
    margin-top:60px;
    z-index:100000;
	right:5px;
}

.visible {
    display:block;
}

.login-box input {
    font-size:.8em;
    font-weight:100;
    width:80px;
    border:1px solid #999;
    padding:5px;
    float:left;
}

.login-box input#submit {
    width:55px;
    background:#3a3a3a;
    color: #fff;
    border:1px solid #3a3a3a;
    margin-left:3px;
}
.login-box input#submit:hover {
    background:#208BB5;
    border:1px solid #208BB5;
}

.email-box {
    width:270px;
    height:70px;
    position:absolute;
    display:none;
    z-index:100000;
}


.visible {
    display:block;
}

.email-box input {
    font-size:.8em;
    font-weight:100;
    width:157px;
    border:1px solid #999;
    padding:5px;
    float:left;
}

.email-box input.email-submit {
    width:70px;
    background:#3a3a3a;
    color: #fff;
    border:1px solid #3a3a3a;
    margin-left:3px;
}
.email-box input.email-submit:hover {
    background:#208BB5;
    border:1px solid #208BB5;
}
.demo_wrapper {
	align: center;
}
#demo {
    background: url(../img/demo.png);
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
    text-align:center;
    padding-top:8px;
	width: 140px;
	height:70px;
}
.company {
	margin-top: 5px;
	align: center;
}
.feature-img, #insure-img {
	width:50%;
	height:auto;
}
#overlay {
	width:90%;
}
.contentWrap img {
	width:90%;
}

#integrate-img {
	width:50%;
}

.price-container {
	max-width:100%;
}

}

/**** Ipad and Ipad Mini Media Queries ****/
@media only screen 
and (min-width : 751px) 
and (max-width : 820px) {

.pitch {
	font-size: 1.3em;
	width: 35%;
}}
@media only screen 
and (min-width : 821px) 
and (max-width : 1024px) {

.pitch {
	font-size: 2em;
	width: 35%;
}

.price-container {
	max-width:100%;
}

}

/****features div ***/
.features-content{
   width : 100%;
}