/*################IMPORT STYLES FOR HOME PAGE SLIDER ####*/
@import url("/assets/css/animate.min.css");


/*OV-718 Menu in IE11 and Safari switches to mobile even when it should fit screen*/
#od-topnav > li {display: flex;}



/*################ GOOGLE DOC EMBED #################*/
.CMSgoogledocembed h1 {    
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.CMSgoogledocembed h1 span {
    margin-top: -20px;
}
/*.CMSgoogledocembed ul {
    list-style-type: none;
    padding-left: 0;
}*/
/*.CMSgoogledocembed p[class^="c"] span, .CMSgoogledocembed p[class^="c"] span img{
    width:100%!important;
    height:100%!important;
    max-height: 375px!important;
}*/

.no-padding {
    padding:0px!important;
}

/*fix spacing issue on news view pages*/
/*.root-page-product .CMSgoogledocembed span.c5
{ display: block; }*/
.root-page-product .CMSgoogledocembed p span.c5:first-child
{ display: block; }

/*################ HEADINGS #################*/
h4.title {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-left: 20px;
    font-size: 18px!important;

}
/*################ COLOURS #################*/
.blue {
    background-color:#52b9e9; /*Blue*/
}
.text-blue {
    color:#52b9e9; /*Blue*/
}
.red {
    background-color:#fa3031; /*Red*/
}
.text-red {
    color:#fa3031; /*Red*/
}
.purple {
    background-color:#9b5ba4; /*Purple*/
}
.drk-purple-text {
    color:#701471;
}
.text-purple {
    color:#9b5ba4; /*Purple*/
}
 .cms-content a.purple-btn, .purple-btn, .cms-content a.purple-btn:hover{
    background-color: #701471;
    background-image: none;
    color: #fff !important;
    opacity: 0.7;
}
.purple-btn a, .blue-btn a {
    color: #fff!important;
}
.green {
    background-color:#43c83c ; /*Green*/
}
.text-green {
    color:#43c83c ; /*Green*/
}
.orange {
    background-color:#f88529 ; /*Orange*/
}
.text-orange {
    color:#f88529 ; /*Orange*/
}
/*############ BUTTONS ###################*/
.btn-purple {
    background-color: #9b5ba4;
    background-image: none;
    border:none;
    color: #fff;
}
.btn-purple a {   
    color: #fff;
}
.btn-purple:focus, .btn-purple:hover {
    background-color: #9b5ba4;
    color: #fff;
    background-position: 0 -15px;
}
.btn-orange {
    background-color: #f88529;
    background-image: none;
    border:1px solid #f88529;
    color: #fff!important;    
    margin-right:5px;
}
.btn-orange-keyline {
    color: #f88529!important;
    border:1px solid #f88529;
}
.btn-orange:focus, .btn-orange:hover, .btn-orange-keyline:focus, .btn-orange-keyline:hover  {
    border:1px solid #f88529;
    color: #f88529;
}
.btn-blue {
    background-color: #52b9e9;
    background-image: none;
    border:1px solid #52b9e9;
    color: #fff!important;    
    margin-right:5px;
    
}
.btn-blue-keyline {
    color: #52b9e9!important;
    border:1px solid #52b9e9;
}
.btn-blue:focus, .btn-blue:hover, .btn-blue-keyline:focus, .btn-blue-keyline:hover  {
    border:1px solid #52b9e9;
    color: #52b9e9;
}
.btn-trans {
    background-color: none;
    background-image: none;
    border:1px solid #000;
    color: #000!important;    
    padding: 10px;
    border-radius: 0px;

}
.btn-trans-keyline {
    color: #000!important;
    border:1px solid #000;
    margin-right:20px;
    padding: 10px;
    border-radius: 0px;
}
.btn-trans:focus, .btn-trans:hover, .btn-trans-keyline:focus, .btn-trans-keyline:hover  {
    border:1px solid #000;
    color: #000;
}
.btn-xlarge {
    padding: 18px 28px;
    font-size: 22px; //change this to your desired size
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

/*########### TOP BAR ###################*/
/*TOP HEADER*/
.od-header {
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    min-height: 43px;
}
/*BUTTON SYLES*/
.od-header #od-signin1 {
    font-size: 14px;
    color: #fff;
    margin-left:5px;
    width: 125px;
    background-color: #701471;
    padding: 2px 5px;
}
.od-header #od-register1 {
    font-size: 14px;
    color: #fff;
    margin-left:5px;
    width: 125px;
    background-color: #f88529;
    padding: 2px 5px;
    opacity: 1;
}

/*SOCIAL ICONS */
.od-socialicons{
    padding: 7px 0px;
    margin:0px!important;
}
.od-socialicons a {
    color: #fff;
    display: inline-block;
    height: 26px;
    margin: 0px 0px 0px 6px;
    text-align: center;
    width: 24px;
    font-size: 14px;
    padding-left: 0px;
    border-radius: 2px;
}
#od-socialicons a .fa {
    padding-top: 5px;
}
.od-socialicons a:first-child {
    margin-left: 0px;
}
.od-socialicons .od-social-twitter, body.page-social-landing .od-social-twitter {
    background-color: #52b9e9;
    color: #fff!important;
    border: none;
}
.od-socialicons .od-social-google, body.page-social-landing .od-social-google  {
    background-color: #fa3031;
    color: #fff!important;
    border: none;
}
.od-socialicons .od-social-linkedin, body.page-social-landing .od-social-linkedin  {
    background-color: #932ab6;
    color: #fff!important;
    border: none;
}
.od-socialicons .od-social-youtube, body.page-social-landing .od-social-youtube  {
    background-color: #43c83c;
    color: #fff!important;
    border: none;
}
.od-socialicons .od-social-email, body.page-social-landing .od-social-email  {
    background-color: #f88529;
    color: #fff!important;
    border: none;
}
.od-socialicons .od-social-phone, body.page-social-landing .od-social-phone  {
    background-color: #52b9e9;
    color: #fff!important;
    border: none;
}

#user-signin-button {
    display: none;
}
/*########### LOGO AND NAVIGATION ###################*/
.navbar-brand img {
    /*height value is set in product stylesheet, this needs removing ideally*/
    /*max-height: 55px;
    min-height: 55px;*/
}

#logo-header{
    min-height: none;
    max-height: none !important;
    height: 55px !important;
    min-width: 0px !important;
}


.navbar-brand p {
    font-size: 18px;
    line-height: 35px;
    color:#414042;
    clear: both;
    font-weight: 400;
    padding-left: 3px;
}
#od-brand {
    height: 40px;
}
/*################ NAVIGATION #################*/
#od-navbar {
    min-height: 100px;
}
ul#od-topnav li.dropdown {
    margin-left: 5px;
}
/*ul#od-topnav li.dropdown a {
    color: #fff;
}*/
/*.navbar-default .navbar-nav > li > a, .od-theme-inherit-nav-color {
    color: #fff;
}
ul#od-topnav li.dropdown ul li a {
    color: #333!important;
}*/
ul#od-topnav li.dropdown i.fa {
    display: block;
    font-size: 25px;
    width: 25px;
    margin: 0px auto 0px;
    color: #fff;
}
ul#od-topnav li#drop-node-12 {
    background-color:#52b9e9; /*Blue*/
}
ul#od-topnav li#drop-node-13 {
    background-color:#fa3031; /*Red*/
}
ul#od-topnav li#drop-node-11 {
    background-color:#f88529; /*Orange*/
}
ul#od-topnav li#drop-node-10 {
    background-color:#43c83c ; /*Green*/
}
body[od-topnav-halign="right"] #od-topnav {
    margin-right: 0px;
}

