/* sticky footer */

html,
body {
    height: 100%;
}

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -334px;

    background: #F7F7F6;
    background-image: linear-gradient(left, rgb(206, 234, 255) 0%, rgb(206, 234, 255) 5%, rgb(235, 246, 255) 25%, rgb(255, 255, 255) 50%, rgb(235, 246, 255) 75%, rgb(206, 234, 255) 95%, rgb(206, 234, 255) 100%);
    background-image: -o-linear-gradient(left, rgb(206, 234, 255) 0%, rgb(206, 234, 255) 5%, rgb(235, 246, 255) 25%, rgb(255, 255, 255) 50%, rgb(235, 246, 255) 75%, rgb(206, 234, 255) 95%, rgb(206, 234, 255) 100%);
    background-image: -moz-linear-gradient(left, rgb(206, 234, 255) 0%, rgb(206, 234, 255) 5%, rgb(235, 246, 255) 25%, rgb(255, 255, 255) 50%, rgb(235, 246, 255) 75%, rgb(206, 234, 255) 95%, rgb(206, 234, 255) 100%);
    background-image: -webkit-linear-gradient(left, rgb(206, 234, 255) 0%, rgb(206, 234, 255) 5%, rgb(235, 246, 255) 25%, rgb(255, 255, 255) 50%, rgb(235, 246, 255) 75%, rgb(206, 234, 255) 95%, rgb(206, 234, 255) 100%);
    background-image: -ms-linear-gradient(left, rgb(206, 234, 255) 0%, rgb(206, 234, 255) 5%, rgb(235, 246, 255) 25%, rgb(255, 255, 255) 50%, rgb(235, 246, 255) 75%, rgb(206, 234, 255) 95%, rgb(206, 234, 255) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(206, 234, 255)), color-stop(0.05, rgb(206, 234, 255)), color-stop(0.25, rgb(235, 246, 255)), color-stop(0.5, rgb(255, 255, 255)), color-stop(0.75, rgb(235, 246, 255)), color-stop(0.95, rgb(206, 234, 255)), color-stop(1, rgb(206, 234, 255)));
}

#push,
#sticky {
    height: 334px;
}

@media (max-width: 767px) {
    #sticky {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* basic */

body {
    background: #fff url(../img/bgrnd-body.png) repeat-x;
    color: #575757;
    font: 14px/21px 'Open Sans', Arial, sans-serif;
    padding-top: 2px;
}

blockquote p {
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 0;
}

hr {
    border-top: 1px dotted #FBD79A;
    border-bottom: none;
    margin-top: 0;
}

abbr[title], abbr[data-original-title] {
    border-bottom: 1px dotted transparent;
    cursor: help;
}

a {
    color: #575757;
    text-decoration: none;
}

a:hover {
    color: #2C9EFF;
    text-decoration: underline;
}

a:focus {
    outline: 0;
    background: none;
}

/* Typography */

h1 {
    font: 40px/40px 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

h2 {
    font: 20px/20px 'Open Sans', Arial, sans-serif;
    font-weight: 300;
}

h2 a:hover {
    color: #00B9FD;
    text-decoration: none;
}

h3 {
    font: 20px/20px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    margin: 0 0 10px;
}

h4 {
    font: 20px/20px 'Open Sans', Arial, sans-serif;
    font-weight: 600;
}

p {
    margin: 0 0 20px;
}

ul, ol {
    margin: 0 0 20px 16px;
}

/* header */

header {
    padding-bottom: 0;
    background-image: linear-gradient(left, rgb(64, 64, 65) 0%, rgb(47, 45, 46) 15%, rgb(39, 35, 36) 25%, rgb(35, 31, 32) 50%, rgb(39, 35, 36) 75%, rgb(47, 45, 46) 85%, rgb(64, 64, 65) 100%);
    background-image: -o-linear-gradient(left, rgb(64, 64, 65) 0%, rgb(47, 45, 46) 15%, rgb(39, 35, 36) 25%, rgb(35, 31, 32) 50%, rgb(39, 35, 36) 75%, rgb(47, 45, 46) 85%, rgb(64, 64, 65) 100%);
    background-image: -moz-linear-gradient(left, rgb(64, 64, 65) 0%, rgb(47, 45, 46) 15%, rgb(39, 35, 36) 25%, rgb(35, 31, 32) 50%, rgb(39, 35, 36) 75%, rgb(47, 45, 46) 85%, rgb(64, 64, 65) 100%);
    background-image: -webkit-linear-gradient(left, rgb(64, 64, 65) 0%, rgb(47, 45, 46) 15%, rgb(39, 35, 36) 25%, rgb(35, 31, 32) 50%, rgb(39, 35, 36) 75%, rgb(47, 45, 46) 85%, rgb(64, 64, 65) 100%);
    background-image: -ms-linear-gradient(left, rgb(64, 64, 65) 0%, rgb(47, 45, 46) 15%, rgb(39, 35, 36) 25%, rgb(35, 31, 32) 50%, rgb(39, 35, 36) 75%, rgb(47, 45, 46) 85%, rgb(64, 64, 65) 100%);

    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(64, 64, 65)), color-stop(0.15, rgb(47, 45, 46)), color-stop(0.25, rgb(39, 35, 36)), color-stop(0.5, rgb(35, 31, 32)), color-stop(0.75, rgb(39, 35, 36)), color-stop(0.85, rgb(47, 45, 46)), color-stop(1, rgb(64, 64, 65)));
    border-top: 1px solid #151618;
    border-bottom: 1px solid #58595b;
}

header .logo img {
    width: 180px;
    height: auto;
}

header .row {
    padding: 5px 0 3px;
}

header ul {
    margin: 8px 0 0;
    text-align: right;
}

header ul > li {
    float: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    border-left: 1px solid #575757;
    line-height: 14px;
    color: #fff;
}

