body, html {
    height: 100%;
    width: auto!important;
}
body {
    overflow-x: hidden;
}

#site-canvas2 {
    height: 100%;
    width: 100%;
    position: relative;
}
/*Top Menu*/
#affix-top-menu {
    box-sizing: content-box;
}
.affix-top-menu-heading {
    margin: 0 0 3px 0!important;
    font-size: 24px;
}
#affix-top-menu ul.submenu {
    margin-top: 3px;
}
#affix-top-menu #affix-top-menu-inner .buttons-block {
    margin-top: -5px!important;
}
/*Hero Related Styling*/
.sample-box {
    border: none;
}
::-moz-selection {
    background: #77B70A;
    color: white
}
::selection {
    background: #77B70A;
    color: white
}
.abcen {
    position: absolute!important;
    bottom: 8%;
}
.abcen1 {
    position: absolute;
    top: 20%;
}
.content-section-c {
    border-top: 1px solid #32465A;
    border-bottom: 1px solid #32465A;
    background-color: #34495e;
    padding: 45px 0;
}
.lead {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.46428571;
    font-weight: 300;
}
.lead3 {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 16px;
    color: #8D8D8D;
    line-height: 1.46428571;
    font-weight: 300;
}
.float {
    -webkit-animation-name: floatingx;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: floating;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}
/*.h1_home {
    font-size: 65px;
    font-weight: 300;
    letter-spacing: 3px;
    text-shadow: 1px 1px 1px black;
    margin-top: 80px;
}
.h3_home {
    font-weight: 300;
    text-shadow: 1px 1px 1px black;
}*/

/* Button */
/* buttons */