/*-------------------------------------*/
/*new for 2.9 - icons via css*/
/*-------------------------------------*/
#od-nav-container #od-topnav > li > a {
    padding: 16px 9px 16px 9px;
    /*min-width: 80px;*/
    text-align: center; 
}

#od-nav-container #od-topnav > li > a#drop-link-12::before {content: "\f109"; /*laptop*/}
#od-nav-container #od-topnav > li > a#drop-link-13::before {content: "\f155"; /*usd*/}
#od-nav-container #od-topnav > li > a#drop-link-11::before {content: "\f0e6"; /*comments-o*/}
#od-nav-container #od-topnav > li > a#drop-link-10::before {content: "\f0e0"; /*envelope*/}

#od-nav-container #od-topnav > li > a::before {
    display: block; 
    margin-top:0; 
    margin-bottom:5px; 
    float:none; 
    font-size: 25px; 
}

#od-nav-container #od-topnav > li > a::after {
    content: "\f0d7";
    font: normal normal normal 12px/1 FontAwesome;
    float: right;
    margin-left: 5px;
    margin-top: 5px;
}
/*-------------------------------------*/



/*################ SIGNED IN #################*/
/*#od-usermenu {
    background-color:#9b5ba4;
    min-height: 84px;
    min-width: 80px;
    padding-left: 15px;
}
a#user-menu-button {
    float:left;
    padding-top: 25px;
}
a#user-menu-button, .od-navbar-button i {
    color: #fff!important;    
}
a#user-menu-button p {
    margin-left: -10px!important;
}*/

#od-usermenu {position: absolute; top: -50px;}
.od-nav-signin {display: none;}

/*undo 2.9's no-public access*/
/*body.pg-0 .breadcrumb, 
body.pg-0 .cms-helptext, 
body.pg-0 .cms-content, 
body.pg-0 #od-nav-collapse, 
body.pg-0 #od-nav-collapse-body, 
body.pg-0 #od-navbar button.navbar-toggle,
body.pg-0 h1 
{display: initial !important; visibility: initial !important;}*/

/*body.pg-0[data-template-init="true"] .cms-content {*/

body.pg-0[data-odio-extras-init="true"] .cms-helptext, 
body.pg-0 .breadcrumb,
body.pg-0 .cms-content,
body.pg-0 #od-nav-collapse-body, 
body.pg-0 #od-nav-collapse, 
body.pg-0 h1 
{display: block !important; visibility: visible;}


body.page-pricing:not([data-odio-extras-init="true"]) .cms-content {display: none !important;}

/*hide clatter on specific pages*/
body.root-page-product:not([data-odio-extras-init="true"]) #od-col-content > *[class^="cms-"],
body.root-page-contact:not([data-odio-extras-init="true"]) #od-col-content > *[class^="cms-"]
{opacity:0;}



#od-topnav li[data-level="0"]:not([data-child-count="0"]) > a::before {
    margin-top: 20px;
}

/*################ BREADCRUMB #################*/  
.breadcrumb {
    background: none;
    border: none!important;
    padding-left: 0;
}

/*.breadcrumb a {
    color:#7fb0d8;
}*/

/*################ HELP TEXT IN BANNER #################*/
/*Banner on sub pages*/
.od-banner {    
    /*padding: 25px 0;*/
    /*background: gray none repeat scroll 0 0 !important;
    margin-bottom:20px;
    color: #fff !important;*/
    height: 114px !important;
}

.od-banner-left {float: left; width: inherit;}
.od-banner-right {float: right; padding-right: 15px;}

/*hide helptext until moved to banner*/
#od-content-container .cms-helptext {display: none;}

.cms-helptext {
    /*background: transparent; 
    border: none;*/
    color: #fff;
    font-size: 22px;
    /*margin-bottom: 0px;
    padding-right: 0px;
    padding-bottom: 0px;*/
}
.page-header h1 {
    float:left;  
    margin-top: 7px;  
    text-align: left;    
}
.od-banner .page-header {
    background-image: none!important;
}
#od-btn-openindrive .glyphicon {
    padding-top: 0px;
}
/*################ HOME PAGE #################*/
/*hide page title*/
body#pageid-1 #od-pageheader {display:none;}
/*Banner*/
body#pageid-1 .od-banner{
    height: 400px!important;   
    background: #d0d1d3; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(white 15%, #d0d1d3 60%)!important; /* Safari 5.1-6.0 */
    background: -o-radial-gradient(white 15%, #d0d1d3 60%)!important; /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(white 15%, #d0d1d3 60%)!important; /* For Firefox 3.6 to 15 */
    background: radial-gradient(white 15%,  #d0d1d3 60%)!important; /* Standard syntax (must be last) */
    padding: 0px!important;
    margin-bottom: 0px;
}
body#pageid-1 .od-banner h1 {
    color: #701471; 
    padding-top: 12px;
    margin-bottom: 20px;
    line-height: 1.5;
    font-weight: bold;
}
body#pageid-1 .banner-text {
    padding-top: 30px;
}
body#pageid-1 .banner-image img {
    float: right;
    max-height: 320px;
    margin-top: 0;
    margin-right: 15px;
}
#large_banner_text {
    background-color: transparent;
    border-color: rgb(255, 214, 88);
    border-style: none;
    border-width: 0;
    font-family: "Open Sans";
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;   
    text-decoration: none;
    margin-top:90px;
    color: #701471;
    white-space:normal!important;  

}
#small_banner_text  {
    background-color: transparent;
    border-color: rgb(255, 214, 88);
    border-style: none;
    border-width: 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    margin: 0;
    padding: 1px 4px 10px;
    text-decoration: none;
    text-shadow: none;
    color: #701471;
    margin-top: 10px;
}
/*################ FEATURES NO ICONS #################*/
#features-no-icons h4 {
    color: gray;
    font-size: 20px;
    font-weight: bold;
    min-height: 57px;
}
/*################ GREY CONTAINER #################*/
body#pageid-1  .container-gray {
    background: #e6e6e6;    
    padding-bottom: 15px;
    margin-top: 20px;
}
/*################ FEATURES WITH ICONS #################*/
#features ul li h5 {
    font-size: 20px;
    color: #701471;
    margin-top: 0px;
}
#features img {
    max-height: 50px;   
    margin-right: 10px;     
}
#features ul li {
    margin-bottom: 15px; 
    font-size: 14px;
    list-style-type: none;
    background-repeat: no-repeat;
    background-size: 40px auto;
    padding-left: 50px;
    /*min-height: 95px;*/
    min-height: 78px;    
}
#features ul li.pinkarrow {
    background-image: url("/assets/images/?img=preview&id=0B9h9LlNwGlZDYWNJU1RSSF9GdjA");       
}
#features ul li.yellowcog {
    background-image: url("/assets/images/?img=preview&id=0B9h9LlNwGlZDOHBod05JOWc2TjA");
}
#features ul li.bluescreen {
    background-image: url("/assets/images/?img=preview&id=0B9h9LlNwGlZDZ1p3a3gxVlFIaWM");
}
#features ul li.pinkglobe {
    background-image: url("/assets/images/?img=preview&id=0B9h9LlNwGlZDYnJnQkhJLWZlNDQ");
}
#features ul li.greendoc {
    background-image: url("/assets/images/?img=preview&id=0B9h9LlNwGlZDUnIzX2FHUnkxaDg");
}
#features ul li.bluestar {
    background-image: url("/assets/images/?img=preview&id=0B9h9LlNwGlZDMkZhcmZlTmlGVFE");
}
.container-blue {
    background-color: #52b9e9;
    padding: 30px 0px!important;
    color: #fff;
}
body#pageid-1 .container-logos img {
    padding: 10px 25px;
    display: inline;
}
body#pageid-1 img.pegasus {
    max-width: 180px;

}
body#pageid-1 img.tamworth {
    max-width: 300px;
}
body#pageid-1 img.morrisby {
    max-width: 135px;
}
body#pageid-1 img.aerofoam {
    max-width: 150px;
}