header ul > li:last-child {
    background: none;
}

header ul > li > a {
    color: #fff;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 4px;
    padding: 0px 8px;
    display: inline-block;
}

header ul > li:first-child,
header ul > li.signin {
    border: 0;
}

header ul > li > a:hover {
    background-color: transparent;
    color: #929ea5;
    text-decoration: none;
}

header .span6 .pull-right a.notifications,
header .span6 .pull-right a.avatar,
header .span6 .pull-right span.username,
header .span6 .pull-right div.settings {
    margin: 0 0 0 15px;
    padding: 0;
    float: left;
}

header .span6 .pull-right span.username,
header .span6 .pull-right div.settings {
    margin: 0 0 0 5px;
}

header .span6 .pull-right span.username {
    font: 300 13px/18px 'Open Sans', sans-serif;
}

header .notifications {
    position: relative;
}

header .notifications .badge {
    position: absolute;
    top: -4px;
    left: 19px;
}

header .avatar img {
    width: 38px;
    height: 38px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #32495e;
}

header .username small {
    display: block;
    color: #0091c6;
}

header .popover-content {
    padding: 10px 10px;
}

header .popover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
}

header .popover .media {
    min-width: 250px;
    top: 100%;
    left: inherit;
    right: 0;
    padding: 0;
    margin: 0;
}

header .popover .media .media-object {
    width: 64px;
    margin-top: 1px;
    border: 0;
}

header .popover .media > .pull-left {
    margin-right: 10px;
    margin-bottom: 8px;
}

header .popover .media .media-body {
    width: 160px;
}

header .popover .media .media-body h4 {
    margin-top: 6px;
    margin-bottom: 6px;
}

header .popover .media .media-body p {
    margin-bottom: 6px;
    font-size: 12px;
}

header .popover .media .media-body p a {
    display: block;
    margin-top: 12px;
}

header .popover .media .dropdown-menu-footer {
    border-top: 1px solid #ccc;
    clear: both;
    padding: 5px 0 0;
}

header .popover .media .dropdown-menu-footer a {
    font: 300 12px/12px 'Open sans', Arial, serif;
    color: #3498DB;
}

header .popover .media .dropdown-menu-footer a:hover,
header .popover .media .dropdown-menu-footer a:focus {
    color: #5FAEE3;
    text-decoration: none;
}

header .popover .media .dropdown-menu-footer .pull-right {
    margin-top: 4px;
}

/* nav */

nav {
    background-image: linear-gradient(left, rgb(34, 30, 31) 0%, rgb(21, 18, 19) 5%, rgb(4, 3, 4) 25%, rgb(0, 0, 0) 50%, rgb(4, 3, 4) 75%, rgb(21, 18, 19) 95%, rgb(34, 30, 31) 100%);
    background-image: -o-linear-gradient(left, rgb(34, 30, 31) 0%, rgb(21, 18, 19) 5%, rgb(4, 3, 4) 25%, rgb(0, 0, 0) 50%, rgb(4, 3, 4) 75%, rgb(21, 18, 19) 95%, rgb(34, 30, 31) 100%);
    background-image: -moz-linear-gradient(left, rgb(34, 30, 31) 0%, rgb(21, 18, 19) 5%, rgb(4, 3, 4) 25%, rgb(0, 0, 0) 50%, rgb(4, 3, 4) 75%, rgb(21, 18, 19) 95%, rgb(34, 30, 31) 100%);
    background-image: -webkit-linear-gradient(left, rgb(34, 30, 31) 0%, rgb(21, 18, 19) 5%, rgb(4, 3, 4) 25%, rgb(0, 0, 0) 50%, rgb(4, 3, 4) 75%, rgb(21, 18, 19) 95%, rgb(34, 30, 31) 100%);
    background-image: -ms-linear-gradient(left, rgb(34, 30, 31) 0%, rgb(21, 18, 19) 5%, rgb(4, 3, 4) 25%, rgb(0, 0, 0) 50%, rgb(4, 3, 4) 75%, rgb(21, 18, 19) 95%, rgb(34, 30, 31) 100%);

    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(34, 30, 31)), color-stop(0.05, rgb(21, 18, 19)), color-stop(0.25, rgb(4, 3, 4)), color-stop(0.5, rgb(0, 0, 0)), color-stop(0.75, rgb(4, 3, 4)), color-stop(0.95, rgb(21, 18, 19)), color-stop(1, rgb(34, 30, 31)));
    border-bottom: 1px solid #fff;
}

nav .container {
    /* width: 100%; */
}

nav .row {
    margin-left: 0;
}

nav .span12 {
    width: 100%;
    margin-left: 0;
}

nav .nav-pills {
    margin: 0 0 -2px;
    /*text-align: center;*/
}

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

nav .nav-pills > li:last-child {
    background: none;
}

