/*
Theme Name: wp-bootstrap
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.0
Author: 320press
Author URI: http://320press.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);*/

@font-face {
    font-family: 'alleritalic';
    src: url('library/fonts/aller_ltit-webfont.eot');
    src: url('library/fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),
        url('library/fonts/aller_ltit-webfont.woff') format('woff'),
        url('library/fonts/aller_ltit-webfont.ttf') format('truetype'),
        url('library/fonts/aller_ltit-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);*/
/*@import url(http://fonts.googleapis.com/css?family=PT+Sans);*/

body {
    font-family: "OpenSans", sans-serif;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    padding-top: 0;
    font-size: 18px;
    line-height: 30px;
    color: #3b3b3b;
}

/***** ADDITIONAL CSS ******/
p {
    margin: 0 0 15px;
}

h4 {
    margin: 30px 0 15px 0;
}



ul {
    padding: 0;
    margin: 0;
}

ul li {
    margin-top: 15px;
    background: url(images/tick.png) no-repeat left center; /* overriden elsewhere */
    padding-left: 31px;
    list-style: none;
}

ul li:first-child {
    margin-top: 0px;
}

.dark_bg .excerpt ul li {
    margin-bottom: 15px;
    padding-left: 31px!important;
    list-style: none!important;

    background: url(images/li_tick.png) no-repeat -4px; 
    background-image: -webkit-image-set(url(images/li_tick.png) 1x, url(images/li_tick@2x.png) 2x, url(images/li_tick@3x.png) 3x);
    background-image: -moz-image-set(url(images/li_tick.png) 1x, url(images/li_tick@2x.png) 2x, url(images/li_tick@3x.png) 3x);
    background-image: -o-image-set(url(images/li_tick.png) 1x, url(images/li_tick@2x.png) 2x, url(images/li_tick@3x.png) 3x);
    background-image: -ms-image-set(url(images/li_tick.png) 1x, url(images/li_tick@2x.png) 2x, url(images/li_tick@3x.png) 3x);

}

/*.dark_bg .excerpt:hover ul li {
        background: url(images/tick.png) no-repeat left center!important;
} */


.gform_fields li,
.footer-links ul li,
ul.nav li,
ul.slides > li {
    margin-bottom: 0;
    margin-top: 0;
    background: none;
    padding-left: 0;
}

h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font: 58px "alleritalic", sans-serif;
}

h4 {
    font-size: 24px;
    line-height: 30px;
    /*color: #66cc00;*/
}

h5 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 0;
}

a {
    /*color: #66cc00;*/
}

label {
    display: inline;
    font-weight: 500;
}

/** SLIDER IN HOMEPAGE **/
.slide-content img {
    max-width: 100%;
}

/*.cloud,*/
.cloud .link,
#slider .cloud .content a,
.cloud.custom-feature .link3,
.navbar-default .navbar-nav > li.current-menu-item a.cloud,
.navbar-default .navbar-nav > li.cloud a:hover,
.navbar-default .navbar-nav > li a.cloud:hover,
.cloud .nav-title,
.cloud .title-head,
.cloud .hero-button:hover a,
#footer-tweet-follow .cloud,
/*.cloud .tab-pane h5,*/
.cloud .tab-pane h4,
.cloud .tab-pane a,
.cloud input, .cloud .nav-title a {
    color: #f79420;
}

.cloud #slider .flex-control-paging li a.flex-active,
.cloud.custom-feature .button,
.cloud .button,
.parent-pageid-12 .button /* sub-pages of cloud as well */ {
    background-color: #f79420;
}

.cloud .nav-tabs > li > a:hover,
.cloud .nav-tabs > li.active > a {
    border-bottom-color: #f79420;
}

.page-template-page-detail-php.cloud .hero .expand-pallete {
    background-color: #f79521;
    border-left: 1px solid #f79420;
}

/*.education,*/
.education .page-numbers.prev,
.education .page-numbers.next,
.education .link,
#slider .education .content a,
.education.custom-feature .link3,
.navbar-default .navbar-nav > li.current-menu-item a.education,
.navbar-default .navbar-nav > li.education a:hover,
.navbar-default .navbar-nav > li a.education:hover,
.education .nav-title,
.education .title-head,
.education .hero-button:hover a,
#footer-tweet-follow .education,
/*.education .tab-pane h5,*/
.education .tab-pane h4,
.education .tab-pane a,
.education input,
.single .subtitle-head , .education .nav-title a,
#pagination-education {
    color: #f05b67;
}

.education #slider .flex-control-paging li a.flex-active,
.education.custom-feature .button,
.education .button {
    background-color: #f05b67;
}

.education .cpagination .page-numbers.current,
.education .cpagination .page-numbers:hover,
.education .nav-tabs > li > a:hover,
.education .nav-tabs > li.active > a {
    border-bottom-color: #f05b67;
}

.single #content .container { padding-bottom: 90px!important; }
.single #content .hero .container { padding-bottom: 0px!important; }
.single p { margin: 0 0 15px!important; }
.single h4 { margin: 30px 0 15px 0!important; } 
.single img { margin: 30px 0 15px 0!important;    max-width: 100%; height: auto;}
.single sidebar1 ul li { list-style-type: disc!important; }

.s_app_cat_desc_right {
	margin-bottom: 55px;
}
.detailPageDownload .app_download {
	margin-top: 5px;
}
/*.apps,*/
.apps .link,
#slider .apps .content a,
.apps.custom-feature .link3,
.navbar-default .navbar-nav > li.current-menu-item a.apps,
.navbar-default .navbar-nav > li.apps a:hover,
.navbar-default .navbar-nav > li a.apps:hover,
.apps .nav-title,
.apps .title-head,
.apps .hero-button:hover a,
#footer-tweet-follow .apps,
/*.apps .tab-pane h5,*/
.apps .tab-pane h4,
.apps .tab-pane a,
#pagination-apps,
.apps input, .apps .nav-title a {
    color: #b45efe;
}

.apps .page-numbers.prev,
.apps .page-numbers.next {
    color: #b45efe !important;	
}

.apps #slider .flex-control-paging li a.flex-active,
.apps.custom-feature .button,
.apps .button {
    background-color: #b45efe;
}


.apps .cpagination .page-numbers.current,
.apps .cpagination .page-numbers:hover,
.apps .nav-tabs > li > a:hover,
.apps .nav-tabs > li.active > a {
    border-bottom-color: #b45efe;
}

/*.musition,*/
.musition-title span,
.musition .link,
#slider .musition .content a,
.musition.custom-feature .link3,
.navbar-default .navbar-nav > li.current-menu-item a.musition,
.navbar-default .navbar-nav > li.musition a:hover,
.navbar-default .navbar-nav > li a.musition:hover,
.musition .nav-title,
.musition .title-head,
#pagination-musition,
.musition .hero-button:hover a,
#footer-tweet-follow .musition,
.musition .container h2,
.musition .tab-pane h4,
.musition h4 a,
.musition .tab-pane a,
.musition input
.musition .container a,
.musition a {
    color: #3399ff;
}

.downloads a {
	color: #00ACA1;
}