body#pageid-1 .container-logos {
    padding: 45px 0px 20px!important;
}
body#pageid-1 .od-quote {
    font-weight: bold;
    font-style: italic;
}
/*################ PRICING TABLE ################# */
.container-below-testimonial {
    text-align: center;
    padding-left: 35px;
}

.od-pricing-table {
    width: 100%;
    text-align: center;
    background-color: #fcfcfc;
}
.od-pricing-table tr td p span a {
    color: #fff!important;
}
.od-pricing-table tr:nth-of-type(1) td {   
    color: #fff!important;
    font-size: 23px;
    padding: 15px 10px;   
    border-bottom:1px solid #000; 
}
.od-pricing-table tr:nth-of-type(2) {
    background-color: #000;
    color: #fff;
    padding: 20px 10px 5px 10px;
    font-size: 25px;    
}

.od-pricing-table tr:nth-of-type(2) td{
    color: #fff!important;
}


.od-pricing-table td {
   padding: 6px;
   border: 2px solid #eee;
}
.od-pricing-table tr:nth-last-child(1) {
    background-color: #f3f3f3;    
} 
.od-pricing-table tr:nth-last-child(1) p {
    margin-top: 10px;
}

.od-pricing-table td {height: 40px;}
/*taller for some*/
.od-pricing-table tr:nth-of-type(4) td, .od-pricing-table tr:nth-of-type(5) td {height: 85px;}

/*coloured header free*/
.pricing-free tr:nth-of-type(1) {
      background-color: #701471;
}
/*coloured header business*/
.pricing-business tr:nth-of-type(1), .pricing-enterprise tr:nth-of-type(1)  {
      background-color: #a4a2a5;
}
/*coloured header education*/
.pricing-education tr:nth-of-type(1) {
     background-color: #701471;
}

.page-pricing .btn-pricing {
    background: #e6e6e6 !important;
}

.page-pricing .period-pickers .active {
    background: #e6e6e6 !important;
}

.btn-pricing {
    background: #fff!important;
    border-radius: 10px!important;
    border: 2px solid #ffffff!important;
    font-size: 16px!important;
    margin: 5px;
}
.period-pickers .active {
    background: #fff!important;
    border: 2px solid #52b9e9!important;
    border-radius: 10px!important;
    font-size: 16px;
    margin: 5px;
    box-shadow: none;
    
}
.period-pickers .btn:focus {
  border-radius: 10px!important;
  outline: none!important;
  border: 2px solid #ffffff!important;
  box-shadow: none!important;
}
.currency .currency-pickers .btn-default {
    background-color: #777;
    color: #fff!important;
}
.currency .pricing-more .btn-default {
    background-color: #52b9e9;
    color: #fff!important;
}


.od-pricing-table a.btn-danger {color: #fff !important;}


.currency {
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 10px;
    float: right;
}

.btn-group.pricing-more, .btn-group.currency-pickers {margin-left: 20px;}

.currency a:focus, .currency a:hover {text-decoration: none;}

.currency .btn {
    /*font-size: 1.2em;*/
    /*font-weight: bold;*/
    color: #444 !important;
}

body.root-page-pricing[data-template-init="true"] .currency {
    margin-top: -40px;
}

body.root-page-pricing .pricing-more {
    display: none;
    /*margin-bottom: 10px;*/
}

body.root-page-pricing .breadcrumb {
    margin-bottom: 0px;
    margin-right: 5px;
}
.currency-picker-group {
    margin-top: 15px;
    margin-right: -27px;
}
/*################ FOOTER ################# */
#footer a {
    color: #777;
}
#footer #od-register1, #footer #od-signin1 {
    display: none;   
}
#footer #od-socialicons {
    float: left!important;
}
#footer #od-socialicons a {    
    color: #fff;
}

/*################ FEATURES BOXES - PRODUCT PAGE #################*/
ul.feature-box li {    
    margin-bottom: 35px;
    min-height: 250px;
    min-width: 31.6%;
    max-width: 30%;
    padding: 25px 20px 40px;
}
ul.feature-box li:last-child {
    margin-right: 0px;
}
ul.feature-box li:nth-of-type(1) {
    background-color: #fa3031; /*Red*/
    color: #fff;
    margin-right: 25px;
}
ul.feature-box li:nth-of-type(2) {
    background-color: #9b5ba4; /*Purple*/
    color: #fff;
    margin-right: 30px;
}
ul.feature-box li:nth-of-type(3) {
    background-color: #52b9e9; /*Blue*/
    color: #fff;
}
ul.feature-box li:nth-of-type(4) {
    background-color: #f88529 ; /*orange*/
    color: #fff;
    margin-right: 25px;
}
ul.feature-box li:nth-of-type(5) {
    background-color:#43c83c ; /*Green*/
    color: #fff;
    margin-right: 30px;
}
ul.feature-box li:nth-of-type(6) {
    background-color: #fa3031; /*Red*/
    
    color: #fff;
}
ul.feature-box li:nth-of-type(7) {
    background-color: #52b9e9; /*Blue*/
    color: #fff;
    margin-right: 30px;
}
ul.feature-box li:nth-of-type(8) {
    background-color: #9b5ba4; /*Purple*/
    color: #fff;
    margin-right: 27px;
}
ul.feature-box li:nth-of-type(9) {
    background-color: #52b9e9; /*Blue*/
    color: #fff;
}

.feature-box i {
    font-size: 30px;
    display: block;
    margin-bottom: 10px;
}
.feature-box li span:nth-of-type(1) {
    font-size: 19px;
    display: block;
}
.feature-box li span:nth-of-type(2) {
    font-size: 14px;
    line-height: 22px;
}
.feature-box li span:last-child   {
    font-weight: bold;
    display: block;
    padding-top: 20px;
    min-height: 25px;
    max-height: 25px;
}
.feature-box li span:last-child  a {
    font-weight: bold;
}
.feature-box li a {
    color: #fff!important;
}
/*################ PRODUCT PAGE*/
.CMSgoogledocembed .ul-list-2 {
    list-style-type: none;
}
.CMSgoogledocembed .ul-list-2 li{
    background-image: url(' /assets/images/?img=preview&id=0B9h9LlNwGlZDYWNJU1RSSF9GdjA');
    background-repeat: no-repeat;
    background-size: 40px auto;
    padding-left: 60px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-right: 15px;   
}
.CMSgoogledocembed .ul-list-2 li span:nth-of-type(1) {
    font-size: 22px;
    color: #701471;
    display: block;
}
body.root-page-product .CMSgoogledocembed .ul-list-2 li{   
    min-height: 160px;
}
body.root-page-product .CMSgoogledocembed .ul-list-2 li:nth-of-type(1){
    background-image: url(' /assets/images/?img=preview&id=0B9h9LlNwGlZDemxXdlpoVmh0VlE');
}
body.root-page-product .CMSgoogledocembed .ul-list-2 li:nth-of-type(2){
    background-image: url(' /assets/images/?img=preview&id=0B9h9LlNwGlZDYWNJU1RSSF9GdjA');
}
body.root-page-product .CMSgoogledocembed .ul-list-2 li:nth-of-type(3){
    background-image: url(' /assets/images/?img=preview&id=0B9h9LlNwGlZDOHBod05JOWc2TjA');
}
body.root-page-product ul.product-list-3 li:nth-of-type(1){
    background-image: url(' /assets/images/?img=preview&id=0B9h9LlNwGlZDMkZhcmZlTmlGVFE')!important;
}
body.root-page-product ul.product-list-3 li:nth-of-type(2){
    background-image: url(' /assets/images/?img=preview&id=0B9h9LlNwGlZDcF9HS2YzdnhTenc')!important;
}
body.root-page-product ul.product-list-3 li:nth-of-type(2) span {
    display: block;
}
body.root-page-product ul.product-list-3 li:nth-of-type(3){
    background-image: url(' /assets/images/?img=preview&id=0B9h9LlNwGlZDVXNwZV94V2ZxYzA')!important;
}
.od-orangebanner-table {
    background-color: #f88529 ; /*orange*/
    margin: 10px 0px 50px;
    width: 100%!important;
    color:#fff;
    text-align: center;
}
.od-orangebanner-table p {
    color: #fff;
    font-family: "open sans",sans-serif;
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    line-height: 12px;
}
.od-orangebanner-table a {
    color: #fff;
}
.od-orangebanner-table h2 {
    margin-top: 20px!important;
    margin-bottom: 20px;
    color: #fff;
}
/*################ USES PAGE ################*/
img.od-list-headerimage{
    height: 190px;
    width: 100%;
}