.button--naira {
    padding: 0;
    overflow: hidden;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.button--naira:hover {
    background-color: #37474f;
    -webkit-transition: background-color 0s 0.3s;
    transition: background-color 0s 0.3s;
}
.bg-1 .button {
    color: #37474f;
    border-color: #37474f;
}
.button--naira {
    padding: 0;
    overflow: hidden;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.button--border-thin {
    border: 1px solid;
}
.button--round-s {
    border-radius: 5px;
}
.buttoncontainer {
    padding-top: 15px;
}
naira .button__icon {
    padding: 1em 2em;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--naira .button__icon {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    color: #fff;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.mbtn {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 2px solid #FC991D;
    border-radius: 0.6em;
    color: #FC991D;
    cursor: pointer;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    margin: 5px;
    padding: 1.2em 2.8em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}
.mbtn:hover, .mbtn:focus {
    color: #fff!important;
    text-decoration: none;
    outline: 0;
}
.mainbutton {
    border-color: #0073BD;
    color: #fff!important;
    box-shadow: 0 0 40px 40px #0073BD inset, 0 0 0 0 #0073BD;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.mainbutton:hover {
    box-shadow: 0 0 10px 0 #3498db inset, 0 0 10px 4px #3498db;
    color: #fff;
}
.outlbtn {
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}
.outlbtn:hover {
    box-shadow: 0 0 40px 40px #FC991D inset;
    color: #fff;
}
.outlbtn-ora {
    -webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
    background: #FC991D;
    color: #fff;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
.outlbtn-ora:hover {
    box-shadow: 0 0 10px 0 #FC991D inset, 0 0 10px 4px #FC991D;
    color: #fff;
    background: #F3961E;
}

.mybutton_standard {
    border: 1px solid #fff;
    color: #fff;
}
.mybutton_standard:hover {
    color: #fff!important;
}
.button_down img {
    width: 50px;
}
.btn-primary {
    border-color: rgba(52, 73, 94, 0);
}
.tworow {
    margin-top: 40px;
}
.box-icon {
    height: 150px;
    width: 150px;
    -moz-border-radius: 35px;
    border-radius: 100%;
    padding: 47px 10px;
    background-color: #f0f1ec;
    color: #0073BD;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-right: 15px;
}
.box-icon:hover {
    background-color: #77B70A;
    color: #fff;
}
.intro-header {
    height: 100%;
    /* FullScreen */
    padding-top: 50px;
    padding-bottom: 50px;
    color: #f8f8f8;
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://magictoolbox-cdn.sirv.com/site/black-friday/pexels-photo-53927.jpeg?scale.width=1366) no-repeat center center;
    background-size: cover;
    text-align: center;
}
.list-inline {
    margin-top: 30px;
}
.content-section-a {
    background-color: #f8f8f8;
    padding: 30px 0;
}
.content-section-b {
    border-top: 1px solid #e7e7e7;
    /*border-bottom: 1px solid #e7e7e7;*/
    padding: 30px 0;
}
.section-heading {
    margin-bottom: 30px;
}
.section-heading-spacer {
    border-top: 3px solid #e7e7e7;
    width: 200px;
    float: left;
}
.banner {
    padding: 60px 0;
    color: #f8f8f8;
    /*background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAADCAYAAABfwxXFAAAAYklEQVQIWwFXAKj/AX29Af/y7/8A9OsAABYVDQAE9xMABgoLAO3fAwABca0A/wH4FgAYHwQA8fXnAN3P/wAsMBYA3MITAAFpmwr/LxhYABMSEwDL160A5OnxAB0l+gDo2QMAgFogIP1I9aQAAAAASUVORK5CYII=") no-repeat center center;*/
    background-image: linear-gradient(90deg, #3c763d 25%, #3A673B 100%);
    background-image: -moz-linear-gradient(left, #3c763d 25%, #3A673B 100%);
    background-image: -webkit-linear-gradient(left, #3c763d 25%, #3A673B 100%);
    background-image: -o-linear-gradient(left, #3c763d 25%, #3A673B 100%);
    background-image: -ms-linear-gradient(left, #3c763d 25%, #3A673B 100%);
    background-size: cover;
}

/* Animate */

.rotate {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
}
.rotate:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.platform-promo.magiczoomplus {
    -webkit-background-size: cover!important;
    background-size: cover!important;
    margin: 0;
    background-image: url(../images/bg_lq.jpg);
}
#mainCont {
    margin-top: 0!important;
}
.navbar-default-hero {
    position: absolute!important;
    background-color: transparent!important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    width: 100%;
}


.platform-promo .tryit:before {
    content: '';
    display: block;
    width: 111px;
    height: 66px;
    background: url(/wp-content/themes/magictoolbox/images/tryit.png) center center no-repeat;
    position: absolute;
    bottom: 0;
    right: -140px;
}
#mainCont h2 {
    text-align: center;
}
/* Wizard */
.wizard-sample.sample-box .app-demo:before {
    content: 'Live Preview';
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: #777;
    position: absolute;
    top: -15px;
    left: 10px;
}
.sample-box {
    margin: 10px 0 40px;
}
#bgvid {
    min-height: 100%;
    min-width: 100%;
    margin-top: -70px;
}


.disabled-tooltip {
    position: absolute;
    top: 7px;
    left: 0px;
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px 0px;
    font-size: 12px;
    line-height: 30px;
    border-radius: 3px;
}

/* Subscription form */

.content-style-form {
    position: relative;
    text-align: left;
}
.content-style-form h2 {
    margin: 0;
    padding: 0.4em 0 0.3em;
    text-align: center;
    font-weight: 300;
    font-size: 3.5em;
}
.content-style-form form {
    padding: 10px 30px;
}
.content-style-form form p {
    margin: 0 0 5px 0;
    font-size: 0.7em;
}
.content-style-form label {
    display: block;
    padding: 10px 0 0;
    color: #34495e;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}
.content-style-form-4 input[type="email"] {
    border: none;
    background-color: #f0f0f0;
}
.content-style-form-4 form button:focus, .content-style-form-4 form button:hover {
    background: #77B70A;
}
.content-style-form input[type="email"] {
    padding: 10px;
    width: 100%;
    border: 2px solid #ebd3bd;
    background: transparent;
    color: #b09a86;
    font-weight: 300;
    font-size: 2.2em;
}
.content-style-form input[type="email"]:focus {
    border-color: #e75854;
    color: #e75854;
}
.content-style-form input:focus {
    outline: 0;
}
.content-style-form button {
    display: block;
    padding: 10px;
    width: 100%;
    border: none;
    background: #fd9a1e;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 800;
    font-size: 1.1em;
    margin-top: 10px!important;
}
.platform-promo .overview-text h3 {
    font-size: 33px;
    margin: 15px 0 15px 0;
    text-align: center;
}
.platform-heading h4 {
    text-align: center;
}
.platform-body p {
    text-align: center;
}
.wizard fieldset table td:first-child {
    width: 60%;
}
.partnersimage {
    padding: 20px;
}

/* Media queries!
-------------------------------------------------------------------------------*/

/* All Mobile Sizes (devices and browser) */

@media screen and (max-device-width: 767px) {
    .intro-header {
        height: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
        color: #f8f8f8;
        background-size: cover;
        text-align: center;
        background-color: #34495e;
    }
    h1, .h1 {
        font-size: 50px;
    }
    h3, .h3 {
        font-size: 20px;
    }
    .button_down {
        display: none;
    }
    .platform-promo .tryit:before {
        background: none!important;
    }
    .platform-promo .tryit {
        float: none;
        margin: 0;
    }
    .box-icon {
        margin: 0 auto;
    }
    .box-ct {
        text-align: center;
    }
    .mbtn {
        font-size: 12px!important;
        padding: 1em 2em!important;
    }
    #affix-top-menu ul.submenu {
        display: none;
    }
    #mainCont h2 {
        width: 100%;
    }
}
/* iPad hacks */

@media screen and (min-width: 481px) and (max-width: 1024px) and (orientation: portrait) {
    .intro-header {
        height: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
        color: #f8f8f8;
        background-size: cover;
        text-align: center;
        background-color: #34495e;
    }
    h1, .h1 {
        font-size: 50px;
    }
    h3, .h3 {
        font-size: 20px;
    }
    .button_down {
        display: none;
    }
    .platform-promo .tryit:before {
        background: none!important;
    }
    .platform-promo .tryit {
        float: none;
        margin: 0;
    }
    .box-icon {
        margin: 0 auto;
    }
    .box-ct {
        text-align: center;
    }
    .mbtn {
        font-size: 12px!important;
        padding: 1em 2em!important;
    }
    .affix-top-menu-heading {
        margin: 0 0 2px 15px!important;
    }
    #affix-top-menu ul.submenu, #h1 ul {
        margin-left: 15px;
    }
    #affix-top-menu #affix-top-menu-inner .buttons-block {
        margin-top: 10px!important;
    }
    .h1_home { margin-top: 0px; }    
}

footer {
    margin: 0!important;
}
li.active a {
    font-weight: 600;
}
.testimonial {
  padding:30px 0;
  font-size:18px;
}
.wpcr3_respond_2 textarea {
  height:100px!important;
}

/*--------------------------------------------------------*/

#mainCont {padding: 45px 0 20px;}
.vcenter {vertical-align:middle;float:none;display:inline-block}
h1 {font-size: 51px}
h2 {font-size: 38px}
h3 {font-size: 28px}
h4 {font-size: 21px}
h5 {font-size: 12px}
h6 {font-size: 9px}
.label-price {font-size:12px !important;font-weight: 600;background: transparent;}
.text-normal {font-weight:normal}
.text-zoom {font-size: 32px;font-weight: 300;}

#merged-top {margin-bottom: 45px;}
#merged-top h2 {text-align: left;}
.top-row {display: table;}
.top-logo, .top-title {display: table-cell;}
.top-logo h4 {margin-bottom: 0;}
.platform-head span.pl-ico {position: relative;padding: 0;}
.platform-head span.pl-ico b {margin: 0;}
.showcase-section {margin-top: 30px;min-height: 420px;}
.demo-buttons {width:100%;}
.demo-buttons .btn {text-align: center;font-size: 16px;font-weight: 100;display: inline-block;padding: 13px;font-weight:400}
.demo-buttons .btn.btn-ora {width:30%;}
.demo-buttons .btn.btn-blue {width:auto;}
.demo-buttons .btn.btn-blue span {display: inline;font-size:inherit;}
.versions ul li {margin: 0 !important;border: 1px solid #d0d0d0;padding:0}
#modules {margin-top: 20px;}
#modules .modules-tabs ul.nav-tabs {border: none;}
#modules .modules-tabs ul.nav-tabs li {margin: 0 !important;border: 1px solid #d0d0d0;padding:0;border-bottom: 0;}
#modules .modules-tabs ul.nav-tabs li span {border:0;}
#modules .modules-tabs ul.nav-tabs li .label-price {position: absolute;top: 0;right: 0;color:#777777 !important; padding: 8px;line-height: 100%;}
#modules .modules-tabs ul.nav-tabs li.active {border:1px solid #77b70a;background-color: #dfff7f !important;}
#modules .modules-tabs ul.nav-tabs li.active a span {color:#fff !important;}
#modules .modules-tabs ul.nav-tabs li.active>a {border:none;margin:0;background-color: #77b70a;color:#fff;border-radius: 0;}
#modules .modules-tabs ul.nav-tabs li:not(.active):hover {background-color: #88cc13;border: 0 !important;}
#modules .modules-tabs ul.nav-tabs li:not(.active):hover>a {color: #fff;padding: 16px !important;}
#modules .modules-tabs ul.nav-tabs li:not(.active):hover>a>span{top:1px;right:1px;}

#affix-top-menu ul.nav-tabs li {margin: 0 !important;border: 1px solid #d0d0d0;padding:0;background-color: #fff;}
#affix-top-menu ul.nav-tabs li span {border:0;}
#affix-top-menu ul.nav-tabs li .label-price {position: absolute;top: 0;right: 0;color:#777777; padding: 8px;line-height: 100%;font-size: 12px;}
#affix-top-menu li.active {border:1px solid #77b70a;background-color: #dfff7f !important;}
#affix-top-menu ul.nav-tabs li.active span {color:#fff;}
#affix-top-menu li.active>a {border:none;margin:0;background-color: #77b70a;color:#fff;border-radius: 0;}
#affix-top-menu li.active:hover>a {color:#fff !important;}
#affix-top-menu li:not(.active):hover {background-color: #88cc13;border: 0 !important;}
#affix-top-menu li:not(.active):hover>a {color: #fff !important;padding: 16px !important;}
#affix-top-menu li:not(.active):hover>a>span{top:1px;right:1px;}

.modules-tabs button, .modules-tabs .dropdown-menu, #affix-top-menu button, #affix-top-menu .dropdown-menu  {width: 70% !important;margin-left: 15% !important;}
.modules-tabs .dropdown-menu li.active a, #affix-top-menu .dropdown-menu li.active a {color:#fff !important;}
.modules-tabs button, #affix-top-menu button {padding:15px;border:1px solid #77b70a;background-color: #77b70a;color:#fff;border-radius: 0;}
.green-line hr {margin-top: 0;border-color: #77b70a;}

#modules .tab-content {padding: 0;}
#modules .tab-content .tab-pane {display: unset !important;visibility:hidden;position:absolute;top:-10000px;left:-1000px;}
#modules .tab-content .tab-pane.active {display: block !important;visibility:visible;position:static;top:0px;left:0px;}
.magicscroll-example, .magicslideshow-example, .magic360-example {padding:0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.showcase-section {margin: 20px auto;}
.showcase-section .demo-example .main-example {padding: 12px 0 !important;}
.showcase-section .magic360-example {height: unset;left: unset;}
.showcase-section .Magic360-container {border: 0;box-sizing: content-box !important;}
.showcase-section .Magic360-container a {margin-top: 0 !important;}
.demo-subtitle {font-size:18px;margin: 20px 0;}
.demo-buttons {margin-top: 20px;}

#zara-example-2 {margin-top: 40px;}
.magicslideshow-section .demo-description {padding-left: 6%;}
.demo-description>ul {padding-left: 18px !important;}
.demo-description ul.dropdown-menu li a, #cta-bottom ul.dropdown-menu li a {white-space: nowrap;font-weight: normal; font-size: 14px;}
.demo-description ul.dropdown-menu li a:hover, #cta-bottom ul.dropdown-menu li a:hover {background: #f1f1f1;}
.demo-description .top-rating {text-align: left !important;}

#cta-top {background-color: #f5f5f5;text-align: center;}
#cta-top ul {list-style-type: none;padding: 0;margin: 0}
#cta-top ul li {border: none;}
#cta-top .versions-title {padding-right: 0}
#cta-top .versions {padding: 0}
#cta-top .boosted {padding: 45px 0;border-left: 2px solid #fff;border-right: 2px solid #fff;}
#cta-top .boosted p {margin: 0;}
#cta-top .downloads-title {text-align: right;padding-right: 0}
#cta-top .downloads {text-align: left;padding-left: 0}
#ready-to-use, #ready-use {padding: 50px 0 0;}
#ready-use div {border: none;margin-top: 18px;}
#ready-use div h3 {line-height: 35px;border: none;margin:0;font-size: 18px !important;font-weight: 400;padding-left: 36px;}
#ready-use div h3:before{content:url(https://magictoolbox.sirv.com/site/webpage.png?scale.height=22px);position: absolute;left: 10px;margin-right: 12px;padding: 5px 4px 0 6px;font-size: 16px;line-height: 36px;}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DBDBDB -moz-use-text-color #FFFFFF;
    border-style: solid none;
    border-color: #dbdbdb;
    border-width: 1px 0;
    margin: 15px 0;
}
.btn.collapse-arrow {border: none;width: auto;height: auto;font-weight: 100;background-color: transparent;color: #333;font-size: 30px;padding: 0;}
#key-features {padding-top: 50px;}
#ready-to-use h3, #key-features h3, #installation-features h3, #uninstallation-features h3, #faq-features h3 {margin: 0;}
.collapseFeatures h3 {font-weight: normal !important;}
.collapseFeatures h3:before{content:'✓';background-color: #77b70a;color:#fff;border-radius:24px;margin-right:12px;padding: 0px 4px 0 6px;font-size: 16px;
    line-height: 1;}
.collapseFeatures .platform-promo {display: none;}
.collapseFeatures .well.supported-blocks {display: none;}
.collapseFeatures .platform-information {display: none;}
.collapseFeatures .panel-default {display: none;}
.collapseFeatures > h2 {display: none;}
.collapseFeatures > iframe {display: none;}
.collapseFeatures .instructions {display: none;}
.collapseFeatures > p {display: none;}
.collapseFeatures > ol {display: none;}
.collapseFeatures > hr {display: none;}
.collapseFeatures > .hidden-xs {display: none;}
.collapseFeatures > .nav-tabs {display: none;}
.collapseFeatures > .row {margin-bottom: 30px;}

.collapseInstallation .platform-promo {display: none;}
.collapseInstallation .well.supported-blocks {display: none;}
.collapseInstallation .product-features {display: none;}
.collapseInstallation .platform-information {display: none;}
.collapseInstallation .panel-default {display: none;}
.collapseInstallation h2 {text-align: left !important;}
.collapseInstallation > h2 + #installation {display: none;}
.collapseInstallation > hr {display: none;}

.collapseFaq h2 {display: none;}

.product-features div { text-align:center; margin-top: 18px; }
.product-features { margin-bottom:20px;}
.product-features.compact { height: auto !important; }

.product-features h3 { font-size:18px !important; margin:10px 0 5px 0;}
.product-features p { margin:0; padding-top:0 !important;}
.product-features h3 b { display:none; width:70px; height:70px;  border-radius:50%;  margin:0 auto 10px auto; overflow:hidden; background:#acacac; position: relative;}
.product-features h3 b:before { display:block; content:''; height:2800px; width:70px; background:url(//magictoolbox.sirv.com/site/features2x.png?scale.width=70&png.optimize=2) 0 0  no-repeat; position: absolute;}
.product-features .custom-templates h3 b:before { top:-100%; }
.product-features .image-resize h3 b:before { top:-200%; }
.product-features .cache h3 b:before { top:-300%; }
.product-features .scrollable-thumbnails h3 b:before { top:-400%; }
.product-features .bandwidth-allocation h3 b:before { top:-500%; }
.product-features .one-off-payment h3 b:before { top:-600%; }
.product-features .seo-friendly h3 b:before { top:-700%; }
.product-features .watermarked-images h3 b:before { top:-800%; }
.product-features .new-versions-support h3 b:before { top:-900%; }
.product-features .multi-language-support h3 b:before { top:-1000%; }
.product-features .per-page-profiles h3 b:before { top:-1100%; }
.product-features .one-click-installation h3 b:before { top:-1200%; }
.product-features .web-settings h3 b:before { top:-1300%; }
.product-features .supported-themes h3 b:before { top:-1400%; }
.product-features .jquery h3 b:before { top:-1500%; }
.product-features .version h3 b:before { top:-1600%; }
.product-features .responsive h3 b:before { top:-1700%; }
.product-features .retina h3 b:before { top:-1800%; }
.product-features .video h3 b:before { top:-1900%; }

#testimonials {background-color: #f5f5f5;margin-bottom: 0;padding-top: 50px;}
#testimonials h2 {display: none;}
#testimonials .item {padding: 20px 30px;margin-bottom: 30px;}
#testimonials .item p {font-size:16px;line-height:1.75;text-align:left;color:#333;margin-bottom: 0;padding: 0 34px;}
#testimonials .item:before {content:',,';font-size: 70px;color:#77b70a;display: inline-block;-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-o-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(180deg);line-height: 1.1;font-family: 'Source Sans Pro';position: absolute;top: 0;left: 0;}
#testimonials .item:after {content:',,';font-size: 70px;color:#77b70a;display: inline-block;line-height: 1.1;font-family: 'Source Sans Pro';right: 0;bottom: 0;position: absolute;}
#testimonials .carousel-indicators {position:relative;width: 100%;margin: unset;transform: translate(-50%);}
#testimonials .carousel-indicators li {width: 33%;height: unset;margin: 0;background-color: transparent;text-indent: unset;border:0;}
#testimonials .carousel-indicators li span.person-thumbnail {height:50px;width:50px;background-image: unset;border: 1px solid #e1e1e1;;background-color: transparent;position: relative;border-radius:50px;}
#testimonials .carousel-indicators li:not(.active) {opacity:0.3;}
#testimonials .carousel-indicators li:not(.active) span.person-thumbnail img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
#testimonials span.person-thumbnail img {width: auto;height: 100%;max-width: unset;}
#testimonials .author {text-align: left;padding-left: 0;}

#cta-bottom {padding: 65px 0;margin-bottom:30px; background-image: url('https://sirv-cdn.sirv.com/website/img/bottom-cta-bg2.jpg');background-size: auto 100%;}
#cta-bottom h2 {color: rgba(255,255,255,0.75);margin:0;line-height: 63px;}
/*#cta-bottom .buttons-block {width:100%;}*/
#cta-bottom .buttons-block a, #cta-bottom .buttons-block span {background-color: #fff;font-weight: 600;font-size: 16px}
#cta-bottom .btn-white-ora {color:#ff8b01;display: inline-flex;/*border:1px solid #f5f5f5;*/}
#cta-module .btn-white-ora .label-price {color:#ff8b01; display: inline !important; line-height: 22px !important;}
#cta-bottom .btn-white-blue {color:#01609e;margin-left: 10px;/*border:1px solid #01609e;*/}
#cta-bottom .btn-white-blue span {display: inline !important;font-size: inherit}
#cta-bottom .btn {padding: 20px 30px;font-weight: 400;}
#about-row {padding: 0 0 20px;}
#about-row h3 {color: #777;}
#changelog .timeline:before {width: 2px;margin-left: -1px;background-color: #999999;}
#changelog .timeline-panel {width: 49%;background-color: #f5f5f5;border:none;}
#changelog .timeline > li > .timeline-panel:before {border-left-color: #f5f5f5;}
#changelog .timeline > li > .timeline-panel:after {border:none;}
.timeline > li.timeline-inverted > .timeline-panel:before {border-right-color: #f5f5f5;}
.timeline > li.timeline-inverted > .timeline-panel:after {border:none;}
.timeline-body p {color:#333;}
.timeline-heading p {color:#999;}
#changelog .timeline-heading {width: 41%;float: right;padding: 35px 0;margin: 0;}
#changelog .timeline-inverted .timeline-heading {width: 41%;float: left;text-align: right;}
#changelog .timeline-heading .product-version {border: 0;}
#changelog .collapse-badge {left: 50%;position: relative;transform: translate(-50%);border-radius: 50px;padding: 20px 18px;font-size: 30px;line-height: 1px;vertical-align: middle;height: 60px;width: 60px;}
#changelog .collapse-badge:hover {color:#fff;}

@media screen and (min-width: 768px) {
    .carousel-indicators {bottom: unset;}
}
@media screen and (max-width: 767px) {
    /*#site-canvas2 {left:15px;}*/
    #mainCont {padding-top: 0;}
    .top-logo {float:left;padding-bottom: 45px;}
    .top-logo h4 {margin-top:0;}
    #cta-top .container .row div {padding: 15px;}
    #cta-top .boosted {border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
    #cta-top .downloads-title {float: left;}
    .collapser div:nth-child(2) {padding-left: 0;}
    #ready-use {padding: 30px 0 30px 50px;}
    #key-features {padding-top: 0px;}
    /*.magic360-example {position: relative;margin-bottom: 50px !important;}*/
    .magicscroll-example, .magicslideshow-example, .magic360-example {top:0;}
    .demo-buttons .btn {width: auto !important;}
    .demo-buttons .btn.btn-ora {margin-bottom: 15px;}
    .product-features div {margin-left: 18px;}
    #testimonials .carousel-indicators {padding: 0 15px;}    
    #testimonials .carousel-indicators>li {vertical-align: top;font-size: 10px;}
    #testimonials .carousel-indicators li span.person-thumbnail {margin: 0 auto;}
    #testimonials .author {text-align: center;padding: 0;overflow-x: hidden;padding: 0 10px;}
    #testimonials .item p {padding: 0 50px;}
    #cta-bottom .container .row .buttons-block {text-align: center;}
    #cta-bottom .buttons-block a {margin: 30px 0 0;}
    #changelog .come-in {display: table;}
    #changelog .timeline-panel,#changelog .timeline-heading, #changelog .timeline-inverted .timeline-heading {float: none;display: table-cell;vertical-align: middle;}
    #changelog .timeline-panel {text-align: left !important;padding: 10px;width:160px;}
    #changelog .timeline-panel p {margin: 0;}
    #changelog .timeline-heading {text-align: right !important;width:auto;min-width: 130px;padding: 0 15px;}
    #changelog .timeline-heading p {margin:0;}
}
@media screen and (max-width: 992px) {
    .magicscroll-example, .magicslideshow-example, .magic360-example {position: relative;left: 0;width: 100%;height:auto;padding-bottom: 50px;}
    .tab-pane {max-width: 100%;}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .tryit {margin-bottom: 30px;position: relative !important;left: 50%;transform: translate(-50%);}
    .tryit .MagicSlideshow {left: 50%;transform: translate(-50%);}
    .tryit .Magic360-container {left: 100%;transform: translate(-50%);}
    #testimonials {padding: 50px 0;}
    #cta-bottom {padding: 35px 0;}
    #cta-bottom .row .col-sm-6 {float: none;max-width: 50%;display: table-cell;vertical-align: middle;}
    #cta-bottom .row .col-sm-6:nth-child(2) {text-align: center;}
    #cta-bottom .btn-white-blue {margin: 20px 0 0;}
    #changelog .timeline-heading, #changelog .timeline-inverted .timeline-heading {width: 31%;}
}

@media screen and (min-width: 768px) {
    .tryit {position:relative;max-width: 90%;}
}