.musition #slider .flex-control-paging li a.flex-active,
.musition.custom-feature .button,
.musition .button ,a.musition .icon{
    background-color: #3399ff;
}
.musition h4 {color:#3399ff;}
.musition ol {margin-top:20px;}
.musition .nav-tabs > li > a {color:#3399ff;}

.musition .nav-tabs > li > a:hover,
.musition .nav-tabs > li.active > a {
    border-bottom-color: #3399ff;
}

.page-template-page-detail-php.musition .hero .expand-pallete, .parent-pageid-198 .hero .expand-pallete {
    background-color: #51A8FF;
    border-left: 1px solid #71B8FF;
}

.page-id-22 .hero .expand-pallete {
	background-color: #fb7a65;
    border-left: 1px solid #ff9886;
    right: 0;
}
.page-id-22 .hero .expand-pallete a:hover {
	background-color: #e04b33;
}
.page-id-22 .hero .expand-pallete a {
	border-top: 1px solid #e04b33;
	
}

.hero .expand-pallete a, .expand-pallete a > div {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

/*.auralia,*/
.auralia-title span,
.auralia .link,
#slider .auralia .content a,
.auralia.custom-feature .link3,
.navbar-default .navbar-nav > li.current-menu-item a.auralia,
.navbar-default .navbar-nav > li.auralia a:hover,
.navbar-default .navbar-nav > li a.auralia:hover,
.auralia .nav-title,
.auralia .title-head,
.auralia .container h2,
.auralia .container h4,
#pagination-auralia,
.auralia .hero-button:hover a,
#footer-tweet-follow .auralia,
/*.auralia .tab-pane h5,*/
.auralia .tab-pane h4,
.auralia .tab-pane a,
.auralia input,
.auralia .container a {
    color: #66cc00;
}
.auralia .hero-button a{
    color: #fff;
    font-weight: normal;
}
.auralia a.link2 {
    color: #252525;
    font-weight: normal;	
}
.auralia #slider .flex-control-paging li a.flex-active,
.auralia.custom-feature .button ,.auralia .button ,a.auralia .icon{
    background-color: #66cc00;
}

.auralia .nav-tabs > li > a:hover,
.auralia .nav-tabs > li.active > a {
    border-bottom-color: #66cc00;
}

/*.shop,*/
.shop .link,
#slider .shop .content a,
.shop.custom-feature .link3,
.navbar-default .navbar-nav > li.current-menu-item a.shop,
.navbar-default .navbar-nav > li.shop a:hover,
.navbar-default .navbar-nav > li a.shop:hover,
.shop .nav-title,
.shop .title-head,
.shop .hero-button:hover a,
#footer-tweet-follow .shop,
/*.shop .tab-pane h5,*/
.shop .tab-pane h4,
.shop .tab-pane a,
.shop input, .shop .nav-title a {
    color: #f79420;
}

.shop #slider .flex-control-paging li a.flex-active,
.shop.custom-feature .button,
.shop .button {
    background-color: #f79420;
}

.shop .nav-tabs > li > a:hover,
.shop .nav-tabs > li.active > a {
    border-bottom-color: #f79420;
}

.page-template-page-detail-php.shop .hero .expand-pallete {
    background-color: #f79521;
    border-left: 1px solid #f79420;
}

.shop-button {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #252525;
    display: inline-block;
    margin-right: 1em;
}

.shop-button a {
    color: #fff;
    font-size: 18px;
    padding: 5px 20px;
    display: block;
    font-weight: bold;
}

.shop-button:hover {
    /*background-color: #fff;*/
}

.shop-button:hover a {
    text-decoration: none;
}

/**** TAB CONTENT ****/
.what-new .image img[src=""] {
    display: none;
}

.page-template-page-detail-php.auralia .hero .expand-pallete,
.parent-pageid-15 .hero .expand-pallete {
    background-color: #7DD426;
    border-left: 1px solid #94DB4D;
}

/*.support (same as page-id-370), note there is also /cloudsupport/support which we don't necessarily want this to apply to */

.support .link,
#slider .support .content a,
.support.custom-feature .link3,
.navbar-default .navbar-nav > li.current-menu-item a.support,
.navbar-default .navbar-nav > li.support a:hover,
.navbar-default .navbar-nav > li a.support:hover,
.page-id-370 .nav-title,
.page-id-370 .title-head,
#pagination-support,
.page-id-370 .hero-button:hover a,
#footer-tweet-follow .support,
.page-id-370 .tab-pane h4,
.page-id-370 .tab-pane a,
.page-id-370 input,
.page-id-370 .container a {
    color: #00b5ad;
}

.support .hero-button:hover a{
     color: #00b5ad !important;
}
.support.page-id-370 #slider .flex-control-paging li a.flex-active,
.support.page-id-370.custom-feature .button,
.support.page-id-370 .button,a.support .icon {
    background-color: #00b5ad;
}

.support .nav-tabs > li > a:hover,
.support .nav-tabs > li.active > a {
    border-bottom-color: #00b5ad;
}

.advance_content img {
    max-width: 100%;
}
.advance_content h2 {
    font-size: 46px;
    font-weight: 300;
    margin-bottom: 20px;
}

/*.cloudsupport (same as page-id-377), and child pages */

.cloudsupport .link,
#slider .cloudsupport .content a,
.cloudsupport.custom-feature .link3,
.navbar-default .navbar-nav > li.current-menu-item a.cloudsupport,
.navbar-default .navbar-nav > li.cloudsupport a:hover,
.navbar-default .navbar-nav > li a.cloudsupport:hover,
.cloudsupport.page-id-377 .nav-title,
.cloudsupport.page-id-377 .title-head,
#pagination-support,
.cloudsupport.page-id-377 .hero-button:hover a,
#footer-tweet-follow .cloudsupport,
.cloudsupport.page-id-377 .tab-pane h4,
.cloudsupport.page-id-377 .tab-pane a,
.cloudsupport.page-id-377 .container a,

.parent-pageid-377 .link,
#slider .parent-pageid-377 .content a,
.parent-pageid-377.custom-feature .link3,
.navbar-default .navbar-nav > li.current-menu-item a.parent-pageid-377,
.navbar-default .navbar-nav > li.parent-pageid-377 a:hover,
.navbar-default .navbar-nav > li a.parent-pageid-377:hover,
.parent-pageid-377 .nav-title,
.parent-pageid-370 .title-head,
.parent-pageid-377 .title-head,
#pagination-support,
.parent-pageid-377 .hero-button:hover a,
#footer-tweet-follow .parent-pageid-377,
.parent-pageid-377 .tab-pane h4,
.parent-pageid-377 .tab-pane a,
.parent-pageid-377 .container a {
    color: #00b5ad;
}

.cloudsupport .hero-button:hover a{
     color: #00b5ad !important;
}
.cloudsupport #slider .flex-control-paging li a.flex-active,
.cloudsupport.custom-feature .button,
.cloudsupport .button,a.support .icon,
.parent-pageid-370 .button,
.parent-pageid-377 .button,a.support .icon {
    background-color: #00b5ad;
}

/*.training,*/
.training .link,
#slider .training .content a,
.training.custom-feature .link3,
.navbar-default .navbar-nav > li.current-menu-item a.training,
.navbar-default .navbar-nav > li.training a:hover,
.navbar-default .navbar-nav > li a.training:hover,
.training .nav-title,
.training .title-head,
#pagination-training,
.training .hero-button:hover a,
#footer-tweet-follow .training,
/*.training .tab-pane h5,*/
.training .tab-pane h4,
.training .tab-pane a,
.training input,
.training container a {
    color: #00b5ad;
}

.training #slider .flex-control-paging li a.flex-active,
.training.custom-feature .button,
.training .button {
    background-color: #00b5ad;
}

.training .nav-tabs > li > a:hover,
.training .nav-tabs > li.active > a {
    border-bottom-color: #00b5ad;
}

#header {
    background-color: #252525;
}

#header .container {
    /*max-width: 1600px;*/
    width: auto;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
}

#header .navbar {
    border: none;
}

.navbar > .container .navbar-brand {
    text-indent: -9999px;
    background: url(images/logo_RS.png) no-repeat;
    background-image: -webkit-image-set(url(images/logo_RS.png) 1x, url(images/logo_RS@2x.png) 2x, url(images/logo_RS@3x.png) 3x);
    background-image: -moz-image-set(url(images/logo_RS.png) 1x, url(images/logo_RS@2x.png) 2x, url(images/logo_RS@3x.png) 3x);
    background-image: -o-image-set(url(images/logo_RS.png) 1x, url(images/logo_RS@2x.png) 2x, url(images/logo_RS@3x.png) 3x);
    background-image: -ms-image-set(url(images/logo_RS.png) 1x, url(images/logo_RS@2x.png) 2x, url(images/logo_RS@3x.png) 3x);
    width: 70px;
    height: 29px;
    margin: 30px 93px 32px 45px;
    background-position: center;
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a,
.navbar-nav > li > a {
    background-color: transparent;
    /*opacity: .35;
    color: #f5f5f5;*/
    color: #717171;
    font-size: 19px;
    padding: 40px 0 0;
    margin: 0 35px;
    border: none;
}

.navbar-default .navbar-nav > li.auralia-menu.current-menu-item > a,
.navbar-default .navbar-nav > li.auralia-menu > a:hover {
    color: #66cc00;
}

.navbar-nav > li:first-child > a:hover,
.navbar-nav > li:first-child > a {
    padding-left: 0;
}

.btn_try-or-buy {
    position: absolute;
    top: -1px;
    right: 0;
}

.btn_try-or-buy a {
    color: #252525!important;
    font-size: 18px;
    width: 212px;
    height: 93px;
    background-color: #8e8e8e;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.btn_try-or-buy a:hover {
    text-decoration: none;
    background-color: #676767!important;
    color: #f5f5f5!important;
}
/* try or buy content */
.tryorbuynav {
    border-radius: 5px;
    color: black;
    font-weight: bold;
    text-align: center;
}
#buynow{
    display: block;
}
#tryorbuynav div{
    border-radius: 5px;
}