body.page-uses .panel-footer h3 a {color:#fff!important;}
body.page-uses .uses-box .panel-footer h3 {
    text-align: center;
    font-size: 18px;
    padding-top: 0px;
    margin-top: 5px;
}

body.page-uses .uses-box:nth-of-type(1) .panel-footer {
    background-color: #fa3031; /*red*/
}
body.page-uses .uses-box:nth-of-type(2) .panel-footer  {
    background-color: #f88529 ; /*orange*/ 
}
body.page-uses .uses-box:nth-of-type(3) .panel-footer  {
    background-color: #52b9e9 ; /*blue*/
}
body.page-uses .uses-box:nth-of-type(4) .panel-footer  {
    background-color: #43c83c ; /*Green*/
}    
body.page-uses .uses-box:nth-of-type(5) .panel-footer {
    background-color: #932ab6 ; /*purple*/
}
body.page-uses .uses-box:nth-of-type(6) .panel-footer  {
     background-color: #fa3031; /*red*/
}
/*################ USES VIEW/DETAILS PAGE #################*/
.CMSgoogledocembed ul.uses-detail{
    list-style-type: none;  
    padding-left: 0px;  
}
ul.uses-detail li {
    float: left;
    padding: 0px;
    margin: 0px;
}
ul.uses-detail li:nth-of-type(1) span {
    padding-left: 0px;
}
ul.uses-detail li:last-child {
    margin-top: -50px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    padding: 30px 25px 50px;
}
ul.uses-detail span.no-padding {
    padding: 0px;
}
body.uses-view .CMSgoogledocembed h1 {
    max-width: 46.2%;
    margin-left: 12px;    
}
h1 span {
    overflow: visible!important;
}
h1 span img {
    margin-right: 10px;
}
h1 span:nth-of-type(2) {
    padding-left: 10px;
}

ul.uses-detail li a {
    font-size: 14px;
}
ul.uses-detail li:nth-of-type(1) span {
    padding-left: 0px;
}
ul.uses-detail li:last-child {
    margin-top: -50px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    padding: 30px 25px 50px;
}
ul.uses-detail li:last-child span:nth-of-type(1) {
    font-size: 17px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
    font-weight: 400;
    margin-bottom: 15px;
}
ul.uses-detail li:last-child span:nth-of-type(3) {
    margin-top: 20px;
}
ul.uses-detail li:last-child span:nth-of-type(4) a{
    font-weight: bold;
}
.table-no-bordered tr td {
    border-top: none!important;
}
img.uses-thumbnails {
    max-height: 95px;
    margin-top: 20px;
}
.related-projects a {
    padding-left: 7px;
}
ul.uses-detail li span img {
    padding-right: 0px!important;
}
body.page-project-workspaces ul.uses-detail li.uses-text span:nth-last-of-type(1) {
    margin-top: 15px;
}
body.page-project-workspaces ul.uses-detail li.uses-text span:nth-last-of-type(1) a,
body.page-education-portal ul.uses-detail li.uses-text span:nth-last-of-type(1) a,
body.page-digital-asset-library ul.uses-detail li.uses-text span:nth-last-of-type(1) a {
   color: #f88529!important;
}



/*################ FEATURES PAGE ################*/
/*img.od-list-headerimage{
    height: 190px;
    width: 100%;
}
.panel-footer p {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px;
    min-height: 130px;
}
.panel-footer h3 {
    padding-top: 10px;
}*/
/*body#pageid-26 .od-list-pageindex .panel-footer {
    padding: 6px 10px;
    color:#fff;
    text-align: center;
    min-height: 115px;    
}
body.page-features  .help-text {
    font-weight: bold;
    min-height: 50px;
}  */
/*.show-more {
    vertical-align: baseline;
}*/
.feature-text {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    padding: 10px 25px 50px;
    min-height: 312px;
    margin-top: -50px;
    margin-left: 30px;    
}
.feature-title {
    min-height: 50px;
    padding: 0px 10px;
}
.feature-text h4 {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-size: 17px;
    line-height: 1.4;
}
.feature-text p {
    font-size: 13px;
}
body.page-features .carousel {
    min-height: 480px;
}
.carousel-inner {
    margin-bottom: 25px;
}

.carousel-inner .item img {   
    margin-top: 20px;
    border: 1px solid #eee;
}
.carousel-inner h2 {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-left: 22px;
    max-width: 46.3%;
}
.carousel-inner h2 img {
    border: none!important;
}
.carousel-control.right, .carousel-control.left {
    background-image: none!important;
}
.carousel-control {
    color: #000!important;
}
.carousel .glyphicon-chevron-left, .carousel .glyphicon-chevron-right {
    margin-top: 190px;
}
.carousel .glyphicon-chevron-left {
    margin-left: -85px;
}
.carousel-indicators {
    bottom: -70px;
}
.carousel .carousel-indicators li {
    border:1px solid #333;
}
.carousel-indicators .active {
    background-color: #333;
}
body.page-features h4.title {
    margin-top: 70px;
}
.feature-icon {
    max-height: 45px;
    margin-right: 15px;
    margin-top: 0px!important;
}
body.page-features .related-projects {
    margin-bottom: 15px;
    padding: 0px;
    min-width: 12%;
}
/*################ FEATURES VIEW PAGE ################*/
.cms-content h1 {
    font-size: 27px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-left: 22px;
    max-width: 48.3%;
}
.feature-header-img {
    margin-bottom: 25px;
    border: 1px solid #eee;
}
.feature-text .cms-helptext {
    color: #444;
    border-bottom: 1px solid #eee;
    font-size: 17px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
body.features-view .related-projects {
    margin-bottom: 15px;
    padding: 0px;
    min-width: 12%;
}
body.features-view  #od-col-subnav {
    display: block!important;
}

/*hide features sub sub nav from products menu*/
ul.nav li#drop-node-26 ul.dropdown-menu, ul.nav li#drop-node-12 ul li a span.caret {
    display: none;
}
ul.nav li#drop-node-26 a:before {
    content: ""!important;
}
/*hide uses sub sub nav from products menu*/
ul.nav li#drop-node-20 ul.dropdown-menu, ul.nav li#drop-node-12 ul li a span.caret {
    display: none;
}
ul.nav li#drop-node-20 a:before {
    content: ""!important;
}
#od-content-container .feature-text .cms-helptext {display: block; opacity: 1!important;}
/*################ PAGE TYPES OVERVIEW PAGE #################*/
body.page-page-types-overview h2 {
    text-align: center;
}
body.page-page-types-overview h2 span {
    line-height: 1.5;      
}