nav .nav-pills > li > a {
    font: 14px/14px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    color: #BDBFC1;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}

nav .nav-pills > li:first-child > a {
    padding-left: 0;
}

nav .nav-pills > li > a:hover,
nav .nav-pills > li > a:focus {
    background-color: transparent;
    color: #2383c6;
    text-decoration: none;
}

nav .nav-pills > .active > a,
nav .nav-pills > .active > a:hover,
nav .nav-pills > .active > a:focus {
    background-color: transparent;
    color: #2383c6;
}

/* Heading */

.heading {
    background: #fff;
}

.heading h2 {
    color: #A5A5A5;

}

/* Slider Promo */

.slider-promo {
    height: 460px;
}

.slider-promo .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.slider-promo .row {
    padding-top: 0;
    padding-bottom: 0;
}

.slider-promo .item.first {
    background-color: #25DCE8;
}

.slider-promo .item.second {
    background-color: #32434D;
}

.slider-promo .item.third {
    background-color: #E6E6E6;
}

.slider-promo .heading {
    background: transparent;
}

.slider-promo h1 {
    font: 300 64px/64px 'Open Sans', Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin: 60px 0 20px;
    font-weight: bold;
}

.slider-promo h2 {
    font: 300 40px/40px 'Open Sans', Arial, sans-serif;
    color: #fff;
    margin: 0 0 60px;
}

.slider-promo .first h1,
.slider-promo .first h2,
.slider-promo .third h1,
.slider-promo .third h2 {
    color: #414141;
}

.slider-promo .item .btn-primary {
    background-image: none;
    background: #D82380;
    border: none;
    font-size: 30px;
    font-weight: 300;
    text-transform: none;
    color: #fff;
    transition: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-shadow: none;
    box-shadow: none;
    vertical-align: inherit;
    padding: 20px 25px;
    margin-right: 10px;
}

.slider-promo .item .btn-primary:hover,
.slider-promo .item .btn-primary:focus {
    background: #E24C99;
    color: #fff;
    outline: 0;
}

/* Content */

.content p {
    font-size: 15px;
    line-height: 24px;
}

section .row {
    padding-top: 20px;
    padding-bottom: 20px;
}

.page-name .span12 {
    border-bottom: 1px dotted #516073;
    padding: 20px 0 10px;
}

.map {
    padding: 4px;
    border: 1px dotted #516073;
}

ul a,
.meta a,
.pagination a {
    color: #575757;
}

ul a:hover,
.meta a:hover,
.pagination a:hover {
    color: #0094CA;
}

.label {
    background: #0094CA;
    color: #fff;
    text-shadow: none;
    font-weight: normal;
}

.content {
    /*
    background: #F7F7F6;
    background-image: linear-gradient(left , rgb(206,234,255) 0%, rgb(206,234,255) 5%, rgb(235,246,255) 25%, rgb(255,255,255) 50%, rgb(235,246,255) 75%, rgb(206,234,255) 95%, rgb(206,234,255) 100%);
    background-image: -o-linear-gradient(left , rgb(206,234,255) 0%, rgb(206,234,255) 5%, rgb(235,246,255) 25%, rgb(255,255,255) 50%, rgb(235,246,255) 75%, rgb(206,234,255) 95%, rgb(206,234,255) 100%);
    background-image: -moz-linear-gradient(left , rgb(206,234,255) 0%, rgb(206,234,255) 5%, rgb(235,246,255) 25%, rgb(255,255,255) 50%, rgb(235,246,255) 75%, rgb(206,234,255) 95%, rgb(206,234,255) 100%);
    background-image: -webkit-linear-gradient(left , rgb(206,234,255) 0%, rgb(206,234,255) 5%, rgb(235,246,255) 25%, rgb(255,255,255) 50%, rgb(235,246,255) 75%, rgb(206,234,255) 95%, rgb(206,234,255) 100%);
    background-image: -ms-linear-gradient(left , rgb(206,234,255) 0%, rgb(206,234,255) 5%, rgb(235,246,255) 25%, rgb(255,255,255) 50%, rgb(235,246,255) 75%, rgb(206,234,255) 95%, rgb(206,234,255) 100%);
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, rgb(206,234,255)),
        color-stop(0.05, rgb(206,234,255)),
        color-stop(0.25, rgb(235,246,255)),
        color-stop(0.5, rgb(255,255,255)),
        color-stop(0.75, rgb(235,246,255)),
        color-stop(0.95, rgb(206,234,255)),
        color-stop(1, rgb(206,234,255))
    );
    */
    min-height: 200px;
}

.content .templates-list {
    padding-bottom: 30px;
}

.content .custom-design {
    padding-top: 0;
}

.content .custom-design .span12 {
    position: relative;
    background: #E0F5FB;
    border: 1px solid #C1E7F3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.content .custom-design a {
    width: 220px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: linear-gradient(bottom, rgb(40, 220, 4) 5%, rgb(32, 189, 1) 53%);
    background-image: -o-linear-gradient(bottom, rgb(40, 220, 4) 5%, rgb(32, 189, 1) 53%);
    background-image: -moz-linear-gradient(bottom, rgb(40, 220, 4) 5%, rgb(32, 189, 1) 53%);
    background-image: -webkit-linear-gradient(bottom, rgb(40, 220, 4) 5%, rgb(32, 189, 1) 53%);
    background-image: -ms-linear-gradient(bottom, rgb(40, 220, 4) 5%, rgb(32, 189, 1) 53%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgb(40, 220, 4)), color-stop(0.53, rgb(32, 189, 1)));
    border: 0;
    color: #fff;
    text-transform: uppercase;
    transition: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.content .custom-design a:hover {
    background-position: 0 0;
    background-image: linear-gradient(bottom, rgb(38, 209, 4) 5%, rgb(29, 168, 1) 53%);
    background-image: -o-linear-gradient(bottom, rgb(38, 209, 4) 5%, rgb(29, 168, 1) 53%);
    background-image: -moz-linear-gradient(bottom, rgb(38, 209, 4) 5%, rgb(29, 168, 1) 53%);
    background-image: -webkit-linear-gradient(bottom, rgb(38, 209, 4) 5%, rgb(29, 168, 1) 53%);
    background-image: -ms-linear-gradient(bottom, rgb(38, 209, 4) 5%, rgb(29, 168, 1) 53%);

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgb(38, 209, 4)), color-stop(0.53, rgb(29, 168, 1)));
}

.content .custom-design p {
    font: 24px/64px 'Open Sans', Arial, sans-serif;
    margin: 0 20px;
}

.content .thumbnails {
    margin-left: 0;
    margin-bottom: 0;
}

/* Slider Promo */