#tryorbuynav {
    float: none;
}
.navb{
    cursor: pointer;
}
#tryorbuynav .sactive{
    font-size: 58px;
    line-height: 62px;
    font-family: 'alleritalic';
}
.left{
    float: left;
}
.right{
    float: right;
}
.clear{
    clear: both;
}
.ar{
    text-align: right;
}
#tryorbuy{
    display: none;
    padding: 50px 30px 70px; 
}
#demo{
    display: none;
}
#tryorbuy .title{
    font-weight: bold;
}
.buynowsec{
    margin-top: 20px;
}
.vumnavb{
    cursor: pointer;
    color: #969696;
}
#dform .buynowsec {
    margin-top: 70px;
}

#buynow .buynowsec input[type="number"] {
    border: 1px solid #CCCCCC;
}

.buynowsec input[type="number"]{
    width: 25px;
    height: 25px;
    border: 0px; 
    border-radius: 5px;
    font-size: 14px;
    line-height: 24px;
    /*color: #74d026;*/
    padding: 0;
    text-align: center;
}
#demoform input[type="text"],
#demo .buynowsec input[type="text"]{
    width: 100%;
    padding: 3px 10px !important;
    height: auto !important;
    border: 0px;
    border-radius: 5px;
    font-size: 14px;
    /*color: #74d026;*/
    padding: 0;
    text-align: left;
}
.ebox{
    height: 40px;
    padding: 30px 15px;
}
.mlink, .wlink{
    width: 100%;
    height: 67px;
    border-radius: 5px;
    border: 1px solid #d7d5d4;
    cursor: pointer;
}
.mlink{
    background-image: url('images/macdl.png');
    background-position: center center;
    background-repeat: no-repeat;
}
.mlink_hover{
    background-image: url('images/macdla.png');
}
.wlink{
    background-image: url('images/windl.png');
    background-position: center center;
    background-repeat: no-repeat;
}.wlink_hover{
    background-image: url('images/windla.png');
}
.mlink a,
.wlink a {
    display: block;
}
/*#gform_wrapper_4 input[type="submit"] {
	background-color: #c0c0c0;
}*/
.demotext{
    padding: 7% 20px 5%;
    text-align: center;
}
.save{
    margin-left: 20px;
    color: #74d026;
    font-size: 16px;
    font-weight: bold;
    display: none;
    text-decoration: none;
}
.proceedbtn{
    background: #fff;
    border-radius: 5px;
    border: 0px;
    font-weight: bold;
    padding: 5px 50px;
    color: #000 !important;
}
.proceedbtn_hover,.proceedbtn:hover{
    background: #74d026 !important;
    /*color: #fff !important;*/
}

.homelinkrs {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 50;
    display: none;
}

@media screen and (min-width: 1024px) {
    #buynow .buynowsec input[type=number]::-webkit-inner-spin-button, 
    #buynow .buynowsec input[type=number]::-webkit-outer-spin-button { 
        -webkit-appearance: none; 
        -moz-appearance: textfield;
        margin: 0; 
    }
}

@media screen and (max-width: 768px) {
    .proceedbtn {
        padding: 5px 0;
        width: 100%;
    }

    #buynow .buynowsec:last-child .right {
        float: none;
    }
}


#main {
    padding: 0;
}

.single #main {
    padding-right: 30px;
}

#content {
    padding-top: 0;
    /*border-top: 10px solid #252525;*/
    margin: 0;
}

.single #content {
    /*padding: 50px 0;*/
}

.dark_clr.title-head,
.dark_clr {
    color: #3b3b3b;
}

.hero h2.title-head,.title-head {
    font-size: 46px;
    text-align: center;
    font-weight: 300;
    line-height: 52px;
    background-color: transparent;
    margin: 0 auto;
}

.single .title-head {
    text-align: left;
    margin-bottom: 50px;
}

.home .hero .title-head {
    color: #f5f5f5;
    /*max-width: 695px;*/
    margin: 0 auto;
    padding: 105px 0;
    min-height: 104px;
}

.musition-title,
.auralia-title {
    display: none;
}

.hero {
    overflow: hidden;
    background-color: #252525;
    color: #fff;
    background-size: cover;
    padding: 90px 0 60px;
    position: relative;
}

.single .hero {
    padding: 0;
    margin-bottom: 50px;
}

.hero .content h1 ,.hero h1  a{
    font-size: 58px;
    line-height: 62px;
    color: #fff;
    font-family: 'alleritalic';
    font-weight: 400;
}

.hero .content h3,.hero h3 {
    font-size: 38px;
    line-height: 42px;	
    color: #fff;
    /*font-weight: 300;*/
    font-weight: 400;
}

.hero h4 {
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    /*font-weight: 300;*/
    font-weight: 400;
}

.hero sup {
    display: none;
}

.hero-button {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #252525;
    display: inline-block;
    margin-right: 1em;
}

.hero-button a {
    color: #fff;
    font-size: 18px;
    padding: 5px 20px;
    display: block;
    font-weight: bold;
}

.hero-button:hover {
    background-color: #fff;
}

.hero-button:hover a {
    text-decoration: none;
}

/* Contact page form */
.contact #gform_wrapper_4 {
/*	float: right;
	width: 40%;
	padding-left: 30px;
	margin-top: 0;*/
}
.contact #gform_wrapper_4 .top_label select.medium {
	width: 100%;
}
.contact .title-head {
    color: #00b5ad;
}
.contact .button {
    background-color: #00b5ad;
}

/* registration page */
.register .title-head {
    color: #00b5ad;
}
.register .button {
    background-color: #00b5ad; margin-right: 4px;
}
.register input[type="radio"] { margin-right: 4px; }

.register p.error { color: red; }



.page-template-student-cloud-purchase .button {
    background-color: #00b5ad; margin-right: 4px;
}

.page-template-student-cloud-purchase input[type="radio"] { 
    margin-right: 4px;
}

.page-template-student-cloud-purchase p.error { 
  color: red; 
}


.home .hero {
    padding: 0;
    min-height: 0;
}

.hero .container {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    position: relative;
}

.hero .image,
.hero .content {
    /*	-webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -ms-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease;*/
}

.hero sup {
    display: inline;
}

.hero .excerpt {
    color: #fff;
    font-weight: 400;
}

.auralia_wrap .hero .excerpt {
    /*font-family: "Myriad Pro", 'PT Sans', arial, helvetica, sans-serif;*/
}

.cloud .hero .excerpt {
    width: 67%;
}

#auralia,
#musition {
    height: 529px;
    width: 50%;
    float: left;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    position: relative;
}

.home #musition {
    background: url(images/img_musition5.png) no-repeat 80px center;
    background-color: #39f;
}

.inner-hero:hover .hero-content span {
    display: none;
}

.inner-hero:hover .hero-content sup {
    display: inline;
}

.home #auralia {
    background: url(images/img_auralia5.png) no-repeat 94% center;
    background-color: #65cb00;
}

.inner-musition {
    float: right;
    padding-right: 2em;
}

.inner-auralia {
    padding-left: 2em;
}

.hero-content {
    display: table-cell;
    vertical-align: middle;
    height: 529px;
}

.inner-musition .hero-content {
    text-align: right;
}

.expand-pallete {
    width: 212px;
    height: 100%;
    position: absolute;
    top: 0;
    font-size: 20px;
    /*display: table;*/
}

.expand-pallete a {
    color: #f5f5f5;
    display: inline-block;
    /*display: table-row;*/
    text-align: center;
    width: 100%;
    height: 25%;
    line-height: normal;
    /*padding: 43% 0 0;
    background: url(images/icons-hero.png) no-repeat center center;*/
}

.expand-pallete a > div {
    /*display: table;*/
    padding: 10% 0;
    text-align: center;
    height: 100%;
    width: 100%;
}

.expand-pallete a > div > div {
    /*display: table-cell; 
    vertical-align: middle;
    height: 100%;*/
}