body.page-page-types-overview h2:nth-of-type(2){
    margin-bottom: 30px;  
}

h2:nth-of-type(1){margin-top: 0;}
h3:nth-of-type(1){margin-top: 0;}

body.page-page-types-overview .divider {
    padding-bottom: 35px;
    border-bottom:1px solid #9b5ba4;
    margin: 0px 40px;
}

.img-box-3-icon {
    border-radius: 100px!important;
    height: 110px;
    line-height: 110px;
    margin: 10px auto;
    text-align: center;
    width: 110px;
}
.img-box-3-icon .fa {
    font-size: 40px;
    margin: 30px;
    color:#fff;
}
.dashboard .bor {
    height: 3px;
    margin: 10px auto 6px;
    width: 60px;
}
body#pageid-269 .dashboard {
    margin-bottom: 10px;
    min-height: 220px;
}
/*################ BLOG #################*/
body#pageid-346 .folder-blog img {
    max-height: 100%;
} 
.well {
    background-image: none;
    background-color: #fff;
    border: none;   
}
.well img {
    border: 1px solid #aaa;
    float: left;
    margin-right: 8px;
    margin-top: 8px;

    margin: 0;
    /*min-width: 200px;
    width: 200px;*/
}
.media-heading {
    font-size: 20px;
    line-height: 40px;
}
.media-heading a:hover {
    text-decoration: none;
}
.media-left {
    margin-right: 8px;
    min-height: 150px;
    padding-left:0px;
    /*border: 1px solid #aaa;*/
}
/* taken out was mis aligning top sign in button
body.page-blog .btn-purple {
    margin-top: 10px;
}*/
.media {
    border-bottom: 1px solid #eee;
    padding-top: 5px;
}
.date {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding: 5px 8px;
    font-size: 11px;

} 
.date i {
    margin-right: 3px;
    margin-left: 3px;
}
/*################ BLOG VIEW #################*/
.blog-view-img {
    max-width: 450px;
    /*min-width: 450px; taken out as stretching images*/
}
body.page-blog .CMSgoogledocembed p:nth-of-type(5) .blog-view-img {
   /*  max-width: 200px;
    min-width: 200px;*/
}
body.page-blog .CMSgoogledocembed p {
    margin: 10px 0px;
}
body.page-blog .CMSgoogledocembed p >span.c1:first-child {
    display: block!important;
}
body.page-blog .CMSgoogledocembed p {
    margin-bottom: 25px!important;
}
/*################ FAQ's ##################*/
.faq-icon img {
    min-height: 40px;
    min-width: 40px;
}
body.page-faqs .od-container h3:not(#od-pageheader-h1), body.page-faqs .od-theme-inherit-h3-font-size, 
body.page-faqs table tr td h3 {
    font-size: 14px!important;
    margin-bottom: 15px;
    padding-bottom: 10px;
    line-height: 1.5;
    color:#000;
}
body.page-faqs table tr td ul {
    list-style-type: disc;    
}
body.page-faqs table tr td ul li {
    margin-left: 35px;
    padding-bottom: 7px;
    padding-left: 10px;
}
body.page-faqs table tr td:nth-of-type(2) {
    padding-right:20px;
    min-width: 35%;
}
body.page-faqs table tr td:nth-of-type(3) {
    padding-left:20px;
}


/*################ CONTACT ###############*/
/*this was hiding phone number, not sure why KS agreed it should be there. 
#od-form-simple .form-group:nth-of-type(3) {
    display: none;
}*/
#od-form-simple-container .form-horizontal {
    background-color: #9b5ba4; /*purple*/
    border:0 none!important;
    color: #fff;
    padding: 15px 20px;
    margin-bottom: 20px;
}
.green-banner {
    background-color: #43c83c ; /*green*/
    margin: 50px 0px;
    padding: 45px 0px;
    width: 100%!important;
    color:#fff;
    text-align: center;
}
.green-banner p {
    color: #fff;
    font-family: "open sans",sans-serif;
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    line-height: 12px;
}
.green-banner a {
    color: #fff;
    font-weight: bold;
}
/*Resellers*/
.table-resellers {
    max-width: 200px;
}
body.page-find-a-reseller table tr td p span img {
    max-width: 260px;
    max-height: 48px;
}
body.page-find-a-reseller table tr td:nth-of-type(1) {
    height:0px;
}
body.page-find-a-reseller table tr td{
    height:110px;
    padding: 5px 20px;
    white-space: nowrap;
}
body.page-find-a-reseller table tr:nth-of-type(2) td p:nth-of-type(1) span {
    font-weight: bold;
    white-space: nowrap;
}
body.page-find-a-reseller .btn-info {
    padding: 10px 20px!important;
    color: #fff!important;
}
body.page-find-a-reseller h3 {
    width: 100%;
    border-top: 2px solid #efefef;
    padding-top: 20px;
    padding-bottom: 15px;
}
/*################ VACANCIES ###########*/
body.root-page-vacancies .CMSgoogledocembed table {
    width: 100%;
    border: none;
}
body.root-page-vacancies .CMSgoogledocembed .table tr td {
    border-top: none!important;
}
body.page-current-opportunities h5 span {
    font-weight: bold;
}
/*################ FOR EDUCATION #################*/
body.page-for-education #od-carousel {
    background-color: #333;
    background: url('/assets/images/education-banner.png');
   background-repeat: no-repeat;
}
body.page-for-education #od-carousel h1 {
    margin-top: 100px;
    margin-bottom: 15px;
}
body.page-for-education #od-carousel h1 span.white_bg{
    color: #000;
    background: #fff;
    padding: 15px 20px;    
    font-size: 50px;
    font-weight: bold;
}
body.page-for-education #od-carousel h1 span.blue_bg{
    color: #fff;
    background: #3498db;
    padding: 15px 20px; 
    font-size: 50px;
    font-weight: bold;   
}
body.page-for-education .od-banner {
    margin-bottom: -10px;
}
body.page-for-education #od-carousel h2 {
    line-height: 1.3;
    color: #fff;
}

body.page-for-education #od-carousel .banner-button {
    margin-bottom: 70px;
    margin-top: 30px;
}

body.page-for-education hr {
    border-top: 2px solid #3498db;
    max-width: 90px; 
}
body.page-for-education .lightblue-bg {
    background-color: #cee2ea;
}
body.page-for-education .mediumblue-bg {
    background-color: #b7d7e3;
}
body.page-for-education .img-grid h4 {
    margin-top: 20px    
}
body.page-for-education .img-grid {
    padding-bottom: 15px;
    min-height: 200px;
}
body.page-for-education .container-gray {
    background: #e6e6e6;    
    padding-bottom: 15px;
}
body.page-for-education  p {
    font-size: 15px;
}
body.page-for-education .get-in-touch {
    background: url('/assets/images/getintouch.png');
    min-height: 250px;
    background-repeat: no-repeat;
}
body.page-for-education  #main > .content {
    margin-top: 0px;
}
body.page-for-education  .cms-content a, 
body.page-for-education .cms-contentauto a, 
body.page-for-education .od-theme-inherit-a-color {
    color:#ffffff!important;
}