section.heading-one,
section.heading-two {
    background-image: linear-gradient(left, rgb(27, 118, 187) 0%, rgb(27, 123, 191) 5%, rgb(29, 139, 203) 25%, rgb(38, 168, 224) 50%, rgb(29, 139, 203) 75%, rgb(27, 123, 191) 95%, rgb(27, 118, 187) 100%);
    background-image: -o-linear-gradient(left, rgb(27, 118, 187) 0%, rgb(27, 123, 191) 5%, rgb(29, 139, 203) 25%, rgb(38, 168, 224) 50%, rgb(29, 139, 203) 75%, rgb(27, 123, 191) 95%, rgb(27, 118, 187) 100%);
    background-image: -moz-linear-gradient(left, rgb(27, 118, 187) 0%, rgb(27, 123, 191) 5%, rgb(29, 139, 203) 25%, rgb(38, 168, 224) 50%, rgb(29, 139, 203) 75%, rgb(27, 123, 191) 95%, rgb(27, 118, 187) 100%);
    background-image: -webkit-linear-gradient(left, rgb(27, 118, 187) 0%, rgb(27, 123, 191) 5%, rgb(29, 139, 203) 25%, rgb(38, 168, 224) 50%, rgb(29, 139, 203) 75%, rgb(27, 123, 191) 95%, rgb(27, 118, 187) 100%);
    background-image: -ms-linear-gradient(left, rgb(27, 118, 187) 0%, rgb(27, 123, 191) 5%, rgb(29, 139, 203) 25%, rgb(38, 168, 224) 50%, rgb(29, 139, 203) 75%, rgb(27, 123, 191) 95%, rgb(27, 118, 187) 100%);

    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(27, 118, 187)), color-stop(0.05, rgb(27, 123, 191)), color-stop(0.25, rgb(29, 139, 203)), color-stop(0.5, rgb(38, 168, 224)), color-stop(0.75, rgb(29, 139, 203)), color-stop(0.95, rgb(27, 123, 191)), color-stop(1, rgb(27, 118, 187)));
    color: #fff;
    border-top: 1px solid #1d8bcb;
    border-bottom: 1px solid #1b76bb;
    text-align: left;
}

section.heading-one .row {
    padding-top: 10px;
    padding-bottom: 10px;
}

section.heading-two .row {
    padding-top: 10px;
    padding-bottom: 10px;
}

section.heading-one h2,
section.heading-two h2 {
    font: 300 32px/32px 'Open Sans', Arial, sans-serif;
    margin: 0 0 3px;
    color: #fff;
    float: left;
    width: 56%;
}

section.heading-two h2 {
    width: 80%;
}

section.heading-one h3 {
    font: 300 14px/18px 'Open Sans', Arial, sans-serif;
    margin: 1px 0 0;
    color: #fff;
    float: right;
    width: 42%;
    text-align: right;
}

section.heading-two .btn-primary {
    background-image: none;
    background: #D82380;
    border: none;
    font-size: 24px;
    font-weight: 300;
    text-transform: none;
    color: #fff;
    transition: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    box-shadow: none;
    vertical-align: inherit;
    padding: 10px 15px;
    margin-right: 0;
}

section.heading-two .btn-primary:hover,
section.heading-two .btn-primary:focus {
    background: #E24C99;
    color: #fff;
    outline: 0;
}

.slider-promo .start {
}

.slider-promo .start span {
    font: 300 26px/26px 'Open Sans', Arial, sans-serif;
    vertical-align: top;
    margin-top: 14px;
    display: inline-block;
}

/* Emphesised */

.emphesised {
    text-align: center;
    border-top: 1px solid #C1E7F3;
    border-bottom: 1px solid #C1E7F3;
    background: #fff;
}

.emphesised .row {
    padding-top: 30px;
    padding-bottom: 30px;
}

.emphesised p {
    margin-bottom: 0;
    color: #075e8e;
    font: 300 14px/20px 'Open Sans', Arial, sans-serif;
}

/* Thumbnail */

.carousel .thumbnail {
    background: transparent;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.carousel .thumbnail a {
    background: #fff;
    padding: 10px;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    padding: 10px;
    display: block;
}

.carousel .thumbnail .caption h4 {
    font: 400 14px/12px 'Open Sans', Arial, sans-serif;
    display: inline-block;
}

.carousel .thumbnail .caption p {
    margin-bottom: 0;
}

.carousel .thumbnail .caption .btn {
    background: #D82380;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    transition: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
    padding: 4px 12px;
    display: inline;
}

.carousel .thumbnail .caption .btn:hover {
    background-color: #E24C99;
    background-image: none;
    color: #fff;
}

.carousel .thumbnail .caption .btn-primary {
    background: #2383C6;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    transition: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
    padding: 4px 12px;
}

.carousel .thumbnail .caption .btn-primary:hover {
    background-color: #3F9CDD;
    background-image: none;
    color: #fff;
}

/* Carousel */

.carousel {
    position: relative;
    margin-bottom: 0;
    line-height: 1;
}

#bannerSlider {
    height: 460px;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner {
    margin-bottom: 20px;
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 2s ease-in-out left;
    -moz-transition: 2s ease-in-out left;
    -o-transition: 2s ease-in-out left;
    transition: 2s ease-in-out left;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 37%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.carousel-control.right {
    right: 15px;
    left: auto;
}

.carousel-control:hover,
.carousel-control:focus {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.carousel-control {
    left: -20px;
}

.carousel-control.right {
    left: auto;
    right: -25px;
}

.carousel-indicators {
    position: absolute;
    top: auto;
    bottom: 30px;
    right: 20px;
    z-index: 5;
    margin: 0;
    list-style: none;
}

.carousel-indicators li {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #2C9EFF;
    background-color: rgba(44, 158, 255, 0.3);
    border-radius: 3px;
}

.carousel-indicators .active {
    background-color: #2C9EFF;
}

.carousel-indicators {
    top: auto;
    bottom: 25px;
    right: 46%;
}

/* Accordion */

#features .accordion-group {
    border: 1px solid #C1E7F3;
    border-radius: 4px;
    margin-bottom: 4px;
}

#features .accordion-group .accordion-toggle {
    padding: 0 10px;
    text-decoration: none;
}

#features .accordion-group .accordion-toggle span {
    background: url("../img/sprite.png") no-repeat scroll 0 0 transparent;
    width: 92px;
    height: 82px;
    display: inline-block;
    line-height: 82px;
    margin-top: 1px;
    vertical-align: bottom;
}