.expand-pallete a div img {
    display: inline-block;
    margin-bottom: 2%;
}

.expand-pallete .placeholder {
    max-height: 57px;
    height: 57px;
    min-height: 0;
    background: none;
}

.expand-pallete a:hover {
    text-decoration: none;
}

.expand-pallete a.icon-take_the_tour {
    background-position: 96px 37px;
}

.expand-pallete a.icon-try_or_buy {
    background-position: 96px -88px;
}

.auralia .hero .expand-pallete a.icon-try_or_buy,
#auralia .expand-pallete a.icon-try_or_buy {
    background-position: 78px -478px;
}

.expand-pallete a.icon-cloud_edition {
    background-position: center -226px;
}

.expand-pallete a.icon-musition_app {
    background-position: 82px -359px;
}

.expand-pallete a.icon-topics {
    background-position: 83px -583px;
}

.expand-pallete a.icon-assesment {
    background-position: 88px -703px;
}
.expand-pallete a div p {
    margin-bottom: 2px;
}

.musition .hero .expand-pallete,
#musition .expand-pallete {
    left: -212px;
    background-color: #51a8ff;
    border-right: 1px solid #71b8ff;
}

.parent-pageid-198 .expand-pallete {
    background-color: #51a8ff;
    border-right: 1px solid #71b8ff;
}

.musition .hero .expand-pallete a,
#musition .expand-pallete a,
.parent-pageid-198 .expand-pallete a {
    border-top: 1px solid #39f;
}

.musition .hero .expand-pallete a:hover,
#musition .expand-pallete a:hover,
.parent-pageid-198 .expand-pallete a:hover {
    background-color: #39f;
}

.page-id-302 .hero .expand-pallete a:nth-child(1) {
    background-color: #39f!important;
}

.page-id-422 .hero .expand-pallete a:nth-child(3) {
    background-color: #39f!important;
}

.page-id-424 .hero .expand-pallete a:nth-child(2) {
    background-color: #39f!important;
}

.page-id-426 .hero .expand-pallete a:nth-child(4) {
    background-color: #39f!important;
}

.auralia .hero .expand-pallete,
#auralia .expand-pallete,
.parent-pageid-15 .expand-pallete {
    right: -212px;
    background-color: #7dd426;
    border-left: 1px solid #94db4d;
}

.auralia .hero .expand-pallete a,
#auralia .expand-pallete a,
.parent-pageid-15 .expand-pallete a {
    border-top: 1px solid #65CB00;
}

.auralia .hero .expand-pallete a:hover,
#auralia .expand-pallete a:hover,
.parent-pageid-15 .expand-pallete a:hover {
    background-color: #65CB00;
}

.page-id-413 .hero .expand-pallete a:nth-child(1) {
    background-color: #65CB00!important;
}

.page-id-415 .hero .expand-pallete a:nth-child(3) {
    background-color: #65CB00!important;
}

.page-id-417 .hero .expand-pallete a:nth-child(2) {
    background-color: #65CB00!important;
}

.page-id-419 .hero .expand-pallete a:nth-child(4) {
    background-color: #65CB00!important;
}

.support .hero .expand-pallete,
.cloudsupport .hero .expand-pallete,
.parent-pageid-370 .hero .expand-pallete {
    right: -212px;
    background-color: #00aca4;
    border-left: 1px solid #00BFB6;
}

.support .hero .expand-pallete a,
.cloudsupport .hero .expand-pallete a,
.parent-pageid-370 .hero .expand-pallete a {
    border-top: 1px solid #00BFB6;
}

.support .hero .expand-pallete a:hover,
.cloudsupport .hero .expand-pallete a:hover,
.parent-pageid-370 .hero .expand-pallete a:hover {
    background-color: #009C91;
}

.page-id-375 .hero .expand-pallete a:nth-child(1) {
    background-color: #009C91!important;
}

.page-id-377 .hero .expand-pallete a:nth-child(2) {
    background-color: #009C91!important;
}

.page-id-400 .hero .expand-pallete a:nth-child(3) {
    background-color: #009C91!important;
}

.page-id-229 .hero .expand-pallete a:nth-child(4) {
    background-color: #009C91!important;
}

.expand-pallete a:first-child {
    border-top: none !important;
}

.white_bg {
    padding: 4% 0 4%;
    color: #3b3b3b;
}

.dark_bg {
    background-color: #252525;
    padding: 4% 0 3%;
    color: #3b3b3b;
}

.icon {
    text-align: center;
}

#slider .slide-title {
    padding: 3% 0;
}

#slider .flex-control-nav {
    position: static;
    margin: 20px 0 10px;
}

#slider .flex-direction-nav {
    display: none;
}

#slider .flex-control-paging li a {
    /*background-color: #676767;*/
}

#slider .flex-control-paging li a.flex-active {
    /*background-color: #65cb00;*/
}

#slider .c4col_icon_text .content {
    margin-top: 1.5em;
    text-align: center;
}

#slider .image.col-md-offset-2,
#slider .image.c2col_1text_1col_image {
    text-align: right;
}

.gray_bg {
    background-color: #f5f5f5;
    padding: 90px 0;
}

.blank_bg {
    padding: 90px 0;	
}

.what-new .title-head {
    /*color: #252525;*/
    /*padding: 0 0 30px;*/
}

.custom-feature {
    /*padding: 0 0 100px;*/
    margin-top: 50px;
    /*min-height: 550px;*/
}

.auralia .what-new .title-head {
    /*margin-bottom: 0!important;*/
}
.auralia .what-new h2.title-head {
    margin-bottom: 40px !important;
} 
.auralia .what-new .tab-content {
    margin-top: 0!important;
}

.what-new .image img {
        width: 100%;
    height: 100%;
    max-height: 189px;
    margin: 0;
    max-width: 360px;
}

#tabz .image img {
    max-width: 100%;
    min-height: 0;
}

.excerpt {
    color: #252525;
    margin: 34px 0;
}

.what-new .nav-title {
    background-color: transparent;
}

.what-new .feature-title {
    /*margin-bottom: 34px;*/
    color: #252525;
    font-size: 22px;
}

.what-new .custom-feature-wrap {
    padding: 20px;
    /*padding-bottom: 78px;*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*min-height: 574px;*/
    /*min-height: 600px;*/
    position: relative;
    cursor: pointer;
}

/*.what-new .custom-feature-wrap.apps > a {
     min-height: 0px;;
}*/
.what-new .custom-feature-wrap > a {
    display: block;
    /*min-height: 442px;*/
}

.what-new .custom-feature-wrap:hover > a,
.what-new .custom-feature-wrap > a:hover {
    text-decoration: none;
}

.what-new .custom-feature .icon img {
    height: 58px;
}

.what-new .custom-feature-wrap:hover {
    background-color: #252525;
}

.what-new .feature-title {
    color: #252525;
    font-weight: 500;
    /*width: 100%;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.apps .what-new .feature-title {
    /*width: 255px;*/
    /*padding-left: 10px;*/
}

.what-new .excerpt {
    color: #252525;
    /*min-height: 120px;*/
    font-size: 17px;
}

.apps .what-new .custom-feature-wrap:hover {
    background-color: #444 !important;;
}

.apps .what-new .feature-title {
    color: #fff;
}

.apps .what-new .excerpt {
    color: #fff;
}

.button, a.button {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    padding: 7px 20px;;
    color: #fff !important;
    font-weight: bold;
    /*width: 100%;*/
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 240px;
    margin: 0 auto;
    display: inline-block;
}

.apps .buttonx,
.apps .button {
    /*bottom: 20px;
    width: 89%;	
    position: absolute;*/	
}

.buttonx {
    background: transparent !important;
}

.button:hover {
    /*background-color: #252525;*/
}

.button a {
    padding: 7px 0;
    color: #fff !important;
    font-weight: bold;
    display: block;
}

.buttonx a:hover,
.button a:hover {
    text-decoration: none;
}

.buttonx {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    padding: 7px 0;
}

.buttonx a {
    padding: 7px 0;
    font-weight: bold;
    display: block;	
}

.link2 {
    color: #252525;
    font-size: 18px;
    font-weight: bold;
}

.link2:hover {
    text-decoration: none;
    color: #fff;
}

.link3 {
    display: block;
    text-align: center;
    font-weight: bold;
}