/*company field is changed to organisation on for education page.*/
body#pageid-52158 #od-form-simple label[for="Company"], body#pageid-45961 label[for="Company"] {
    visibility: hidden;
}
body#pageid-52158 #od-form-simple label[for="Company"]:before, body#pageid-45961 label[for="Company"]:before {
    content: 'Organisation';
    visibility: visible;
}
/*Shorten label to just Email.*/
#od-form-simple label[for="EmailAddress"], body#pageid-45961 label[for="EmailAddress"] {
    visibility: hidden;
}
#od-form-simple label[for="EmailAddress"]:before, body#pageid-45961 label[for="EmailAddress"]:before {
    content: 'Email';
    visibility: visible;
}
/*Shorten lable to just Phone.*/
#od-form-simple label[for="PhoneNumber"], body#pageid-45961 label[for="PhoneNumber"] {
    visibility: hidden;
}
#od-form-simple label[for="PhoneNumber"]:before, body#pageid-45961 label[for="PhoneNumber"]:before {
    content: 'Phone';
    visibility: visible;
}
/*Hide comments field from contact form. 
Added in contact.html and product-for-education-contact.html to make it appear last */
body#pageid-52158 #od-form-simple .form-group:nth-of-type(5), 
body#pageid-45961 #od-form-simple .form-group:nth-of-type(5),
body#pageid-10 #od-form-simple .form-group:nth-of-type(5) {
   visibility: hidden;
   display: none;
}

/*Hide company, phone and email address fields from contact form . 
Added in contact.html so that we can put email address after name. */
/*Company field (2)*/
body#pageid-10 #od-form-simple .form-group:nth-of-type(2),
/*Phone field (3)*/
body#pageid-10 #od-form-simple .form-group:nth-of-type(3)
/*Email field (4)*/
/*body#pageid-10 #od-form-simple .form-group:nth-of-type(4)*/ {
   visibility: hidden;
   display: none;
}

body#pageid-52158 #od-form-simple-container .form-horizontal, body#pageid-45961 #od-form-simple-container .form-horizontal {
    padding: 15px 10px;
}
#od-form-simple .control-label{
    display: block;
    text-align: left;
}
body#pageid-52158 #od-form-simple .form-group:nth-of-type(3), body#pageid-45961 #od-form-simple .form-group:nth-of-type(3) {
    display: block;
}

/*Coloured Boxes*/
body.page-for-education .uses-box .bright-red-box {
    background-color: #fa3031;
}
body.page-for-education .uses-box .purple-box {
    background-color: #932ab6;
}
body.page-for-education .uses-box .sky-blue-box {
    background-color: #52b9e9;
}
body.page-for-education .uses-box .green-box {
    background-color: #43c83c;
}
body.page-for-education .uses-box .orange-box {
    background-color: #f88529;
}
body.page-for-education .uses-box .dark-blue-box {
    background-color: #1171a3;
    white-space: nowrap;
}
body.page-for-education .od-container  .uses-box .panel-footer h3:not(#od-pageheader-h1) {
    font-size: 18px!important;
    margin-top: 5px;
    padding-top: 0;
    text-align: center;
    color: #fff;
}

/*################ SOCIAL LANDING #################*/
body.page-social-landing #main {
    font-size: 15px!important;
}
body.page-social-landing #main .content {
    /*width: 100%!important;*/
}
body.page-social-landing .od-logo-footer {
    margin-top:20px;
}
body.page-social-landing .od-logo-footer img {
    max-width: 200px;
}
body.page-social-landing .x-small {
    font-size: 12px;
    line-height: 1.2;
}
body.page-social-landing .od-header, body.page-social-landing .topnav, 
body.page-social-landing h1#od-pageheader-h1, body.page-social-landing #od-breadcrumb,
body.page-social-landing #footer 
 {
    display: none !important;
}