#features .accordion-group:nth-child(1) .accordion-toggle span {
    background-position: -22px -283px;
}

#features .accordion-group:nth-child(2) .accordion-toggle span {
    background-position: -124px -289px;
}

#features .accordion-group:nth-child(3) .accordion-toggle span {
    background-position: -16px -361px;
}

#features .accordion-group:nth-child(4) .accordion-toggle span {
    background-position: -123px -368px;
}

#features .accordion-group:nth-child(5) .accordion-toggle span {
    background-position: -16px -448px;
}

#features .accordion-group:nth-child(6) .accordion-toggle span {
    background-position: -124px -446px;
}

#features .accordion-group .accordion-toggle h4 {
    font: 400 26px/82px 'Open Sans', Arial, sans-serif;
    margin: 0 400px;
    color: #575757;
    text-decoration: none;
}

#features .accordion-group .accordion-toggle h4 a:hover {
    color: #FFA436;
    text-decoration: none;
}

#features .accordion-body {
    background: #fff;
}

#features .accordion-inner {
    border-top: 1px solid #C1E7F3;
}

#features .accordion-inner.media {
    padding: 15px;
}

#features .accordion-inner.media img {
    border: 10px solid #C1E7F3;
}

/* Pricing */

.pricing .table-bordered {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #C1E7F3 #C1E7F3 #F7F7F6 #F7F7F6;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
}

.pricing .table th,
.pricing .table td {
    text-align: center;
    border-top: 1px solid #C1E7F3;
    border-left: 1px solid #C1E7F3;
}

.pricing .table thead th {
    font: 300 30px/44px 'Open Sans', Arial, sans-serif;
    background: #E8F5FF;
}

.pricing .table tbody th {
    font: 400 16px/44px 'Open Sans', Arial, sans-serif;
}

.pricing .table tbody td {
    font: 300 20px/44px 'Open Sans', Arial, sans-serif;
    background: #fff;
}

.pricing .table tbody td span {
    font: 400 italic 12px/44px 'Open Sans', Arial, sans-serif;
}

.pricing .table thead th.best {
    background: #CEEAFF;
}

.pricing .table tbody td.best {
    background: #E8F5FF;
}

.pricing .table tbody tr:last-child td {
    border-bottom: 1px solid #C1E7F3;
}

.pricing .table .icon-thumbs-up {
    color: #575757;
    font-size: 27px;
}

.pricing .table .icon-ok-sign {
    color: #D82380;
    font-size: 27px;
}

.pricing .table .icon-remove-sign {
    color: #CEEAFF;
    font-size: 27px;
}

/* Tabbable */

.tabbable {
    background-color: #fff;
    border-radius: 3px;
    /* border: 1px solid #C1E7F3; */
}

.tabbable.tabs-left > .nav-tabs {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 35px;
}

.tabbable .tabs-left > .nav-tabs:hover {
    border-right: 0px solid #fff;
}

.tabbable .nav-tabs > li {
    margin-bottom: 0px;
}

.tabbable .nav-tabs > li > a {
    font: 300 16px/16px 'Open Sans', Arial, sans-serif;
    border: 1px solid;
    border-color: #fff #fff #CEEAFF #fff;
    border-radius: 0;
    background-color: #fff;
    margin: 0;
}

.tabbable .nav-tabs > li > a:hover {
    border: 1px solid;
    border-color: #fff #fff #CEEAFF #fff;
    background-color: none;
    text-decoration: none;
    margin: 0;
    color: #4DB3FF;
}

.tabbable .nav-tabs > .active > a {
    border: 1px solid;
    border-color: #fff #fff #CEEAFF #fff;
    background-color: #fff;
    color: #4DB3FF;
}

.tabbable .nav-tabs > .active > a:hover,
.tabbable .nav-tabs > .active > a:focus {
    border: 1px solid;
    border-color: #fff #EEFBFF #CEEAFF #fff;
    background-color: none;
    text-decoration: none;
    margin: 0;
}

.tabbable .tab-content h3 {
    font: 300 26px/26px 'Open Sans', Arial, sans-serif;
    margin: 20px 0;
    color: #575757;
}

/* Inverted Box */