input.button {
    padding: 7px 32px;
    font-size: 18px;
    color: #fff !important;
    font-weight: bold;
    height: auto;
    border: none;
}

#testimonial {
    /*padding: 75px 0 40px;*/
    text-align: center;
}

#testimonial h4 {
    color: #3b3b3b;
    font-size: 22px;
}

#testimonial .testimonial-author {
    font-style: italic;
}

.image {
    text-align: center;
    overflow: hidden;
}

 .custom-feature-wrap a.musition .image , .custom-feature-wrap a.auralia .image {
       border-top: 1px solid #4a4a4a;
    margin-top: 20px;
}

.page-template-page-detail-php .hero .expand-pallete,
.page-template-page-teacher-php .hero .expand-pallete,
.auralia .hero .expand-pallete {
    right: 0;
}

.cloud .hero .image {
    padding-top: 70px;
}

#slider .three_col .content {
    margin-top: 43px;
}

#slider .three_col .image {
    padding-top: 6px;
}

#cloud-form h5 {
    font-weight: 300;
    text-align: center;
}

#cloud-form .form {
    max-width: 592px;
    margin: 50px auto 0;
}

.form-name .gfield_label {
    display: none !important;
}

.form-name .lipt {
    font-size: 18px !important;
    font-weight: bold;
}

#cloud-form .gform_title {
    display: none;
}
#gform_wrapper_4 .gform_title {
    display: none;
}
#field_4_11 .gfield_label {
display:none;
}
#gforms_confirmation_message_4 {
	float: right;
    width: 40%;
    text-align: center;
}
#cloud-form .form input[type='text'] {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#gform_wrapper_4 input[type='text'] {
    display: block;
width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#cloud-form .form-name input {
    width: 100%;
}

#gform_wrapper_4 .form-name input {
    width: 100%;
}
#cloud-form .form-inline .form-group {
    width: 48.5%;
    margin-left: 2%;
    margin-bottom: 15px;
}

#gform_wrapper_4 .form-inline .form-group {
    width: 48.5%;
    margin-left: 2%;
    margin-bottom: 15px;
}
#cloud-form .form-inline .form-group:first-child {
    margin-left: 0;
}

#gform_wrapper_4 .form-group:first-child {
    margin-left: 0;
}
#cloud-form .number_of_students input {
    max-width: 84px;
}
#gform_wrapper_4 .number_of_students input {
    max-width: 84px;
}
#cloud-form input[type='submit'] {
    width: auto;
}
#gform_wrapper_4 input[type='submit'] {
    width: auto;
}

.nav-tabs {
    border: none;
    text-align: center;
}

.nav-tabs > li {
    float: none;
    display: inline-block;
}

.nav-tabs > li > a {
    line-height: inherit;
    border: none;
    border-radius: 0;
    color: inherit;
    font-size: 18px;
    padding: 0;
    margin: 0 5px;
}

.nav-tabs > li.active > a:focus,
.nav > li > a:hover,
.nav-tabs > li.active > a {
    color: inherit;
    background-color: transparent;
    border: none;
    cursor: pointer;
    border-bottom: 1px solid;
    outline: none;
}

.nav-tabs > li.active > a:hover {
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
}

.nav-tabs > li.active > a {
    font-weight: bold;
}

.apps .nav-tabs > li.active > a, 
.apps .nav-tabs > li.active > a:hover,
.apps .nav-tabs > li > a {
    color: #fff;
}

.tab-content {
    /*margin-top: 65px;*/
}

.tab-content p {
    margin: 0 0 15px;
}

.tab-content h4 {
    margin: 30px 0 15px 0;
}

.tab-content ul {
    padding: 0 25px;
    margin: 15px 0;
}

.tab-content ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    list-style: disc outside none;
    padding: 0;
}

.tab-content .tab-pane h5 {
    margin: 15px 0 0; 
}

#footer {
    background-color: #f5f5f5;
    padding: 30px 0 0;
}

#footer-tweet {
    margin-top: 18px;
}

#footer-tweet-follow {
    font-size: 14px;
}

.nav-footer {
    clear: right;
}

.footer-links .menu li {
    margin-bottom: 0;
}

.footer-links .menu li a {
    color: #8d8d8d;
    font-size: 14px;
}

#apps_buy {
    -moz-border-radius: 6px / 7px;
    -webkit-border-radius: 6px / 7px;
    border-radius: 6px / 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    /*padding: 70px;*/
}

.placeholder {
    width: 100%;
    min-height: 218px;
    background-color: #252525;
}

#tabz {
    position: relative;
}

.loading {
    background: url(images/new_ajax_loader_black.gif) no-repeat;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.apps .loading {
    background-image: url(images/new_ajax_loader.gif);
}

.cpagination {
    text-align: center;
}

.cpagination .page-numbers {
    color: #252525;
    vertical-align: middle;
    border-bottom: 1px solid transparent;
}

.apps .cpagination .page-numbers {
    color: #fff;
}

.cpagination .page-numbers:hover {
    text-decoration: none;
}

.cpagination .page-numbers.current {
    font-weight: bold;
}

.cpagination .page-numbers.prev,
.cpagination .page-numbers.next {
    font-size: 50px;
    border: none;
}

#dform input[type=text],
#apps_buy .gform_wrapper input[type=text] {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    color: #B35DFD;
}

#apps_buy .gform_title {
    display: none;
}

#apps_buy h1 {
    font-size: 58px;
    line-height: 62px;
    font-family: 'alleritalic';
    margin-top: 0;
    text-align: center;
}

#apps_buy .before_form {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}

#apps_buy .gform_wrapper .gform_footer {
    width: 50%;
}

.gform_wrapper .gform_footer {
    position: relative;
    padding: 45px 0 0 !important;
}

#gform_submit_button_1 {
    left: 0;
    right: 0;
    max-width: 285px;
    width: 100% !important;
}

#sidebar1 {
    margin-bottom: 50px!important;
}

#sidebar1 ul {
    margin-left: 20px;
}

#sidebar1 ul li {
    background: none;
    padding-left: 5px;
    list-style: outside disc;
}

/*#demoform .gform_footer,*/
#demoform h4 {
    display: none;
}

.validation_error,
#gforms_confirmation_message {
    margin: 1em 0;
    text-align: center;
}

.page-template-page-try_or_buy-php #wpadminbar,
.page-template-page-signup-template-php #wpadminbar {
    display: none;
}

.page-template-page-try_or_buy-php,
.page-template-page-signup-template-php {
    margin-top: -32px;
    background-color: #f9f9f9;
    padding: 40px;
}

.page-template-page-try_or_buy-php {
    padding: 0;
}

.page-template-page-try_or_buy-php #dform,
.page-template-page-signup-template-php div {
    max-width: 500px; 
    max-height: 70%; 
    margin: 0 auto;
}

.page-template-page-try_or_buy-php #dform {
    max-width: 520px;
    margin-top: 0px;
}

.page-template-page-signup-template-php #gform_submit_button_2 {
    background-color: #B35DFD;
}

#input_3_1_6_container input,
#input_3_1_3_container input,
#input_2_1_3_container input,
#input_2_1_6_container input {
    width: 100% !important;
}

#demo iframe {
    width: 100%;
    min-height: 510px;
    overflow: hidden;
}

#gform_submit_button_3 {
    visibility: hidden;
    position: absolute;
}

.what-new .content img {
    max-width: 100%;
    height: auto;
}


/* Knowledgebase */
.customize-support .title-head {
   /*margin-bottom: 50px;*/
}
.knowledgebase-archive > a {
    color: #009c91;
}

/*Custom Style 3-21-14*/
.navbar-toggle {
    border: none;
    margin-right: 0;
    background: none !important;
}

.navbar-toggle:hover, .navbar-toggle:active {
    background: none !important;
}

.navbar-toggle:hover > .icon-bar, .navbar-toggle:active > .icon-bar {
    border: 1px solid #F6F6F6;
}

.navbar-toggle .icon-bar{
    background-color: #343434 !important;
    height: 5px;
    border-radius: 2px;
    border: 1px solid #787878;
    width: 31px;
}

.page-id-22 .hero .expand-pallete, .page-template-page-detail-php.musition .hero .expand-pallete, .parent-pageid-198 .page-template-page-teacher-php .hero .expand-pallete, .parent-pageid-198 .page-template-page-detail-php .hero .expand-pallete {
    left: inherit;
}