body.page-social-landing .od-banner{
    display: block;
    min-height: 355px!important;
    height: auto!important;   
    background: #d0d1d3; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(white 15%, #d0d1d3 60%)!important; /* Safari 5.1-6.0 */
    background: -o-radial-gradient(white 15%, #d0d1d3 60%)!important; /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(white 15%, #d0d1d3 60%)!important; /* For Firefox 3.6 to 15 */
    background: radial-gradient(white 15%,  #d0d1d3 60%)!important; /* Standard syntax (must be last) */
}

body.page-social-landing .od-banner h1 {
    color: #701471 !important; 
    /*padding-top: 35px;*/
    /*margin-bottom: 20px;*/
    line-height: 1.5;
    font-weight: bold;
    margin-left: 0px;
    font-size: 27px !important;

    text-transform: uppercase;
}
body.page-social-landing .od-banner h2 {
    font-size: 18px !important;
    font-weight: bold;
}
body.page-social-landing .od-banner h4 {
    font-size: 16px !important;

}
body.page-social-landing h2 {
    color: #701471; 
}
body.page-social-landing .od-banner h2, body.page-social-landing .od-banner h3, body.page-social-landing .od-banner h4 {
    color: #701471; 
}
body.page-social-landing h4.intro {
    margin-bottom:20px;
}

body.page-social-landing .od-banner {
    padding: 0px!important;
    margin-bottom: 0px;
}
/*body.page-social-landing .od-banner .container {
    width: 100%;
}*/
body.page-social-landing .banner-text {
    /*padding-top: 65px;
    padding-left: 5px;*/


    display: flex;
    align-items: center;
}
.landing-banner{
    position: relative;
    padding: 30px 0;
}
.banner_text {
        padding-top: 45px;

    }

.banner_text h2{font-size: 18px!important;}
.landing-banner .container{
    z-index: 100;
}
.landing-banner:before{
    content: "";
    background: url(/assets/images/?img=preview&id=0B9h9LlNwGlZDQlduYy1TcWhQOVk) repeat 0 50%;
    background-size:cover;
    width: 165px;
    height: 355px;
    position: absolute;
    left: 0;
    top:0;
}
.landing-banner:after{
    content: "";
    background: url(/assets/images/?img=preview&id=0B9h9LlNwGlZDSnlwMXpRTVE4TGs) repeat 0 50%;
    background-size:cover;
    width: 109px;
    height: 355px;
    position: absolute;
    right: 0;
    top:0;
}
body.page-social-landing .od-container .od-banner h2:not(#od-pageheader-h1){
    font-size: 18px !important;
}

@media(max-width: 992px){
    .banner_text {
        padding-top: 0px;
    }
    body.page-social-landing .header-info {
        margin-top: 35px!important;
    }
    .landing-banner:before,.landing-banner:after{
        top:auto;
    }
}
@media(max-width: 480px){
    .od-header{
        height: 100%;
        min-height: 43px;
    }
    /*#od-navbar {
     min-height: 131px;
    }*/
    .header-info {
        display: none;
    }
    #logo-header{height: 100%!important;}
    /*hide banner images on mobile*/
    body.page-social-landing .landing-banner:before,
    body.page-social-landing .landing-banner:after {
        background: none;
    }
	.btn-group.pricing-more, .btn-group.currency-pickers {
		margin-left: 5px!important;
	}
	.btn-group.pricing-more .btn, .btn-group.currency-pickers .btn, .period-pickers.btn-group .btn {
		padding: 4px 6px!important;
		/* float: none!important; */
	}
	.btn-group.pricing-more, .btn-group.currency-pickers, .period-pickers.btn-group {
		float: inherit!important;
	}
	.od-pricing.row{
		text-align:center;
	}
	.currency {
		margin-top: 20px;
		margin-bottom: 0px;
		margin-right: 0px;
		float: inherit;
	}
    body.root-page-pricing[data-template-init="true"] .currency {
        margin-top: 20px;
        margin-bottom: 10px;
        float: right;
        margin-right: 20px;
    }
    ul.topnav li a {
        width: 100%;
    }
}

body.page-social-landing .logo-icon img {
    min-height: 355px;
    max-height: 355px;
    max-width: 115%;
}
body.page-social-landing .lightbulb-icon img {
    min-height: 355px;
    max-height: 355px;
    margin-right: 0px!important;

}
body.page-social-landing  .navbar {
    min-height: 80px;
}
body.page-social-landing  .container-text-1 {
    line-height: 2;
    padding-top: 20px;
}
body.page-social-landing .content .container {
    /*padding-top: 20px;*/
}
body.page-social-landing .container-gray {
    margin-top: 20px;
    padding-bottom: 20px;
    background: #e6e6e6;    
}
body.page-social-landing .container-full-width {
    padding: 40px 40px 30px;
}

body.page-social-landing .actions {
    padding-top:20px;
}
body.page-social-landing .border-bottom {
    border-bottom: 1px solid #d2d2d2;
}
body.page-social-landing .header-info {
    vertical-align: bottom;
    margin-top: 65px;
}
body.page-social-landing a {
    color:#333;
}
body.page-social-landing  a.blue-btn {
    color: #fff;
}
body.page-social-landing .take-tour {    
    padding: 5px 20px;
   /* border: 3px solid #000;*/
    height: 125px;
    max-width: 500px;
    /*background: #d0d1d3; /* For browsers that do not support gradients */
    /*background: -webkit-radial-gradient(white 15%, #d0d1d3 60%)!important; /* Safari 5.1-6.0 */*/
   /* background: -o-radial-gradient(white 15%, #d0d1d3 60%)!important; /* For Opera 11.6 to 12.0 */*/
    /*background: -moz-radial-gradient(white 15%, #d0d1d3 60%)!important; /* For Firefox 3.6 to 15 */*/
   /* background: radial-gradient(white 15%,  #d0d1d3 60%)!important; /* Standard syntax (must be last) */
}
body.page-social-landing .take-tour-header {   
    background-color: #fff;
    height: 70px;
}
body.page-social-landing .no-padding {
    padding: 0px!important;
}
body.page-social-landing .no-margin {
    margin: 0px!important;
}
body.page-social-landing .od-quote {
    font-weight: bold;
    font-style: italic;
}

body.page-social-landing .carousel-section div {
    margin-bottom: 0px!important;
}

body.page-social-landing .carousel-inner .item img {
    margin-top: 0px;
    max-height: 200px;
}
body.page-social-landing .carousel-indicators {
    bottom: -22px!important;
}

body.page-social-landing .container-logos img {
    padding: 20px 25px 0px 25px;
    display: inline;
}
body.page-social-landing .landing-od-socialicons a {
    margin: 10px 5px;
    padding: 3px 6px 5px;
    opacity: 0.7;
}
body.page-social-landing .landing-od-socialicons a.od-social-linkedin {
    padding: 3px 8px 5px;
}
body.page-social-landing .landing-od-socialicons {
    margin: 10px;
}
body.page-social-landing .landing-od-socialicons p {
    margin-top: 10px;
}

body.page-social-landing .panel-footer h3 a {color:#fff;}
body.page-social-landing .uses-box .panel-footer h3 {
    text-align: center;
    font-size: 18px;
    padding-top: 0px;
    margin-top: 5px;
}

body.page-social-landing .uses-box:nth-of-type(1) .panel-footer  {
    background-color: #43c83c ; /*Green*/
}    
body.page-social-landing .uses-box:nth-of-type(2) .panel-footer {
    background-color: #932ab6 ; /*purple*/
}
body.page-social-landing .uses-box:nth-of-type(3) .panel-footer  {
     background-color: #fa3031; /*red*/
}
body.page-social-landing .purple-btn  {
    color: #fff!important;
    margin-top: 7px;
}
body.page-social-landing img.pegasus {
    max-width: 180px;

}
body.page-social-landing img.tamworth {
    max-width: 300px;
}
body.page-social-landing img.morrisby {
    max-width: 135px;
}
body.page-social-landing img.aerofoam {
    max-width: 150px;
}

body.page-social-landing .uses-box-top {
    min-height: 190px;
    max-height: 190px;
}
body.page-social-landing .uses-box-top p {
    padding: 20px 10px 0px;
}
body.page-social-landing .od-pricing-table {
    max-width: 100%!important;
    margin-right: 0px;
    min-width: 220px;    
}
body.page-social-landing .center-table {
    margin: 0 auto !important;
    float: none !important;
}
body.page-social-landing .pricing-borders {
    border: 10px solid transparent;
}
body.page-social-landing .od-pricing-table tr td {
    border: 1px solid #ccc;
}
body.page-social-landing .pricing-free {
    margin-left: 0px;
}
body.page-social-landing .pricing-education {
    margin-left: 0px;
}
body.page-social-landing .copyright {
    display: none;
}
body.page-social-landing h4 {
    line-height: 1.4;
}
body.page-social-landing .poweredby {
    float: left!important;
}

body.page-social-landing .od-pricing-table tr:nth-of-type(3) td p, body.page-social-landing .od-pricing-table tr:nth-of-type(5) td p {
    min-height: 50px;
}

body.page-social-landing .poweredby {
    pointer-events: none;
}

body.page-social-landing .cms-contentauto a.btn-blue {
    color: #fff!important;
}


/*############# new registration page #######*/
body.page-register h1 {
    font-size: 28px;
}
body.page-register h2 {
    color: gray;
}
body.page-register .CMSgoogledocembed h1, body.page-register .CMSgoogledocembed h2, body.page-register .CMSgoogledocembed p {
    text-align: center;
}
body.page-register table tr td p span {
    font-size: 14px;
}
body.page-register .CMSgoogledocembed p:last-of-type {
    text-align: left;
    font-size: 12px;
    float: left;
    margin-left: 94px;

}
body.page-register .btn-purple {
    background-color: #9b5ba4;
    background-image: none;
    border:none;
    color: #fff!important;
}
body.page-register table {
    background-color: #dddddd;
    margin-left: 5%!important;
}
body.page-register table tr td {
    padding: 20px 50px 5px;
}
body.page-register table tr td p:nth-of-type(1) span:nth-of-type(1) {
    font-weight: bold;
}
body.page-register table tr td p span {
    font-style:italic;
}
body.page-register .CMSgoogledocembed h3 {
    text-align: center;
}

/*Carousel banner css */
.btn-trans {
    background-color: transparent!important;
    background-image: none;
    border: 1px solid #000!important;
    color: #000!important;
    border-radius: 0px;
}
.label-white .btn-trans {
    border: 1px solid #fff!important;
    color: #fff!important;
}
.btn-trans-green {
    background-color: #2ecc71;
    background-image: none;
    border: 1px solid #2ecc71!important;
    color: #fff!important;
    border-radius: 0px;
}
.bg-slide-1 {
	background:url(../images/home-page-slider/odBG-Banner1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}
.bg-slide-2 {
	background:url(../images/home-page-slider/odBG-Banner2000x450.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}
.bg-slide-3 {
	background:url(../images/home-page-slider/odBG-Banner3.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}
.carousel-fade .carousel-inner > .item{opacity:0;}
.carousel-indicators {
	bottom: 0;
	display:none;
}
.carousel-control.right,
.carousel-control.left {
	background-image: none;
	width:5%;
}
#od-banner-carousel.carousel .item .carousel-caption {
	position:relative;
    right: 0%;
    left: 0%;
    bottom: 0px;
	padding-bottom: 0px;
}
.carousel .item {
	min-height: 340px; 
	height: 100%;
	width:100%; 
}
.carousel-caption {
    text-shadow: none;
}
.carousel-caption h3{
	color: #000;
}
.carousel-caption .label-white h3{
	color: #fff!important;
}
.carousel-caption button, .carousel-caption a {
	border-color: #00bfff;
	margin-top: 1em; 
}

#od-banner-carousel.carousel .carousel-caption h3:first-child {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	font-size: 58px!important;
	line-height:60px!important;
	font-weight:800;
	margin: 0;
	margin-top: 25px;
}
#od-banner-carousel.carousel .carousel-caption h3:nth-child(2) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	font-size: 16px!important;
	line-height:18px!important;
	font-weight:600;
	color: #222;
}
body.page-social-landing #od-banner-carousel.carousel .carousel-inner .item img{
	max-height: 100%;
    border: 0px;
    float: right;
}
.carousel-caption button,.carousel-caption a {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.carousel-caption img {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	border:0px!important;
}
#od-banner-carousel.carousel .glyphicon-chevron-left,
#od-banner-carousel.carousel .glyphicon-chevron-right {
    margin-top: 0px!important;
    color: #fff!important;
}
#od-banner-carousel.carousel .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -10px;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.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;
}
@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);
    }
}