.box-inverted {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 15px;
    background-image: -webkit-gradient(linear, left top, left top, color-stop(0, #25A7DF), color-stop(1, #1B7ABE));
    background-image: -o-linear-gradient(left top, #25A7DF 0%, #1B7ABE 100%);
    background-image: -moz-linear-gradient(left top, #25A7DF 0%, #1B7ABE 100%);
    background-image: -webkit-linear-gradient(left top, #25A7DF 0%, #1B7ABE 100%);
    background-image: -ms-linear-gradient(left top, #25A7DF 0%, #1B7ABE 100%);
    background-image: linear-gradient(to left top, #25A7DF 0%, #1B7ABE 100%);
}

.box-inverted p {
    margin: 0 0 20px;
    color: #fff;
    font: 300 18px/24px 'Open Sans', Arial, sans-serif;
}

.box-inverted p:last-chid {
    margin: 0;
}

/* Sidebar */

.sidebar h2 {
    font: 400 20px/20px 'Open Sans', Arial, sans-serif;
    border-bottom: 1px dotted #516073;
    padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.sidebar ul {
    margin: 0 0 0px 18px;
}

.sidebar a {
    color: #575757;
}

.sidebar a:hover {
    color: #0094CA;
}

.sidebar .btn {
    background: #2383C6;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    transition: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
}

.sidebar .btn:hover,
.sidebar .btn:focus {
    background-color: #3F9CDD;
    background-image: none;
    color: #fff;
}

/* Footer */

footer {
    color: #d0d2d3;
}

footer .first {
    background-image: linear-gradient(left, rgb(34, 30, 31) 0%, rgb(21, 19, 19) 5%, rgb(3, 3, 3) 25%, rgb(0, 0, 0) 50%, rgb(3, 3, 3) 75%, rgb(21, 19, 19) 95%, rgb(34, 30, 31) 100%);
    background-image: -o-linear-gradient(left, rgb(34, 30, 31) 0%, rgb(21, 19, 19) 5%, rgb(3, 3, 3) 25%, rgb(0, 0, 0) 50%, rgb(3, 3, 3) 75%, rgb(21, 19, 19) 95%, rgb(34, 30, 31) 100%);
    background-image: -moz-linear-gradient(left, rgb(34, 30, 31) 0%, rgb(21, 19, 19) 5%, rgb(3, 3, 3) 25%, rgb(0, 0, 0) 50%, rgb(3, 3, 3) 75%, rgb(21, 19, 19) 95%, rgb(34, 30, 31) 100%);
    background-image: -webkit-linear-gradient(left, rgb(34, 30, 31) 0%, rgb(21, 19, 19) 5%, rgb(3, 3, 3) 25%, rgb(0, 0, 0) 50%, rgb(3, 3, 3) 75%, rgb(21, 19, 19) 95%, rgb(34, 30, 31) 100%);
    background-image: -ms-linear-gradient(left, rgb(34, 30, 31) 0%, rgb(21, 19, 19) 5%, rgb(3, 3, 3) 25%, rgb(0, 0, 0) 50%, rgb(3, 3, 3) 75%, rgb(21, 19, 19) 95%, rgb(34, 30, 31) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(34, 30, 31)), color-stop(0.05, rgb(21, 19, 19)), color-stop(0.25, rgb(3, 3, 3)), color-stop(0.5, rgb(0, 0, 0)), color-stop(0.75, rgb(3, 3, 3)), color-stop(0.95, rgb(21, 19, 19)), color-stop(1, rgb(34, 30, 31)));
}

footer .second {
    background-image: linear-gradient(left, rgb(57, 54, 55) 0%, rgb(43, 42, 43) 5%, rgb(29, 29, 29) 25%, rgb(27, 27, 27) 50%, rgb(29, 29, 29) 75%, rgb(43, 42, 43) 95%, rgb(57, 54, 55) 100%);
    background-image: -o-linear-gradient(left, rgb(57, 54, 55) 0%, rgb(43, 42, 43) 5%, rgb(29, 29, 29) 25%, rgb(27, 27, 27) 50%, rgb(29, 29, 29) 75%, rgb(43, 42, 43) 95%, rgb(57, 54, 55) 100%);
    background-image: -moz-linear-gradient(left, rgb(57, 54, 55) 0%, rgb(43, 42, 43) 5%, rgb(29, 29, 29) 25%, rgb(27, 27, 27) 50%, rgb(29, 29, 29) 75%, rgb(43, 42, 43) 95%, rgb(57, 54, 55) 100%);
    background-image: -webkit-linear-gradient(left, rgb(57, 54, 55) 0%, rgb(43, 42, 43) 5%, rgb(29, 29, 29) 25%, rgb(27, 27, 27) 50%, rgb(29, 29, 29) 75%, rgb(43, 42, 43) 95%, rgb(57, 54, 55) 100%);
    background-image: -ms-linear-gradient(left, rgb(57, 54, 55) 0%, rgb(43, 42, 43) 5%, rgb(29, 29, 29) 25%, rgb(27, 27, 27) 50%, rgb(29, 29, 29) 75%, rgb(43, 42, 43) 95%, rgb(57, 54, 55) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(57, 54, 55)), color-stop(0.05, rgb(43, 42, 43)), color-stop(0.25, rgb(29, 29, 29)), color-stop(0.5, rgb(27, 27, 27)), color-stop(0.75, rgb(29, 29, 29)), color-stop(0.95, rgb(43, 42, 43)), color-stop(1, rgb(57, 54, 55)));
}

footer .container {
}

footer .row {
    padding-top: 0px;
    padding-bottom: 20px;
}

footer .row:first-child {
    padding-top: 20px;
    padding-bottom: 0px;
}

footer .row:last-child {
    padding-top: 0px;
    padding-bottom: 20px;
}

footer .first .row {
    background: url(../img/footer-logo.png) no-repeat 0 -20px;
}

footer .second .row {
    padding-top: 10px;
    padding-bottom: 10px;
}

footer .second p {
    margin-bottom: 0px;
    text-align: center;
}

footer a {
    color: #575757;
}

footer h4 {
    color: #1b75bb;
    font-weight: 300;
    margin: 40px 0;
}

footer ul {
    margin: 0px 0 0;
    text-align: left;
}

footer ul > li {
    float: none;
    display: block;
}

footer ul > li:last-child {
    background: none;
}

footer ul > li > a {
    color: #d0d2d3;
    margin-right: 8px;
    margin-bottom: 8px;
    padding-left: 1px;
    padding-right: 1px;
    display: block;
    line-height: 16px;
}

footer ul > li > a:hover {
    background-color: transparent;
    color: #2C9EFF;
    text-decoration: none;
}

footer .social {
    margin-bottom: 10px;
}

footer .social a {
    padding: 0;
    line-height: 32px;
}

footer .social li {
    padding: 0;
    margin: 0;
}

footer .shadow {
    height: 80px;
    width: 100%;
    background: #fff;
    opacity: 0.1;
    position: absolute;
}

/* Icons */

[class^="mss-icon-"], [class*=" mss-icon-"] {
    display: inline-block;
    width: 32px;
    height: 32px;
    *margin-right: .3em;
    line-height: 32px;
    vertical-align: text-top;
    background-image: url("../img/sprite.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.mss-icon-facebook {
    background-position: -10px -9px;
}

.mss-icon-facebook:hover {
    background-position: -10px -59px;
}

.mss-icon-twitter {
    background-position: -60px -9px;
}

.mss-icon-twitter:hover {
    background-position: -60px -59px;
}

.mss-icon-googleplus {
    background-position: -110px -9px;
}

.mss-icon-googleplus:hover {
    background-position: -110px -59px;
}

.carousel-control.left,
.carousel-control.right {
    background: none;
    background-image: url("../img/prev-next.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 170px;
    line-height: 170px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 35px;
}

.carousel-control.left {
    background-position: 0 0;
}

.carousel-control.right {
    background-position: -45px 0px;
}

/* Buttons */

.button-primary a {
    width: 220px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: linear-gradient(bottom, rgb(40, 220, 4) 5%, rgb(32, 189, 1) 53%);
    background-image: -o-linear-gradient(bottom, rgb(40, 220, 4) 5%, rgb(32, 189, 1) 53%);
    background-image: -moz-linear-gradient(bottom, rgb(40, 220, 4) 5%, rgb(32, 189, 1) 53%);
    background-image: -webkit-linear-gradient(bottom, rgb(40, 220, 4) 5%, rgb(32, 189, 1) 53%);
    background-image: -ms-linear-gradient(bottom, rgb(40, 220, 4) 5%, rgb(32, 189, 1) 53%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgb(40, 220, 4)), color-stop(0.53, rgb(32, 189, 1)));
    border: 0;
    color: #fff;
    text-transform: uppercase;
    transition: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.button-primary a:hover {
    background-position: 0 0;
    background-image: linear-gradient(bottom, rgb(38, 209, 4) 5%, rgb(29, 168, 1) 53%);
    background-image: -o-linear-gradient(bottom, rgb(38, 209, 4) 5%, rgb(29, 168, 1) 53%);
    background-image: -moz-linear-gradient(bottom, rgb(38, 209, 4) 5%, rgb(29, 168, 1) 53%);
    background-image: -webkit-linear-gradient(bottom, rgb(38, 209, 4) 5%, rgb(29, 168, 1) 53%);
    background-image: -ms-linear-gradient(bottom, rgb(38, 209, 4) 5%, rgb(29, 168, 1) 53%);

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgb(38, 209, 4)), color-stop(0.53, rgb(29, 168, 1)));
}

.heading .input-append input {
    height: 26px;
    line-height: 26px;
}

.heading .btn {
    background-image: linear-gradient(top, rgb(46, 116, 238) 20%, rgb(28, 93, 198) 80%);
    background-image: -o-linear-gradient(top, rgb(46, 116, 238) 20%, rgb(28, 93, 198) 80%);
    background-image: -moz-linear-gradient(top, rgb(46, 116, 238) 20%, rgb(28, 93, 198) 80%);
    background-image: -webkit-linear-gradient(top, rgb(46, 116, 238) 20%, rgb(28, 93, 198) 80%);
    background-image: -ms-linear-gradient(top, rgb(46, 116, 238) 20%, rgb(28, 93, 198) 80%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, rgb(46, 116, 238)), color-stop(0.8, rgb(28, 93, 198)));
    border: 0;
    color: #fff;
    text-transform: uppercase;
    transition: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: none;
    font-size: 17.5px;
    padding: 8px 19px;
}

.heading .btn:hover {
    background-image: linear-gradient(bottom, rgb(41, 113, 228) 20%, rgb(18, 75, 166) 80%);
    background-image: -o-linear-gradient(top, rgb(41, 113, 228) 20%, rgb(18, 75, 166) 80%);
    background-image: -moz-linear-gradient(top, rgb(41, 113, 228) 20%, rgb(18, 75, 166) 80%);
    background-image: -webkit-linear-gradient(top, rgb(41, 113, 228) 20%, rgb(18, 75, 166) 80%);
    background-image: -ms-linear-gradient(top, rgb(41, 113, 228) 20%, rgb(18, 75, 166) 80%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, rgb(41, 113, 228)), color-stop(0.8, rgb(18, 75, 166)));
    background-position: 0 0;
}

header .signin a {
    background-image: none;
    background: #D82380;
    border: none;
    background: #D82380;
    color: #fff;
    outline: 0;
    margin-left: 10px;
}

header .signin a:hover,
header .signin a:focus {
    background: #E24C99;
    color: #fff;
    outline: 0;
}

table .btn {
    background-image: none;
    background: #D82380;
    border: none;
    font-size: 24px;
    font-weight: 300;
    text-transform: none;
    color: #fff;
    transition: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    box-shadow: none;
    vertical-align: inherit;
    padding: 10px 15px;
    margin-right: 0;
}

table .btn:hover,
table .btn:focus {
    background: #E24C99;
    color: #fff;
    outline: 0;
}

/* Media queries */

@media (min-width: 1200px) {

    .slider-promo .start span {
        font: 300 28px/28px 'Open Sans', Arial, sans-serif;
        display: inline-block;
        margin-top: 14px;
        vertical-align: top;
    }

    section.heading-one h2 {
        font: 300 35px/35px 'Open Sans', Arial, sans-serif;
        margin: 0 0 4px;
        color: #fff;
        float: left;
        width: 61%;
    }

    section.heading-one h3 {
        font: 300 16px/20px 'Open Sans', Arial, sans-serif;
        margin: 0;
        color: #fff;
        float: right;
        width: 39%;
    }

    section.heading-two h2 {
        font: 300 35px/35px 'Open Sans', Arial, sans-serif;
        margin: 7px;
    }

    section.heading-two .btn-primary {
        padding: 15px 20px;
    }

    .carousel-inner > .item > .heading h1 {
        font: 300 50px/50px 'Open Sans', Arial, sans-serif;
        text-transform: uppercase;
        color: #000;
        margin: 40px 0 20px;
    }

    .carousel-inner > .item > .heading h2 {
        font: 300 35px/35px 'Open Sans', Arial, sans-serif;
        color: #000;
        margin: 0 0 50px;
    }

    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        margin: 0px 20px 0px 7%;
    }

    #features .accordion-group .accordion-toggle h4 {
        margin: 0 290px;
    }

}

@media (max-width: 979px) {

    .slider-promo .start span {
        font: 300 28px/28px 'Open Sans', Arial, sans-serif;
        display: inline-block;
        margin-top: 14px;
        vertical-align: top;
    }

    .carousel-inner > .item > img {
        width: 50%;
    }

    .carousel-inner > .item > .heading h1 {
        font: 30px/30px 'Open Sans', Arial, sans-serif;
    }

    .carousel-inner > .item > .heading h2 {
        font: 18px/18px 'Open Sans', Arial, sans-serif;
        margin-bottom: 20px;
    }

    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        margin: 0px 20px 0px 3%;
    }

    #features .accordion-group .accordion-toggle h4 {
        margin: 0 180px;
    }

    #features .accordion-inner.media .pull-right {
        float: none;
        margin-left: 0px;
        margin-bottom: 20px;
        text-align: center;
    }

    .pricing .table .btn-large {
        font-size: 14.5px;
    }

    .pricing .table tbody th {
        font: 700 16px/20px 'Open Sans', Arial, sans-serif;
        padding-top: 12px;
    }

    .pricing .table tbody td {
        font: 400 20px/24px 'Open Sans', Arial, sans-serif;
        padding-top: 14px;
    }

    .pricing .table tbody td span {
        font: 400 italic 20px/24px 'Open Sans', Arial, sans-serif;
    }

}