.advance_content {
    padding: 90px 0;
}
.advance_content.gray_bg.auralia,.advance_content.white_bg.auralia,.advance_content.gray_bg.musition,.advance_content.white_bg.musition,.advance_content.white_bg.support,.advance_content.gray_bg.support{
    padding-bottom: 40px;
}
.advance_content .title-head {
    padding-bottom: 30px;
}

/* columns of same height styles */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}
/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.expand-pallete a > div {
	    padding: 5% 0;
    }
div.ginput_container_email span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    padding-right: 16px;
    margin-right: -4px;
}
div.ginput_container_email span.ginput_right {
    padding-right: 0;
    margin-left: 0 !important;
}
div.ginput_container_email input {
	width: 100% !important;
}
#field_1_4 {
	margin-bottom: 20px;
}
@media (min-width: 992px) {
    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
    }
}

@media all and (max-width: 3000px) {
    #musition {
        background-position: 40% center;
    }

    #auralia {
        background-position: 70% center;
    }
}	


@media all and (max-width: 1500px) {
    #musition {
        background-position: 80px center;
    }

    #auralia {
        background-position: 94% center;
    }
}

@media all and (max-width: 1400px) {
    .page-template-page-detail-php .hero .image ,.page-template-page-teacher-php .hero .image {
        text-align: left;
    }
}

@media all and (max-width: 1220px) {
    .page-template-page-detail-php .hero .image img ,.page-template-page-teacher-php .hero .image img {
        max-width: 310px;
        width: 100%;
    } 
}

@media all and (max-width: 1100px) {
    .page-template-page-detail-php .hero .image img ,.page-template-page-teacher-php .hero .image img {
        max-width: 270px;
    } 
}

@media all and (max-width: 1350px) {
    .navbar > .container .navbar-brand {
        margin: 30px 53px 32px 45px;
    }

    .navbar-default .navbar-nav > li > a:hover, 
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a, 
    .navbar-default .navbar-nav > .active > a:hover, 
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > li > a,
    .navbar-nav > li > a {
        padding: 40px 0 0;
        margin: 0 25px;
    }
}

@media all and (max-width: 1280px) {
    .title-head ,.hero h2.title-head{
        font-size: 36px;
        line-height: 48px;
    }
    

    .hero h1,.hero .content h1 {
        font-size: 48px;
        line-height: 52px;
    }

    .hero h3, .hero .content h3 {
        font-size: 32px;
        line-height: 36px;	
        color: #fff;
    }

    .home #auralia,
    .home #musition {
        height: 380px; 
    }

    .home #musition {
        background: url(images/img_musition5_small.png) no-repeat 32% center;
        background-color: #39f;
    }

    .home #auralia {
        background: url(images/img_auralia5_small.png) no-repeat 74% center;
        background-color: #65cb00;
    }

    .hero .expand-pallete a {
        /*height: 23%;*/
        /*padding: 43% 0 0;*/
    }

    .expand-pallete a div img {
        /*width: 15%;*/
        max-height: 45px;
        /*height: 40%;*/
        margin-bottom: 0;
    }

    /*.expand-pallete a {
            height: 17.9%;
            padding: 27% 0 0;
    }*/

    .expand-pallete a div p {
        margin-bottom: 2px;
    }

    .expand-pallete a.icon-take_the_tour {
        background-position: 96px 18px;
    }

    .expand-pallete a.icon-try_or_buy {
        background-position: 96px -111px;
    }	

    .expand-pallete a.icon-cloud_edition {
        background-position: center -244px;
    }

    .expand-pallete a.icon-musition_app {
        background-position: 82px -380px;
    }

    #auralia .expand-pallete a.icon-try_or_buy {
        background-position: 78px -500px;
    }
}

@media all and (max-width: 1240px) {
    .navbar > .container .navbar-brand {
        margin: 32px 33px 32px 25px;
    }	

    .btn_try-or-buy a {
        width: 194px;
        height: 96px;
    }

    .page-template-page-detail-php .hero .expand-pallete ,.page-template-page-teacher-php .hero .expand-pallete,.page-id-22 .hero .expand-pallete {
        width: 194px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
    .container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
        width: 100%;
    }
    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none;
    }	
}

@media all and (max-width: 1199px) {
    .apps .button,
    .apps .buttonx {
        /*width: 86%;*/
    }

    .placeholder {
        min-height: 172px;
    }
}


@media screen and (max-width: 1181px) {

    /** NAVIGATION **/
    .navbar .container .navbar-collapse {
        float: left;
        margin-top: 25px;
    }

}


@media all and (max-width: 1180px) {
    .navbar-nav {
        clear: both;
        margin-bottom: 10px;
    }

    .navbar-default .navbar-nav > li > a:hover, 
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > .active > a, 
    .navbar-default .navbar-nav > .active > a:hover, 
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > li > a,
    .navbar-nav > li > a {
        padding: 10px 0 0;
        margin: 0 15px;
    }
}

@media all and (max-width: 1100px) {
    #auralia {
        background-position: 85% center;
    }
}

@media screen and (max-width: 1024px) {

    /***** HEADER *****/
    .home .hero .title-head {
        padding: 75px 0;
    }

    .hero h1,.hero .content h1 {
        font-size: 35px;
    }

    .hero h4 {
        font-size: 18px;
    }

    #musition {
        /*background-position: 60px center ; */
    }

    .hero .container .image {
        width: 30%;
    }

    .hero .container .image img {
        width: 100%;
    }

}

@media all and (max-width: 991px) {
    .hero .expand-pallete a div img { max-height: 38px; }


    /** NAVIGATION **/
    .navbar .container .navbar-collapse {
        float: none;
        margin-top: 0;
    }

    .home .hero .title-head {
        min-height: 0;
    }

    .apps .button,
    .apps .buttonx {
        /*position: static;
        width: 100%;*/
    }

    .custom-feature-wrap {
        max-height: none;
        /*padding-bottom: 20px;*/
    }

    .custom-feature {
        display: inline-block;
        float: none;
        margin-top: 50px;
        max-width: 320px;
        /*min-height: 650px;*/
        margin: 0 auto;
        vertical-align: top;
    }

    #tabz	.custom-feature {
        float: left;
        max-width: none;
    }

    .custom-feature .custom-feature-wrap .excerpt p {
        font-size: 14px;
    }

    #slider .c4col_icon_text .image {
        margin-top: 1.5em;
    }

    #slider .image.col-md-offset-2,
    #slider .image.c2col_1text_1col_image {
        text-align: center;
    }

    .custom-feature-wrap .image {
        height: auto;
        overflow: visible;
    }

    #tabz .custom-feature-wrap .image {
        /*height: 218px;*/
        overflow: hidden;
    }

    .what-new .custom-feature-wrap {
        height: auto;
        max-height: none;
    }

    .hero .container .image {
        display: none;
    }

    .hero .container .content {
        margin: 30px 0 0;
        width: 85%;
    }

    .cloud .hero .excerpt {
        width: auto;
    }

    .page-template-page-landing-php.apps .custom-feature .icon {
        display: none;
    }

    /***** FOOTER *****/
    .pull-right {
        float: none !important;
        text-align: center;
    }


}

@media only screen and (min-width: 980px) {
    body {
        padding-top: 0;
    }
}

@media all and (max-width: 767px) {
     #tab .custom-feature {
        width: 100%;
    }
    .hero .expand-pallete { font-size: 16px; }
}
@media all and (max-width: 768px) {
	div.ginput_container_email span {
    width: 100% !important;
    padding-right: 10px !important;
}
div.ginput_container_name span {
    width: 100% !important;
    padding-right: 10px !important;
}
	p img {
		height: auto;
	}
    /***** BANNER *****/
    .hero {
        padding: 30px 0;
    }

    /**** SLIDER ****/
    .slide-content .col-md-3:last-child {
        display: none;
    }


    /**** LIGHTBOX ****/
    #buynav, #demonav {
        display: inline-block;
        margin: 0 -2px;
        width: 50%;
    }

    .home #auralia {
        background: url(images/img_auralia5_small.png) no-repeat 84% center;
        background-size: 40%;
        background-color: #65cb00;
    }

    .home #musition {
        background: url(images/img_musition5_small.png) no-repeat 60px center;
        background-size: 35%;
        background-color: #39f;
    }

    .inner-musition .hero-content, .inner-auralia .hero-content {
        text-align: center;
        width: 384px;
    }

   

    .container-sm-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-sm-height {
        display:table-row;
    }
    .col-sm-height {
        display:table-cell;
        float:none;
    }


}