.page-home .od-banner{display:none!important;}
.page-social-landing #main > .content, .page-home #main > .content{margin-top:0px;}
.od-container {width: 100%;overflow: hidden;}

.root-page-product #od-pageheader-h1-alt {
    display: none;
}




/*################ MEDIA QUERIES #################*/
/* Only Phones */

/* Regular smart phones, including iPhone 6 + with 414px viewport! */
@media screen  (min-width: 300px) and (max-width: 767px) {
     ul#od-topnav li.dropdown a {
        color: #333!important;
    }
    ul.topnav li.dropdown {
        background-color: #fff!important;
    }
    ul.topnav li.dropdown i.fa {
        display:none;
    }
    body.page-faqs .od-theme-inherit-h3-font-size {
        font-size: 16px!important;
    }    
    .od-header #od-signin1 {
        margin-top: 5px;
    }
    .currency-picker-group {
        margin-right: 0px;
    }

}

@media screen (min-width: 321px) and and (max-width: 767px) {
}

/* Other  Phones iphone 5 Samsung S5 etc */
@media (max-width: 767px) {
    .navbar-collapse {
        float: left;
        width: 100%;
        margin-left: 0px;
        padding-left: 0px;
    }
    ul.topnav li a {
        color: #333!important;
    }
    ul.topnav li.dropdown {
        background-color: #fff!important;
    }
    ul.topnav li.dropdown i.fa {
        display:none;
    }
     .navbar-brand img {
        max-height: 30px;
        min-height: 30px;       
    }
     .navbar-brand p {
        font-size: 15px;
     }
     /*remove the icons from the main menu */
    #od-nav-container #od-topnav > li > a#drop-link-12::before, 
    #od-nav-container #od-topnav > li > a#drop-link-13::before,    
    #od-nav-container #od-topnav > li > a#drop-link-11::before,    
    #od-nav-container #od-topnav > li > a#drop-link-10::before {
        display: none;
     }
     /*Features boxes on product page*/
     ul.feature-box li {
        max-width: 100%;
     }
     /*Header*/
    .page-header h1 {
        font-size: 22px;
        margin-top: 17px;
    }
    .CMSgoogledocembed h1 {
        font-size: 20px;
        max-width: 100%!important;
        white-space: nowrap;
    }
    #od-pageheader-h1 {
        white-space: normal;
        font-size: 17px;
    }
    /*Uses page*/
    img.uses-thumbnails {
        max-height: 100%;
    }
    /*doc tools*/
    .tb-document-tools {
        display: none;
    }
    /*Features Page*/
    .carousel-inner h2 {
        max-width: 100%;
    }
    img.uses-thumbnails {
        max-height: 100%;
    }
    .feature-text {
        margin-top: 0px;
        margin-left: 0px;
    }
    .cms-helptext {
        font-size: 13px;
        padding: 5px;
    }
    /*faqs*/
    span .faq-icon {
        font-size: 16px!important;
    }
    body.page-faqs .od-theme-inherit-h3-font-size {
        font-size: 16px!important;
    }

    /*for education*/
    body.page-for-education  #od-carousel .white_bg, body.page-for-education  #od-carousel .blue_bg  {
        font-size: 27px!important;
        white-space: nowrap;
    }
    body.page-for-education  .img-grid {
        min-height: 75px;
        padding-top: 20px;
    }
    .od-header #od-signin1 {
        margin-top: 5px;
    }
	#od-banner-carousel.carousel .item .carousel-caption .text-left{
		text-align:center;
	}
	.currency-picker-group {
        margin-right: 0px;
        float: none!important;
    }

}

 /* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 968px) { 
	body.page-home .carousel-inner .item img {
		margin-right: 0px!important;
	}
}

@media (min-width: 500px) and (max-width: 767px) { 
	#od-banner-carousel.carousel .carousel-caption h3:first-child {
		font-size: 48px!important;
		line-height: 48px!important;
	}
    .currency-picker-group {
        margin-right: 0px;
        float: right!important;
        margin-top: 10px;
    }

}

/*small desktop and portrait monitors*/
@media (min-width: 1024px) and (max-width: 1250px){
   /* Pricing Tables*/
   .od-pricing-table td.price-features, .od-pricing-table td.price-peruser {
        height: 95px!important;
    }
    /*video page*/
    ul.feature-box li {
        min-width: 30%;
        min-height: 320px;
    }
    /*For Educcation*/
     body.page-for-education #od-carousel .white_bg, body.page-for-education #od-carousel .blue_bg  {
        white-space: nowrap;
        font-size: 40px!important;
    }
    body.page-for-education .img-grid {
        min-height: 210px;
    }
}

@media (min-width: 1024px) and (max-width: 1440px) {
    /* Pricing Tables*/
   .od-pricing-table td.price-features, .od-pricing-table td.price-peruser {
        height: 95px!important;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
#od-banner-carousel.carousel .item .carousel-caption {
    padding-top: 0px;
    position: absolute;
}
#od-banner-carousel.carousel .item .carousel-caption .banner-left {
    position: relative;
    margin: 8% 0%;
}
#od-banner-carousel.carousel .item .carousel-caption .banner-image {
    position: absolute;
    right: 0;
    bottom: 0;
}
}

/*ipad portrait*/
@media (min-width: 768px) and (max-width: 1024px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 768px) and (max-width: 991px) {
#od-banner-carousel.carousel .item .carousel-caption {
    padding-top: 60px;
}
#od-banner-carousel.carousel .carousel-caption h3:first-child {
	font-size: 42px!important;
	line-height: 42px!important;
}	
}

@media (min-width: 768px) {
}

@media (min-width: 991px) {
}
@media (max-width: 480px) {
	#od-banner-carousel.carousel .carousel-caption h3:first-child {
		font-size: 24px!important;
		line-height: 28px!important;
	}
}