@media (max-width: 767px) {

    body {
        padding-left: 0;
        padding-right: 0;
    }

    body .container {
        margin-left: 20px;
        margin-right: 20px;
    }

    header .row :nth-child(1) {
        text-align: center;
    }

    header .row :nth-child(2) {
        display: none;
    }

    nav .nav-pills > li {
        background: none;
    }

    nav .nav-pills > li > a {
        font: 18px/24px 'Open Sans', Arial, sans-serif;
        padding-left: 4px;
        padding-right: 4px;
    }

    .emphesised .span4:first-child {
        margin-top: 20px;
    }

    .emphesised .span4 {
        margin-bottom: 30px;
    }

    .content .custom-design a {
        left: 20px;
        position: absolute;
        right: auto;
        top: 20px;
        width: 70%;
    }

    .content .custom-design p {
        font: 24px/32px 'Open Sans', Arial, sans-serif;
        margin: 70px 20px 10px;
    }

    section.heading-one h2 {
        font: 300 25px/25px 'Open Sans', Arial, sans-serif;
        margin: 0 0 4px;
        color: #fff;
        float: left;
        width: 61%;
    }

    section.heading-one h3 {
        font: 300 16px/20px 'Open Sans', Arial, sans-serif;
        margin: 0;
        color: #fff;
        float: right;
        width: 39%;
    }

    section.heading-two h2 {
        font: 300 25px/25px 'Open Sans', Arial, sans-serif;
        margin: 7px;
    }

    .carousel-inner > .item > img {
        width: 50%;
    }

    .carousel-inner > .item > .heading h1 {
        font: 24px/24px 'Open Sans', Arial, sans-serif;
    }

    .carousel-inner > .item > .heading h2 {
        font: 16px/16px 'Open Sans', Arial, sans-serif;
        margin-bottom: 10px;
    }

    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        margin: 0px 20px 0px 1%;
    }

    .slider-promo .start span {
        font: 300 28px/28px 'Open Sans', Arial, sans-serif;
        display: inline-block;
        margin-top: 14px;
        vertical-align: top;
    }

    .heading .btn {
        font-size: 14.5px;
        padding: 5px 19px;
    }

    .tabbable .nav-tabs > li > a {
        font: 400 14px/14px 'Open Sans', Arial, sans-serif;
    }

    #features .accordion-group .accordion-toggle h4 {
        margin: 0 0px;
    }

}