@media all and (max-width: 991px) {
    .btn_try-or-buy {
        position: static;
    }

    .container > .navbar-header {
        margin: 0;
    }

    .navbar-brand {
        margin: 20px 10px 10px 10px !important;
        width: 56px !important;
        background-size: 100% !important;
    }

    .navbar-collapse{
        border: none;
        box-shadow:none;
        position: absolute;
        background-color: #252525;
        width: 100%;
        z-index: 999;
        height: auto;
    }

    .navbar-nav li a{
        padding: 11px 0 !important;
        color: #FFF !important;
    }

    .navbar-nav li:hover{
        background-color: #343434;
    }

    .btn_try-or-buy {
        margin-top: 15px;
    }

    .btn_try-or-buy a{
        background: none;
        padding: 0;
        text-align: left;
        height: initial;
        color: #329AFD;
    }

    #auralia,
    #musition {
        /*background: none;*/
    }

    .home #auralia {
        background: url(images/img_auralia5_small.png) no-repeat center 70px;
        background-color: #65CB00;
        background-size: 30%;
    }

    #musition {
        background: url(images/img_musition5_small.png) no-repeat center 70px;
        background-color: #39F;
        background-size: 23%;
    }

    .page-template-page-detail-php .hero .container .content ,.page-template-page-teacher-php .hero .container .content {
        width: 65%;
    }
    .page-id-22 .hero .container .content {
	    width: 65%;
    }

    .page-template-page-detail-php.cloud .hero .container .content {
        width: 100%;
    }

    #footer .pull-left,
    #footer .pull-right {
        float: none !important;
        text-align: center;
    }

    .footer-links {
        float: none;
    }

    .footer-links ul {
        padding: 0;
    }

    .footer-links .menu li {
        float: none;
        display: inline-block;
    }
}

@media screen and (max-width: 669px) {
    .custom-feature {
        display: block;
    }
}

@media screen and (max-width: 590px) {
    .homelinkrs {
        display: block;
    }
}

@media all and (max-width: 991px) {

}

@media all and (max-width: 568px) {
    .buynowsec .col-md-6 {
        width: 50%;
        float: left;
    }	

    .navbar-brand {
        margin: 20px 10px 10px 10px !important;
        width: 56px !important;
        background-size: 100% !important;
    }

    .navbar-collapse{
        border: none;
        box-shadow:none;
        position: absolute;
        background-color: #252525;
        width: 100%;
        z-index: 999;
        height: auto;
    }

    .navbar-nav li a{
        padding: 11px 0 !important;
        color: #FFF !important;
    }

    .navbar-nav li:hover{
        background-color: #343434;
    }

    .btn_try-or-buy {
        margin-top: 15px;
    }

    .btn_try-or-buy a{
        background: none;
        padding: 0;
        text-align: left;
        height: initial;
        color: #329AFD;
    }

    /*
    #auralia,
    #musition {
            background-image: none;
    }
    */

    .home .inner-musition .hero-content, 
    .home .inner-auralia .hero-content {
        width: 100%;
    }


    .home #auralia {
        background: url(images/img_auralia5_small.png) no-repeat center 40px;
        background-color: #65CB00;
        background-size: 23%;
    }

    .home #musition {
        background: url(images/img_musition5_small.png) no-repeat center 40px;
        background-color: #39F;
        background-size: 17%;
    }


    .hero {
        padding: 20px 0 30px;
    }

    .hero .inner-hero {
        height:166px;
    }

    .hero .hero-content {
        height: 146px;
        display: block;
        text-align: center;
    }

    .hero .hero-content h1 {
        margin-top: 101px;
        margin-bottom: 0;
        line-height: 20px;
    }

    .hero .hero-content h4 {
        font-size: 12px;
        margin: 0;
        line-height: 16px;
        padding-top: 0px;
    }

    .hero .musition, .hero .auralia {
        height:166px !important;
    }

    .hero .auralia .inner-auralia, .hero .musition .inner-musition {
        padding:0; 
    }

    .hero .musition .inner-musition {
        float: none;
    }

    .hero .main-title{
        font-size: 28px;
    }

    .hero .inner-hero h1 {
        font-size: 26px;
    }

    .page-template-page-detail-php .hero .expand-pallete, .page-template-page-teacher-php .hero .expand-pallete, .parent-pageid-198 .hero .expand-pallete, .parent-pageid-15 .hero .expand-pallete  {
        width: 100% !important;
        height: 65px;
        /*background: none !important;*/
    }

    .expand-pallete img {
        width: 21px;
        margin-top: 3px;
        margin-bottom: 3px !important; 
    }


	.page-id-22 .hero .expand-pallete a {
        width: 24.3%;
        float: left;
        font-size: 12px;
        height: 65px;
        margin: 0 1px;
        background-color: rgba(229, 87, 65, 0.8);
        
    }
    .page-id-22 .hero .expand-pallete {
	    width: 100% !important;
	    height: 65px;
	    
    }

    .page-id-22 .hero .container .content {
        margin-top: 50px;
    }


    .page-template-page-detail-php.auralia .hero .expand-pallete a, .parent-pageid-15 .hero .expand-pallete a{
        width: 24.3%;
        float: left;
        font-size: 12px;
        height: 65px;
        background-color: rgba(125, 212, 38, 0.8);
        margin: 0 1px;
    }

    .page-template-page-detail-php.auralia .hero .container .content, .parent-pageid-15 .hero .container .content {
        margin-top: 50px;
        width: 100%;
    }

    .page-template-page-detail-php.musition .hero .expand-pallete a, .parent-pageid-198 .hero .expand-pallete a {
        width: 24.3%;
        float: left;
        font-size: 12px;
        height: 65px;
        background-color: rgba(51, 153, 255, 0.8);
        margin: 0 1px;
    }

    .page-template-page-detail-php.musition .hero .container .content, .parent-pageid-198.page-template-page-detail-php .hero .container .content {
        margin-top: 50px;
    }

    .page-template-page-detail-php.support .hero .expand-pallete a, 
    .page-template-page-detail-php.cloudsupport .hero .expand-pallete a, 
    .parent-pageid-370 .hero .expand-pallete a {
        width: 24.3%;
        float: left;
        font-size: 12px;
        height: 65px;
        background-color: rgba(0, 191, 182, 0.8);
        margin: 0 1px;
    }

    .page-template-page-detail-php.support .hero .container .content, 
    .page-template-page-detail-php.cloudsupport .hero .container .content, 
    .parent-pageid-370.page-template-page-detail-php .hero .container .content , .parent-pageid-370.page-template-page-teacher-php .hero .container .content {
        margin-top: 50px;
    }

    .expand-pallete a:first-child img {
        width: 17px;
        margin-bottom: 3px;
    }

    .hero h3 {
        font-size: 22px;
        line-height: 23px;
    }

    .hero .image {
        display: none;
    }

    .hero .content .link2 {
        display: none;
    }

    .home .expand-pallete {
        display: none;
    }

    .page-template-page-detail-php .hero .container .content ,.page-template-page-teacher-php .hero .container .content {
        width: 100%;
    }
}



@media screen and (max-width: 480px) {

    /***** HEADER *****/
    .home .hero .title-head {
        padding: 35px 0;
    }
    .hero .hero-content h4{
        padding-top: 0px;
    }
    .hero .hero-content h1 {
    margin-top: 90px;
    }
    .navbar-collapse {
        width: 480px;
        left: -1px;
        margin: 0 !important;
    }

    .mlink , .wlink {
        background-size: 90% auto;
        background-position: center center;
    }

    /** TRY OR BUY LIGHTBOX **/
    .fancybox-wrap {
        width: 100% !important;
        max-width: 440px !important;
    }

    #tryorbuy {
        padding: 0;
    }

    #demo {
        max-width: 440px;
        width: 100%;
        padding: 0;
    }

    .fancybox-inner {
        width: 100% !important;
    }

    .page-template-page-signup-template-php {
        padding: 0;
        margin: 0;
    }

    .page-template-page-signup-template-php #apps_buy .form-name .ginput_right,
    .page-template-page-signup-template-php #apps_buy .form-name .ginput_left {
        width: 100%;
        float: none;
    }

    .page-template-page-signup-template-php #apps_buy .gform_wrapper .gform_footer {
        margin: 0;
        padding: 20px 0 0 !important;
        width: auto;
    }

    /** SLIDER **/
    .slide-content .image {
        text-align: center;
    }

    /*
    #auralia,
    #musition {
            background-image: none;
    }
    */


    .home #auralia {
        background: url(images/img_auralia5_small.png) no-repeat center 25px;
        background-color: #65CB00;
        background-size: 20%;
    }

    .home #musition {
        background: url(images/img_musition5_small.png) no-repeat center 30px;
        background-color: #39F;
        background-size: 25%;
    }
}


@media screen and (max-width: 479px) {

    /***** HEADER *****/
    .home .hero .title-head {
        padding: 25px 0;
    }
    
    .navbar-collapse {
        width: 320px;
        left: -1px;
        margin: 0 !important;
    }

    /** TRY OR BUY LIGHTBOX **/
    .fancybox-wrap {
        width: 100% !important;
        max-width: 280px !important;
    }

    #tryorbuynav {
        max-width: 250px;
        padding: 0;
        width: 100%;
    }

    #buynow {
        max-width: 245px;
    }

    .buynowsec {
        padding: 0;
        font-size: 14px;
    }

    /*
    #auralia,
    #musition {
            background-image: none;
    }
    */


    /*#auralia {
        background: url(images/img_auralia5_small.png) no-repeat center 25px;
        background-color: #65CB00;
        background-size: 30%;
    }

    #musition {
        background: url(images/img_musition5_small.png) no-repeat center 25px;
        background-color: #39F;
        background-size: 25%;
    }*/


}

/***** Zoe's Hover States *****/

.navbar-default .navbar-nav > li.auralia a:hover,
.navbar-default .navbar-nav > li a.auralia:hover,
#slider .auralia .content a:hover,
.auralia .hero-button:hover a {
    color: #69b541!important;
}

.navbar-default .navbar-nav > li.musition a:hover,
.navbar-default .navbar-nav > li a.musition:hover,
#slider .musition .content a:hover,
.musition .hero-button:hover a {
    color: #5189c2!important;
}

.navbar-default .navbar-nav > li.cloud a:hover,
.navbar-default .navbar-nav > li a.cloud:hover,
.cloud .hero-button:hover a,
#slider .cloud .content a:hover,
.cloud .nav-tabs > li > a:hover {
    color: #ea8c1f!important;
}

.navbar-default .navbar-nav > li.apps a:hover,
.navbar-default .navbar-nav > li a.apps:hover,
#slider .apps .content a:hover,
.apps .hero-button:hover a {
    color: #8762a4!important;
}

.navbar-default .navbar-nav > li.education a:hover,
.navbar-default .navbar-nav > li a.education:hover,
#slider .education .content a:hover,
.education .hero-button:hover a {
    color: #e45862!important;
}

.support .nav-tabs > li > a:hover,
.navbar-default .navbar-nav > li.support a:hover,
.navbar-default .navbar-nav > li a.support:hover,
#slider .support .content a:hover,
.support .hero-button:hover a{
    color: #00aca4!important;
}

.training .nav-tabs > li > a:hover,
.navbar-default .navbar-nav > li.training a:hover,
.navbar-default .navbar-nav > li a.training:hover,
#slider .training .content a:hover,
.training .hero-button:hover a {
    color: #00aca4!important;
}
.apps .what-new .custom-feature-wrap .app_download a.musition:hover,.apps .what-new .custom-feature-wrap a.musition .feature-title:hover,.apps .what-new .custom-feature-wrap a.musition .excerpt:hover{
    color: #fff!important;
}
.apps .what-new .custom-feature-wrap .app_download a.auralia:hover, .apps .what-new .custom-feature-wrap a.auralia .feature-title:hover, .apps .what-new .custom-feature-wrap a.auralia .excerpt:hover{
    color: #fff !important;
}
.apps .what-new .custom-feature-wrap{
    background-color: #3b3b3b!important;
    color: #fff!important;
    margin-bottom: 50px;
} /*No text color change*/

.education .what-new .custom-feature-wrap:hover, .training .what-new .custom-feature-wrap:hover{
    background-color: #ebebeb!important;
} /*No text color change*/

.apps .what-new .custom-feature-wrap:hover .feature-title,
.apps .what-new .custom-feature-wrap:hover .excerpt{
/*color: #fff;*/
}

.what-new .custom-feature-wrap:hover .feature-title,
.what-new .custom-feature-wrap:hover .excerpt {
    /*color: #252525!important;*/
}

.hero h1 a:hover {
    text-decoration: none!important;
}

.cloud .button:hover {
    background: #ea8c1f!important;
}

.education .button:hover {
    background: #e45862!important;
}

.apps .button:hover {
    background: #8762a4!important;
}

.navbar-collapse {
    max-height: 360px;
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width: 768px) {
    .what-new .feature-title {
        margin-bottom: 0!important;
    }

    .what-new .excerpt {
        margin: 0!important;
    }

    .apps .what-new .icon {
        display: none!important;
    }

    .what-new .excerpt ul {
        padding: 0;
    }

    .custom-feature, .what-new .custom-feature-wrap, .what-new .custom-feature-wrap > a {
        min-height: 0;
    }

    .what-new .image img {
        width: 100%;
        min-height: 0;
    }

    .hero .container .content {
        width: 100% !important;
    }

    #tryorbuynav .sactive{
        font-size: 20px;
        line-height: 22px;
        font-family: 'alleritalic';
    }

    #demonav {
        width: 100%;
    }

    .buynowsec {
        margin-top: 0;
    }

    .fancybox-skin {
        padding: 5px 15px;
    }

    #tryorbuy {
        line-height: 24px;
    }

}

.apps a.white {
    color: #fff;
    font-weight: bold;
}

@media screen and (max-width: 1199px) {
    img.appbtn {
/*        float: none;
        margin-bottom: 10px;*/
    }
}

/* Knowledgebase Styles */

.knowledgebase-main ul li {
    background: none;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
}

/* Link Buttons */

a.button {
    display: inline-block;
    /*padding: 14px 0!important;*/
    margin: 0;
}

a.button.center {
    margin: 0 auto;
}

a.button.auralia,
input[type="submit"].auralia {
    background-color: #66cc00!important;
}

a.button.auralia:hover {
    background-color: #69b541!important;
    text-decoration: none;
}

a.button.musition {
    background-color: #3399ff!important;
}

a.button.musition:hover {
    background-color: #5189c2!important;
    text-decoration: none;
}

a.button.cloud {
    background-color: #F79421!important;
}

a.button.cloud:hover {
    background-color: #ea8c1f!important;
    text-decoration: none;
}

a.button.apps {
    background-color: #b45efe!important;
}

a.button.apps:hover {
    background-color: #8762a4!important;
    text-decoration: none;
}

a.button.education {
    background-color: #f05b67!important;
}

a.button.education:hover {
    background-color: #e45862!important;
    text-decoration: none;
}

a.button.support {
    background-color: #00ACA1!important;
}

a.button.support:hover {
    background-color: #009C91!important;
    text-decoration: none;
}
.single_app > .content > p:first-child {
margin-top: 20px !important;
}


.tag_text { display: block;font-size: 15px;line-height: 24px;padding-top: 10px;}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.hero .cloud_img img { max-width: 100%; }

body .xpro-video-frame { width: 100% !important;}
.s_app_cat_img {float: right;}
.s_app_cat_img .left_cat_img {display: block; width: 60px; height: 60px;margin: 0 10px 10px 0; padding: 10px; border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px; margin-right: 10px;}
.s_app_cat_img .left_cat_img img { height: 40px; display: block; margin: 0 auto !important; }
.s_app_cat_img .left_cat_img.Musition {    background-color: #3399ff;}
.s_app_cat_img .left_cat_img.Auralia {    background-color: #66cc00;}
.xpro-slider-item img.xpro-slider-image{margin-top: -68px!important;}
.s_app_cat_desc{padding-left: 70px;}
.s_app_cat_desc .s_app_cat_desc_left{display: block;float: left;}
.s_app_cat_desc .s_app_cat_desc_right{display: block;float: right;}

.pricelist, .pricelist td, .pricelist th {
    font-size: 14px;
    vertical-align: top;
}