@media (max-width: 480px) {

    nav .row {
        padding: 10px 0 15px;
    }

    nav .nav-pills > li {
        display: block;
    }

    nav .nav-pills > li > a {
        font: 16px/24px 'Open Sans', Arial, sans-serif;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }

}

/*   Custom CSS    */

.screen {
    width: 100%;
    height: 596px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.slider-item {
    width: 25%;
    height: 596px;
    float: left;
    position: relative;
}

.holder {
    width: 400%;
    position: relative;
}

.slider-item .thumbnail {
    background-color: white;
    margin: 5px;
}

.slider-item .thumbnail a {
    background: #fff;
    padding: 10px;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    padding: 10px;
    display: block;
}

.slider-item .thumbnail .caption h4 {
    font: 400 14px/12px 'Open Sans', Arial, sans-serif;
    display: inline-block;
}

.slider-item .thumbnail .caption p {
    margin-bottom: 0;
}

.slider-item .thumbnail .caption .btn {
    background: #D82380;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    transition: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
    padding: 4px 12px;
    display: inline;
}

.slider-item .thumbnail .caption .btn:hover {
    background-color: #E24C99;
    background-image: none;
    color: #fff;
}

.slider-item .thumbnail .caption .btn-primary {
    background: #2383C6;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    transition: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
    padding: 4px 12px;
}

.slider-item .thumbnail .caption .btn-primary:hover {
    background-color: #3F9CDD;
    background-image: none;
    color: #fff;
}

/* fix: sub-menu link issue on mobile */

.dropdown-backdrop {
    position: static;
}