/*
Blue-
$theme-color: #ffa2a2;
$theme-color1: #2335e2;
$theme-color2: #4e2aff;
*/


/*================Border color================*/

@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Dancing+Script:400,700");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i|Slabo+27px");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
body {
    background: #fff;
    margin: 0px;
    padding: 0px;
    color: #000;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 1.65714286em;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
}

.shake {
    animation: shake 800ms ease-in-out;
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(+2px, 0, 0);
    }
    30%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(+4px, 0, 0);
    }
    50% {
        transform: translate3d(-4px, 0, 0);
    }
}

#invite_text {
    margin: auto;
    font-size: 14px;
    color: #8B6767;
    font-weight: bold;
}

#invite_text1 {
    font-size: 14px;
    color: #8B6767;
    font-weight: bold;
    margin: auto;
}


.arrow * {
    display: block;
    border-width: 14px;
    position: absolute;
    border-style: solid dashed dashed dashed;
    font-size: 0;
    line-height: 0;
}

.arrow em {
    border-color: #8B6767 transparent transparent;
}

.arrow span {
    border-color: #FFF transparent transparent;
    top: -3px;
}

a {
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
    color: inherit;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.smalltext {
    color: #1b1b1b;
    margin-top: 0;
    margin-bottom: 1.1rem;
}

h1,
.h1 {
    font-size: 3.5714285714285716em;
    line-height: 1.41818182em;
}

h2,
.h2 {
    font-size: 2.857142857142857em;
    line-height: 1.375em;
}

h3,
.h3 {
    font-size: 2.2857142857142856em;
    line-height: 1.3125em;
}

h4,
.h4 {
    font-size: 1.5714285714285714em;
    line-height: 1.3636363636363635em;
}

h5,
.h5 {
    font-size: 1.2857142857142858em;
    line-height: 1.2222222222222223em;
}

h6,
.h6,
.smalltext {
    font-size: 1.1428571428571428em;
    line-height: 1.25em;
}

small {
    font-size: 0.8571428571428571em;
    line-height: 1.1666666666666667em;
}

.lead {
    font-size: 1.4285714285714286em;
    line-height: 1.3em;
}

.display-1 {
    font-size: 10.714285714285714em;
    line-height: 1.1333333333333333em;
}

.display-2 {
    font-size: 8.571428571428571em;
    line-height: 1.125em;
}

.display-3 {
    font-size: 5em;
    line-height: 1.1428571428571428em;
}

.display-4 {
    font-size: 4.285714285714286em;
    line-height: 1.1666666666666667em;
}

.z-index-10 {
    z-index: 10;
}

.z-index-9 {
    z-index: 9;
}

code {
    color: #c6264c;
    border: solid 1px #ffc2d1;
    font-weight: 600;
}

.type-fine,
.footer-link ul li a,
ul.privacy-policy li a {
    color: #969696;
    text-transform: none;
    word-wrap: break-word;
    font-weight: 400;
}

.mix-mode {
    mix-blend-mode: multiply;
}

.dark-color,
.c-dark {
    color: #1b1b1b !important;
}

.body-color {
    color: #777;
}

.color-dark,
.proces-number {
    color: #1b1b1b;
}

.lato-font,
.progress_bar p,
.progress-bar div span,
#clockdiv div>span,
#clockdiv2 div>span,
#clockdiv3 div>span,
#clockdiv4 div>span,
.fact-box h2,
.date {
    font-family: 'Lato', sans-serif;
}

.nanum-font {
    display: flex;
    letter-spacing: 20px;
    height: 50px;
    justify-content: center;
    align-items: center;
    font-family: 'Nanum Myeongjo', serif;
}

.raleway-font {
    font-family: 'Raleway', sans-serif;
}

.roboto-font,
.page-inner h2 {
    font-family: 'Roboto', sans-serif;
}

.dancing-font {
    font-family: 'Dancing Script', cursive;
}

.pacifico-font {
    font-family: 'Pacifico', serif;
}

.playfair-font {
    font-family: 'Playfair Display', serif;
}

.opensans-font {
    font-family: 'Open Sans', sans-serif;
}

.slabo-font {
    font-family: 'Slabo 27px', serif;
}

.font-italic {
    font-style: italic;
}

.page-inner {
    font-size: 16px;
    line-height: 30px;
}

.page-inner h2 {
    font-weight: 300;
    word-wrap: break-word;
}

.opacity-70 {
    opacity: 0.70;
}

.opacity-60 {
    opacity: 0.60;
}

.opacity-80 {
    opacity: 0.80;
}

.opacity-50 {
    opacity: 0.50;
}

.opacity-40 {
    opacity: 0.40;
}

.opacity-30 {
    opacity: 0.30;
}

.opacity-20 {
    opacity: 0.20;
}

.light {
    color: #d0d0d0 !important;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.letter-spacing-2 {
    letter-spacing: 2px;
}

.letter-spacing-3 {
    letter-spacing: 3px;
}

.letter-spacing-4 {
    letter-spacing: 4px;
}

.letter-spacing-5 {
    letter-spacing: 5px;
}

.letter-spacing-6 {
    letter-spacing: 6px;
}

.letter-spacing-7 {
    letter-spacing: 7px;
}

.letter-spacing-8 {
    letter-spacing: 8px;
}

.letter-spacing-9 {
    letter-spacing: 9px;
}

.line-height-2 {
    line-height: 2;
}

.f-weight-300 {
    font-weight: 300;
}

.f-weight-100 {
    font-weight: 100;
}

.f-weight-600 {
    font-weight: 600;
}

.f-weight-500 {
    font-weight: 500;
}

.f-weight-800 {
    font-weight: 800;
}

.f-weight-900 {
    font-weight: 900;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.tab-content {
    display: block !important;
}

.transition-move-top {
    transition: all 0.35s;
}

.transition-move-top a {
    transition: all 0.35s;
}

.transition-move-top a:hover {
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
}

.transition-move-top:hover {
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
}

.light-gold {
    color: #ad987a;
}

.line-height-1 {
    line-height: 1;
}

.theme-color {
    color: #ffa2a2 !important;
}

.theme-color1 {
    background: #FBFBFB;
}

.theme-bg {
    background-color: #ffa2a2 !important;
}

.theme-dark-bg {
    background-color: #001040 !important;
}

.theme-dark-color {
    color: #001040 !important;
}

.para,
.nav-tabs-icon .nav-link,
.nav-tab {
    color: #777;
    font-family: 'Raleway', sans-serif;
}

.transparent-border {
    border: solid 1px rgba(235, 235, 235, 0.2);
}

.link-as-text {
    color: #777;
    text-decoration: none;
}

.relative,
section {
    position: relative;
}

.form-control {
    height: 51px;
    border-radius: 0px;
    border-color: #ebebeb;
    background-color: transparent;
    background: #fff;
}

.border-light {
    border: solid 1px #ebebeb !important;
}

.border-dark {
    border: solid 1px #1b1b1b;
}

textarea.form-control {
    height: 130px;
    resize: none;
}

.form-bg {
    background-color: #fff;
    border: solid 1px rgba(37, 35, 34, 0.8);
    border-color: #ebebeb;
    padding: 2.5rem;
}

.bg-light .form-bg,
.bg-light .overlay-testimonial {
    background-color: transparent;
    border-color: #fff;
}

.bg-head {
    background: linear-gradient(to right, #ffeded, #ffd2d2);
}

.page-title h2,
.team-content span {
    font-weight: 300;
}

.bg-light .card-block,
.bg-light .form-control,
.bg-light .nav-tabs-icon .nav-link.active,
.bg-light .nav-tabs-icon .nav-link {
    background-color: #fff;
}

.bg-light .form-bg {
    background-color: #fff;
    border-color: #fff;
}

.bg-light .nav-tabs-icon .nav-link.active:after {
    border-top: 10px solid #fff;
}

.bg-dark:not(.light-bg) {
    color: #fff;
}

.bg-dark:not(.light-bg) .custom-devider {
    border-color: #fff;
}

.bg-dark:not(.light-bg).light-font,
.bg-dark:not(.light-bg) .light-font,
.bg-dark:not(.light-bg) .breadcrumb-item a {
    color: #d0d0d0 !important;
}

.bg-dark:not(.light-bg) h1,
.bg-dark:not(.light-bg) h2,
.bg-dark:not(.light-bg) h3,
.bg-dark:not(.light-bg) h4,
.bg-dark:not(.light-bg) h5,
.bg-dark:not(.light-bg) h6,
.bg-dark:not(.light-bg) i,
.bg-dark:not(.light-bg) span,
.bg-dark:not(.light-bg) p,
.bg-dark:not(.light-bg) a,
.bg-dark:not(.light-bg) .breadcrumb-item.current {
    color: #fff;
}

.bg-dark:not(.light-bg) .form-bg {
    background-color: rgba(37, 35, 34, 0.8);
    border: solid 1px rgba(37, 35, 34, 0.8);
}

.bg-dark:not(.light-bg) .form-bg.white {
    background-color: rgba(255, 255, 255, 0.7);
    border: solid 1px rgba(255, 255, 255, 0.8);
}

.bg-dark:not(.light-bg) .process-point:after,
.bg-dark:not(.light-bg) .line-counter:before {
    background-color: #fff;
}

.bg-dark:not(.light-bg) .rounded-social-icon {
    border: solid 1px #fff;
    color: #fff;
}

.bg-dark:not(.light-bg) .rounded-social-icon:hover {
    border: solid 1px #ffa2a2;
}

.bg-dark:not(.light-bg) .icon-tab3 {
    background-color: transparent;
}

.bg-dark:not(.light-bg) .team .border-style {
    border: solid 2px #fff;
    color: #fff !important;
}

.image-bg:not(.light-bg) {
    color: #fff;
}

.image-bg:not(.light-bg) .custom-devider {
    border-color: #fff;
}

.image-bg:not(.light-bg).light-font,
.image-bg:not(.light-bg) .light-font,
.image-bg:not(.light-bg) .breadcrumb-item a {
    color: #d0d0d0 !important;
}

.image-bg:not(.light-bg) h1,
.image-bg:not(.light-bg) h2,
.image-bg:not(.light-bg) h3,
.image-bg:not(.light-bg) h4,
.image-bg:not(.light-bg) h5,
.image-bg:not(.light-bg) h6,
.image-bg:not(.light-bg) i,
.image-bg:not(.light-bg) span,
.image-bg:not(.light-bg) p,
.image-bg:not(.light-bg) a,
.image-bg:not(.light-bg) div,
.image-bg:not(.light-bg) .breadcrumb-item.current {
    color: #fff;
}

.image-bg:not(.light-bg) h1.light-font,
.image-bg:not(.light-bg) h2.light-font,
.image-bg:not(.light-bg) h3.light-font,
.image-bg:not(.light-bg) h4.light-font,
.image-bg:not(.light-bg) h5.light-font,
.image-bg:not(.light-bg) h6.light-font,
.image-bg:not(.light-bg) i.light-font,
.image-bg:not(.light-bg) span.light-font,
.image-bg:not(.light-bg) p.light-font,
.image-bg:not(.light-bg) a.light-font,
.image-bg:not(.light-bg) div.light-font,
.image-bg:not(.light-bg) .breadcrumb-item.current.light-font {
    color: #d0d0d0;
}

.image-bg:not(.light-bg) .form-bg {
    background-color: rgba(37, 35, 34, 0.8);
    border: solid 1px rgba(37, 35, 34, 0.8);
}

.image-bg:not(.light-bg) .process-point:after,
.image-bg:not(.light-bg) .line-counter:before {
    background-color: #fff;
}

.image-bg:not(.light-bg) .rounded-social-icon {
    border: solid 1px #fff;
    color: #fff;
}

.image-bg:not(.light-bg) .rounded-social-icon:hover {
    border: solid 1px #ffa2a2;
}

.image-bg:not(.light-bg) .top-bar {
    color: #fff;
}

.image-bg:not(.light-bg) .top-bar a {
    color: #fff;
}

.image-bg:not(.light-bg) .process-column:after {
    border: 2px solid #fff;
}

.image-bg:not(.light-bg) .icon-tab3 {
    background-color: transparent;
}

.image-bg:not(.light-bg) .team .border-style {
    border: solid 2px #fff;
    color: #fff !important;
}

.widget-img {
    max-width: 70%;
    height: auto;
}


/* logo */

.ds-img img {
    margin: auto;
    justify-content: center;
    border: 4px solid #fff;
    border-radius: 16px;
}

nav.navbar-expand-lg {
    z-index: 1;
    color: #777;
}

nav.navbar-expand-lg .navbar-toggler-right {
    outline: none;
    cursor: pointer;
}

nav.navbar-expand-lg .navbar-toggler-right .navbar-toggler-icon {
    width: 22px;
    margin-top: 4px;
    height: 2px;
    display: block;
    background-color: #000;
}

nav.navbar-expand-lg .navbar-nav li.dropdown>.dropdown-menu {
    left: 0px;
    right: auto;
    display: block;
    opacity: 1;
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
    -webkit-transition: .5s;
    transition: .5s;
    visibility: hidden;
}

nav.navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu {
    left: 0px;
    right: auto;
}

nav.navbar-expand-lg .navbar-nav li.dropdown:hover>.dropdown-menu {
    visibility: visible;
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
}

nav.navbar-expand-lg .navbar-nav li.dropdown .k7-icon {
    height: 36px;
    width: 36px;
}

nav.navbar-expand-lg .navbar-nav li.dropdown .k7-icon i {
    line-height: 36px;
}

nav.navbar-expand-lg .navbar-nav li.dropdown:first-child .dropdown-menu {
    left: 0px;
    right: auto;
}

nav.navbar-expand-lg .navbar-nav li.dropdown:last-child .dropdown-menu {
    right: 0px;
    left: auto;
}

nav.navbar-expand-lg .navbar-nav li.dropdown:last-child .dropdown-menu .dropdown-submenu .dropdown-menu {
    left: 100%;
    right: auto;
}

nav.navbar-expand-lg .navbar-nav a.nav-link,
nav.navbar-expand-lg .navbar-nav .dropdown-menu a {
    color: #1b1b1b;
    font-size: 18px;
    padding-left: 19px;
    padding-right: 19px;
    letter-spacing: 1px;
    padding: 25px 19px;
}

nav.navbar-expand-lg .navbar-nav a.nav-link::after,
nav.navbar-expand-lg .navbar-nav .dropdown-menu a::after {
    display: none;
}

nav.navbar-expand-lg .navbar-nav .dropdown-menu a {
    font-size: 14px;
}

nav.navbar-expand-lg .navbar-nav .top-search .form-control {
    border-radius: 3px;
    height: 38px;
    border-color: #ebebeb;
    background-color: #ebebeb;
}

nav.navbar-expand-lg .navbar-nav .dropdown-menu.top-search {
    padding: 10px;
}

nav.navbar-expand-lg .navbar-nav .dropdown-menu>li {
    border-bottom: solid 1px #ebebeb;
}

nav.navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: #fff;
    border-radius: 0px;
    padding: 0px;
    margin-top: 0px;
    border: none;
    right: 0;
    left: auto;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.18);
    min-width: 200px;
}

nav.navbar-expand-lg .navbar-nav .dropdown-menu li a {
    padding: 8px 15px;
    display: block;
    letter-spacing: 1px;
    line-height: 26px;
}

nav.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-submenu {
    position: relative;
}

nav.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-submenu .dropdown-menu {
    right: 100%;
    left: auto;
}

nav.navbar-expand-lg .navbar-nav .dropdown-submenu>a::after {
    content: " ";
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    float: right;
    margin-top: 13px;
    border: solid #1b1b1b;
    border-width: 0 1px 1px 0;
    padding: 2px;
    display: block;
}

nav.navbar-expand-lg .navbar-nav .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

nav.navbar-expand-lg .navbar-nav li.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0px;
    border-radius: 0;
}

nav.navbar-expand-lg .navbar-nav .mega-dropdown-menu {
    position: static;
}

nav.navbar-expand-lg .navbar-nav .mega-dropdown-menu .mega-menu-item {
    padding: 15px 0px;
}

nav.navbar-expand-lg .navbar-nav .mega-dropdown-menu .mega-menu-item li {
    list-style: none;
}

nav.navbar-expand-lg .navbar-nav .mega-dropdown-menu .mega-menu-item li a {
    font-weight: 400;
    padding: 8px 15px;
    letter-spacing: 1px;
}

nav.navbar-expand-lg .navbar-nav .mega-dropdown-menu .mega-menu-item li a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    margin-right: 10px;
}

nav.navbar-expand-lg .navbar-nav .mega-dropdown-menu .mega-holder {
    background: url(../../dist/images/holder.jpg) center no-repeat;
    padding: 162px 0px;
    background-size: cover;
}

nav.navbar-expand-lg .navbar-nav .mega-dropdown-menu .dropdown-menu {
    width: 100%;
}

nav.navbar-expand-lg a:not(.btn-dark) {
    color: #777;
}

nav.navbar-expand-lg .menu-horizontal a {
    font-size: 12px;
    padding-left: 15px;
    color: #1b1b1b;
}

.dark .navbar-expand-lg .navbar-nav .nav-link,
.dark .navbar-expand-lg,
.dark nav.navbar-expand-lg a {
    color: #fff;
}

.dark .rounded-social-icon {
    border: solid 1px #fff;
    color: #fff;
}

.dark .top-bar {
    color: #fff;
}

.dark .top-bar a {
    color: #fff;
}

.dark .btn-outline {
    border-color: #fff !important;
    color: #fff !important;
}

.dark .btn-dark,
.dark .submit-icon {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #1b1b1b !important;
}

.dark .header-container {
    background-color: #1b1b1b;
}

.dark .header-container nav.navbar-expand-lg .navbar-toggler-right .navbar-toggler-icon {
    background-color: #fff;
}

.dark .top-bar li {
    color: #fff;
}

.rounded-social-icon {
    border: solid 1px #777;
    color: #777;
    height: 26px;
    width: 26px;
    display: block;
    text-align: center;
    vertical-align: middle;
    line-height: 26px;
}

.rounded-social-icon:hover {
    border: solid 1px #ffa2a2;
    background: #ffa2a2;
    color: #fff;
}

.headerv2 nav {
    padding: 0px;
}

.headerv2 nav.navbar-expand-lg .navbar-nav .dropdown-menu {
    margin-top: 0px;
}

.headerv2 .navbar-nav .nav-link {
    padding: 18px;
}

.headerv2 .navbar-nav .nav-link.current,
.headerv2 .navbar-nav .nav-link:hover {
    color: #fff;
    background-color: #ffa2a2;
}

.top-bar {
    font-size: 12px;
}

.top-bar i {
    padding-right: 8px;
}

.top-bar li {
    color: #1b1b1b;
}

.top-bar li a {
    color: #1b1b1b;
    font-weight: 600;
    padding-right: 10px;
}

.top-bar li:last-child a {
    padding-right: 0px;
}

.transparent .header-container {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.transparent:not(.light-bg) .navbar-expand-lg .navbar-nav .nav-link,
.transparent:not(.light-bg) .navbar-expand-lg,
.transparent:not(.light-bg) .navbar-expand-lg a {
    color: #fff;
}

.transparent:not(.light-bg) .rounded-social-icon {
    border: solid 1px #fff;
    color: #fff;
}

.transparent:not(.light-bg) .top-bar {
    color: #fff;
}

.transparent:not(.light-bg) .top-bar .submit-icon {
    color: #777;
}

.transparent:not(.light-bg) .top-bar a {
    color: #fff;
}

.transparent:not(.light-bg) .btn-outline {
    border-color: #fff;
    color: #fff;
}

.transparent:not(.light-bg) .btn-dark {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #1b1b1b !important;
}

.transparent:not(.light-bg) .top-bar li {
    color: #fff;
}

.transparent nav.navbar-expand-lg .navbar-toggler-right .navbar-toggler-icon {
    background-color: #fff;
}

.center-menu .navbar-expand-lg .navbar-nav li a {
    position: relative;
}

.center-menu .navbar-expand-lg .navbar-nav .nav-link:after {
    content: "";
    border-right: solid 1px #ebebeb;
    position: absolute;
    right: 0;
    height: 20px;
    top: 25px;
    display: block;
}

.center-menu .navbar-expand-lg .navbar-nav .nav-item:nth-last-child(2) .nav-link::after {
    display: none !important;
}

.logo-center .navbar-brand {
    position: absolute;
    left: 50%;
    margin-left: -46px;
    top: 17px !important;
}

.submit-icon {
    position: absolute;
    right: 20px;
    top: 6px;
    cursor: pointer;
}

.search-bar .form-control {
    background-color: #fff;
    height: 38px;
    border-color: #ebebeb;
    padding: 0 25px 0 15px;
    border-radius: 3px;
}

section {
    padding-top: 3.0em;
    padding-bottom: 3.0em;
}

.nav-tabs {
    border-bottom: transparent;
    display: inline-block;
}

.nav-tabs .nav-item {
    display: inline-block;
    margin-right: 3px;
}

.nav-tabs .nav-item .nav-link {
    border: 1px solid #777;
    border-radius: 2px;
    color: #777;
    padding: 2px 30px;
    font-weight: 400;
    transition: all 0.65s;
    text-transform: none;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link:focus,
.nav-tabs-icon .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link:hover {
    color: #fff;
    background-color: #ffa2a2;
    border-color: #ffa2a2;
    border-radius: 10px;
}

.tab-content.tab-content-effect {
    -webkit-animation: fadeEffect 1.5s;
    animation: fadeEffect 1.5s;
}

.background-image-maker {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-color: #ffa2a2;
}

.holder-image img {
    display: none;
}


/*    Accordion */

.accordion .card .card-block {
    padding: 1.5rem;
}

.accordion .card .card-header.collapsed:after {
    content: "\f107";
}

.accordion .card .card-header:after {
    font-family: 'FontAwesome';
    content: "\f105";
    float: right;
}

.accordion .card .card-header.theme-bg.collapsed:after,
.accordion .card .card-header.theme-bg:after {
    color: #fff;
}

.right-block {
    right: 0;
    position: absolute;
    height: 100%;
    top: 0;
    left: auto;
    float: right;
    z-index: 1;
}

.left-block {
    left: 0 !important;
    float: left !important;
    z-index: 1;
}


/*===========Buttons ==============*/

.btn-warning.focus,
.btn-warning:focus,
.btn-info.focus,
.btn-info:focus,
.btn-success.focus,
.btn-success:focus,
.btn-primary.focus,
.btn-primary:focus,
.btn-danger.focus,
.btn-danger:focus {
    box-shadow: none;
}

.btn-group--center .btn {
    margin-right: 10px;
}

.ds-btn {
    padding-top: 30px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ds-btn button {
    background-color: #F78686;
    border: none;
    border-radius: 25px;
    color: white;
    padding: 15px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.btn {
    background-color: #F78686;
    color: #fff;
    border: none;
    border-radius: 25px;
    padding: 15px 28px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.btn-xs {
    line-height: 1.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.btn-sm {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.btn-default {
    line-height: 1.8rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    font-size: 15px;
}

.btn-md {
    line-height: 1.9rem;
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 16px;
}

.btn-lg {
    line-height: 2rem;
    padding-left: 5rem;
    padding-right: 5rem;
    font-size: 18px;
}

.btn-dark {
    background-color: #1b1b1b !important;
    border-color: #1b1b1b !important;
}

.btn-primary {
    background-color: #ffa2a2;
    border-color: #ffa2a2;
    transition: all 0.35s;
}

.btn-primary.white-btn,
.btn-primary.white-btn:hover {
    background-color: #fff;
    border-color: #fff;
    color: #1b1b1b !important;
}

.btn-outline.white-btn {
    background-color: transparent !important;
    border-color: #fff;
    color: #fff;
}

.btn-outline.white-btn:hover {
    color: #fff;
}

.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    background-color: #ffa2a2;
    border-color: #ffa2a2;
    color: #fff;
    box-shadow: none;
}

.btn-warning:hover {
    color: #fff;
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-danger:hover,
.btn.b-white:hover,
.btn-outline:hover {
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
}

.btn-outline {
    background-color: transparent !important;
    border-color: #1b1b1b;
    color: #1b1b1b;
}

.btn-outline:hover {
    color: #1b1b1b;
}

.btn-link {
    color: #ffa2a2;
}

.btn-link:hover {
    color: #ffa2a2;
}

.btn-circle {
    border-radius: 50px;
}

.btn-social i {
    width: 47px;
    height: 47px;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    margin-right: 6px;
    transition: all 0.35s;
}

.btn-social i:hover {
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
}

.fb {
    background-color: #3b5999;
}

.pintrest {
    background-color: #db0000;
}

.dribble {
    background-color: #e63f8d;
}

.linkedin {
    background-color: #0077b5;
}

.tumbler {
    background-color: #34465d;
}

.vimeo {
    background-color: #1ab7ea;
}

.digg {
    background-color: #045694;
}

.behance {
    background-color: #131418;
}

.border-style {
    border: solid 2px #1b1b1b;
    background-color: transparent;
    color: #1b1b1b !important;
}

.team .border-style {
    border: solid 2px #fff;
    background-color: transparent;
    color: #fff !important;
}

.btn-link,
.btn-link:hover {
    text-decoration: underline;
}


/*===========Form-input==============*/

input[type=checkbox],
input[type=radio] {
    position: absolute;
    opacity: 0;
}

input[type=checkbox]+label,
input[type=radio]+label {
    position: relative;
    cursor: pointer;
    top: -14px;
    margin-right: 1em;
}

input[type=checkbox]+label:before,
input[type=checkbox]+label:after,
input[type=radio]+label:before,
input[type=radio]+label:after {
    position: absolute;
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    top: 0;
    left: 0;
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
    border: solid 1px #ebebeb;
    background-color: #fff;
}

input[type=checkbox]:checked+label:before,
input[type=radio]:checked+label:before {
    background-color: #024fa9;
}

input[type=checkbox]:disabled+label,
input[type=checkbox]:disabled+label:before,
input[type=radio]:disabled+label,
input[type=radio]:disabled+label:before {
    opacity: .5;
}

input[type=radio]+label:before {
    border-radius: 50%;
}

input[type=radio]:checked+label:before {
    box-shadow: inset 0 0 0 0.2em #f2f2f2;
}

input[type=checkbox]+label:before {
    border-radius: 3px;
}

input[type=checkbox]:checked+label:after {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    color: white;
    text-align: center;
    line-height: 30px;
    font-size: 22px;
}

.h150 {
    height: 220px;
}


/*            Breadcrumb    */

.breadcrumb {
    background-color: transparent;
    letter-spacing: 1.5px;
}

.breadcrumb a {
    color: #777;
}

.divider-normal {
    margin: 5px 0;
    border-top: 1px solid #1a1919;
    position: relative;
}

.divider-normal i {
    position: absolute;
    top: -5px;
}

.divider-special {
    margin: 10px 0;
    border-top: 1px solid #1a1919;
    position: relative;
}

.divider-special i {
    position: absolute;
    top: -5px;
}

.divider-default {
    margin: 30px 0;
    border-top: 1px solid #e1e1e1;
    position: relative;
}

.divider-default i {
    position: absolute;
    top: -8px;
}


/*                    Price Table                          */

.price-table li {
    line-height: 36px;
}

.price-table .card-body {
    border: solid 1px #ebebeb;
}

.price-table .suggested {
    border-top: solid 10px #ffa2a2;
    border-bottom: solid 10px #ffa2a2;
}

.price-table .top-header {
    background-color: #1b1b1b;
}

.price-table:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}

.price-table2 .card-body {
    border: solid 1px #ebebeb;
}

.price-table2 li {
    border-bottom: solid 1px #ebebeb;
}

.price-table2 small {
    font-size: 14px;
}

.price-table2 .dark-grey {
    background-color: #ebebeb;
    font-weight: 300;
}

.price-table2 .dark-grey h2 {
    font-size: 70px;
}

.price-table2 .suggested .top-header {
    background-color: #ffa2a2;
    border-color: #ffa2a2;
}

.price-table2 .suggested .top-header h6 {
    color: #fff;
}


/*===========Progress Bar==============*/

.progressbar {
    width: 100%;
    position: relative;
    background-color: #ebebeb;
}

.proggress {
    height: 3px !important;
    width: 10px;
    border-radius: 3px !important;
    background-color: #024fa9 !important;
}

.percentCount {
    text-align: right;
    margin-top: -44px;
}

.progress_bar p {
    font-size: 14px;
}

.bar2 .proggress,
.bar2 .progressbar {
    height: 20px !important;
    border-radius: 20px !important;
}


/*===========Progress Bar Circle==============*/

.progress-bar {
    position: relative;
    height: 186px;
    width: 186px;
    background-color: transparent;
    color: #1b1b1b;
}

.progress-bar div {
    position: absolute;
    height: 200px;
    width: 200px;
    border-radius: 50%;
}

.progress-bar div span {
    position: absolute;
    line-height: 175px;
    height: 192px;
    width: 192px;
    left: 4px;
    top: 4px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    font-size: 14px;
}

.progress-bar .background {
    background-color: transparent !important;
}

.progress-bar .rotate {
    clip: rect(0 100px 200px 0);
    background-color: #024fa9 !important;
}

.progress-bar .left {
    clip: rect(0 100px 200px 0);
    opacity: 1;
    background-color: transparent !important;
}

.progress-bar .right {
    clip: rect(0 100px 200px 0);
    transform: rotate(180deg);
    opacity: 0;
    background-color: #024fa9 !important;
}

@keyframes toggle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.process-line:before {
    width: 2px;
    height: 100%;
    left: 40px;
    margin: 0;
    top: 0;
}


/*===========Sectio Process Page Style- 1==============*/

.process-line:before {
    content: '';
    position: absolute;
    width: 816px;
    height: 2px;
    top: 20px;
    left: 30px;
    background: #1b1b1b;
    margin: 0 auto;
    right: 32px;
}

.process-column:after {
    content: '';
    width: 40px;
    height: 40px;
    border: 2px solid #1b1b1b;
    border-radius: 50%;
    position: absolute;
    background-color: #fff;
    top: 0;
    margin-left: -20px;
}

.proces-number {
    position: relative;
    top: -41px;
    z-index: 999;
}

.bg-light .process-column:after,
.bg-light .item1 {
    background-color: #ebebeb;
}

.bg-dark .process-column:after,
.image-bg .process-line:before,
.bg-dark .process-line:before {
    background-color: #fff;
}

.bg-dark .item1 {
    background-color: #1b1b1b;
}

.bg-dark .process-column:after {
    border: 2px solid #fff;
}


/*===========Sectio Process Page Style- 2==============*/

.stepper .nav-tabs {
    position: relative;
}

.stepper .persistant-disabled {
    padding-top: 45px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
}

.stepper .nav-tabs>li {
    width: 24%;
    position: relative;
}

.stepper .nav-tabs>li:after {
    content: '';
    position: absolute;
    background: #777;
    width: 100%;
    height: 2px;
    top: 26px;
    right: 0;
}

.stepper .nav-tabs>li.completed::after {
    background: #ffa2a2;
}

.stepper .round-tab {
    width: 14px;
    height: 14px;
    border-radius: 25px;
    background-color: #777777;
    position: absolute;
    left: 0;
    top: 19px;
}

.stepper .completed .round-tab {
    background: #ffa2a2;
}

.stepper .active .round-tab {
    z-index: 1;
}

.stepper .active .round-tab::after {
    display: none;
}


/*===========Sectio Process Page Style- 3==============*/

.process-vertical {
    position: relative;
}

.process-vertical:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    left: 25px;
    top: 0;
    border: dashed 0px #ffa2a2;
    border-right-width: 1px;
}

.item1 {
    border: 1px solid #ffa2a2;
    width: 50px;
    background-color: #fff;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.item1 span {
    color: #ffa2a2;
}


/*===========Sectio Process Page Style- 4==============*/

.process-inline:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    border-right: 5px;
    border: dashed 0px #777;
    border-right-width: 1px;
}

.process-point:after {
    content: '';
    width: 15px;
    height: 15px;
    background: #1b1b1b;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -8px;
}

.image-bg .process-vertical:before,
.image-bg .process-inline:before,
.bg-dark .process-inline:before,
.bg-dark .item1,
.image-bg .item1,
.bg-dark .process-vertical:before {
    border-color: #fff;
}


/*===========Sectio Process Page Style- 5==============*/

.circle-process .progress {
    width: 212px;
    height: 212px;
    margin: 0 auto;
    background-color: transparent;
}

.progress .track,
.progress .fill {
    fill: transparent;
    stroke-width: 3;
    transform: rotate(90deg) translate(0px, -80px);
}

.progress .track {
    stroke: #ebebeb;
}

.progress .fill {
    stroke: white;
    stroke-dasharray: 219.99078369140625;
    stroke-dashoffset: -219.99078369140625;
    transition: stroke-dashoffset 1s;
}

.progress.blue .fill {
    stroke: #ffa2a2;
}

.bg-dark .progress .track,
.image-bg .progress .track {
    stroke: rgba(255, 255, 255, 0.2);
}

.bg-light .progress .track {
    stroke: #fff;
}


/*===========Tabs 1==============*/

.nav-tabs,
ul#filter,
ul#filter2,
ul#filter3,
ul#filter4,
ul#filter5,
ul#filter6 {
    border-bottom: transparent;
    display: inline-block;
    padding-bottom: 40px;
}

.nav-tabs .nav-item {
    display: inline-block;
    margin-right: 3px;
}

.nav-tabs .nav-link {
    border: 1px solid #ffa2a2;
    border-radius: 10px;
    color: #fff;
    padding: 2px 30px;
    font-weight: 400;
    transition: all 0.65s;
    text-transform: none;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    color: #fff;
    background-color: #ffa2a2;
    border-color: #ffa2a2;
}


/*===========Tabs 2==============*/

.nav-tabs-icon .nav-item {
    border: solid 1px #ebebeb;
    border-radius: 10px;
}

.nav-tabs-icon .nav-link {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 15px;
}

.nav-tabs-icon .nav-link i {
    font-size: 20px;
}

.nav-tabs-icon .nav-link.active,
.nav-tabs-icon .nav-link:active {
    background-color: #ffa2a2;
    border-radius: 10px;
    color: #fff;
}

.left-text h4 {
    line-height: 34px;
}

.arrow-bottom .nav-link.active:after {
    content: '';
    position: absolute;
    left: 45%;
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffa2a2;
}

.arrow-top .nav-link.active:before {
    content: '';
    position: absolute;
    left: 45%;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ebebeb;
}


/*===========tab 3==============*/

.horizontal-tab {
    border: solid 1px #ebebeb;
}

.horizontal-tab .nav-tab h4 {
    color: #777;
}

.nav-tab {
    font-size: 14px;
    font-weight: 500;
    border-right: solid 1px #ebebeb;
    padding: 10px 15px;
    display: block;
}

.icon-tab3 {
    background-color: #f9f9f9;
}

.horizontal-tab .nav-tab:hover,
.horizontal-tab .nav-tab.active,
.horizontal-tab .nav-tab:active,
.horizontal-tab .nav-tab:hover i,
.horizontal-tab .nav-tab.active i,
.horizontal-tab .nav-tab:active i {
    background-color: #fff;
    color: #024fa9;
}


/*===========Image gallery==============*/

.square-gallery img,
.tab-img img,
.modImage img,
.accordian-image img,
.feature-image img,
.right-col img,
.form-image img,
.team img,
.author img,
.tweet img,
.app-btn img,
.client-logo img {
    width: 100%;
}

.square-image,
.modImage,
.team,
.circle-image {
    position: relative;
}

.Square-border {
    border: solid 10px rgba(255, 255, 255, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.caption-bg {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    transition: all 0.85s;
}

.caption-bg .caption h5 {
    font-family: 'Lato', sans-serif;
    word-wrap: break-word;
}

.caption-bg2 {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    transform: scale(0.3);
}

.caption-middle {
    display: table;
    width: 100%;
    height: 100%;
}

.caption {
    display: table-cell;
    vertical-align: middle;
}

.cation-hover .caption-bg {
    background-color: rgba(1, 79, 168, 0.75);
}

.portfolio-block .caption-bg {
    background-color: rgba(255, 255, 255, 0.9);
    border: solid 20px #ebebeb;
}

.caption-bg:hover,
.portfolio-block .caption-bg:hover {
    opacity: 1;
}

.team:hover .caption-bg2 {
    opacity: 1;
    transform: scale(1);
    transition: all 0.4s cubic-bezier(0.38, 0.76, 0, 0.87);
}

.grayscale {
    filter: grayscale(100%);
}

.grayscale-none:hover .grayscale {
    filter: grayscale(0);
}

.grayscale-none .caption-bg,
.bg-dark .icon-tab3,
.image-bg .icon-tab3 {
    background-color: transparent;
}

.bg-light .team-social .border-style,
.bg-light .team-social .border-style {
    color: #ffa2a2 !important;
    border-color: #ffa2a2;
}

.extra-large {
    width: 120px;
}

.team-content span {
    font-size: 22px;
    display: block;
    line-height: 36px;
}

.client-name span {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: #1b1b1b;
}


/*===========Sectio Testimonial Style -1=============*/

.bg-dark .owl-theme .owl-controls .owl-page.active span,
.bg-dark .owl-theme .owl-controls.clickable .owl-page:hover span,
.image-bg .owl-theme .owl-controls .owl-page.active span,
.image-bg .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #fff;
}


/*===========Sectio Testimonial Style -1=============*/

.quote-1 p:after {
    position: absolute;
    content: "";
    font: normal normal normal 14px/1 FontAwesome;
    right: 50px;
    background: url(../images/quote.png) no-repeat;
    width: 36px;
    height: 37px;
    bottom: 5px;
}

.testimonial-style3 .item {
    padding: 15px;
}

.owl-item .item .card-body {
    position: relative;
}


/*===========Sectio Testimonial Style -4=============*/


/*===========Sectio Testimonial Style -5=============*/

.testi-slider p {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
}

.testi-slider2 p {
    font-size: 22px;
    font-weight: 300;
    line-height: 36px;
}

.testi-slider2 .flex-direction-nav a {
    margin-top: 0px;
    top: 30%;
    width: 34px;
    height: 34px;
    border-radius: 50px;
    background-color: #d0d0d0;
    color: #ebebeb;
    border-color: #d0d0d0;
}

.testi-slider2 .flex-direction-nav a:before {
    width: 34px;
    height: 34px;
    content: '\f060';
    line-height: 32px;
}

.testi-slider2 .flex-direction-nav a.flex-next:before {
    content: '\f061';
}


/*===========Sectio Team Page Style- 6==============*/

.rating i {
    color: #ffdd40;
}

.testi-slider3 h6,
.testimonial7 .position h6 {
    letter-spacing: 3px;
}


/*===========Sectio Team Page Style- 6==============*/

.testimonial7 p {
    font-size: 20px;
    line-height: 36px;
}

.image-bg .testimonial7 p,
.bg-dark .testimonial7 p {
    color: #e9e9e9;
}


/***********Countdown*******/

#clockdiv div>span {
    font-size: 80px;
    font-weight: 300;
}

#clockdiv2 div>span {
    font-size: 60px;
    font-weight: 300;
}

#clockdiv3 div>span,
#clockdiv4 div>span {
    font-size: 40px;
}

.smalltext {
    font-weight: 500;
}


/*===========Alert==============*/

.alert-dismissible .close {
    top: 0;
    right: 0;
    padding: 0;
}


/*===========Counter==============*/

.fact-box h2 {
    font-size: 40px;
    font-weight: 400;
}

.fact-box p {
    color: #1b1b1b;
    font-size: 16px;
}

.fact-box i {
    font-size: 40px;
}

.line-counter {
    display: inline-block;
    left: -10px;
    position: relative;
    top: 6px;
}

.line-counter:before {
    content: '';
    display: inline-block;
    height: 30px;
    transform: rotate(22deg);
    width: 2px;
    background: #1b1b1b;
}

.solid-dash {
    border: solid 10px #ffa2a2;
    width: 170px;
    height: 170px;
    display: table-cell;
    vertical-align: middle;
}

select.form-control:not([size]):not([multiple]) {
    height: 51px;
}

.style-select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background: url(../images/arrow.png) no-repeat 96%;
    cursor: pointer;
    color: #777;
}


/*============================ Gallery Filter =====================*/

.masonry .item {
    margin-bottom: 30px;
}

.filter a {
    border: 1px solid #cccccc;
    border-radius: 0;
    padding: 3px 15px;
    margin-right: 5px;
    text-transform: none;
    color: #777;
    font-weight: 400;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    display: block;
    margin-bottom: 10px;
}

.filter a.active,
.filter a:hover {
    background: #1b1b1b;
    color: #fff;
    border-color: #1b1b1b;
}

.modImage,
.square-image {
    overflow: hidden;
}

.modImage:hover img,
.square-image:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.modImage img,
.square-image img {
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
    position: relative;
}

.caption-bottom {
    display: table-cell;
    vertical-align: bottom;
}

.caption-bottom .btn-primary {
    line-height: 30px;
}


/*===========Portfolio Gallery2==============*/

.text-overlay {
    background-color: #1b1b1b;
    padding: 15px 20px 10px;
}

.text-overlay h1,
.gallery-text h6 {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

.text-overlay p {
    color: #d0d0d0;
}

.icon-style i {
    width: 60px;
    height: 60px;
    background-color: #fff;
    font-size: 16px;
    color: #1b1b1b;
    line-height: 60px;
}


/*======================= Google Map ====================*/

.feature-map2 {
    filter: hue-rotate(90deg);
}

#map {
    height: 440px;
}


/*======================== Icon List =====================*/

.dashed-line {
    position: absolute;
    height: 100%;
    width: 1px;
    left: 30px;
    top: 0;
    border: dashed 0px #1b1b1b;
    border-right-width: 1px;
}

.icon-list .dark-icon {
    background-color: #fff;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.dark-icon {
    font-size: 22px !important;
    width: 65px;
    border: solid 2px #1b1b1b;
}

.dark-icon {
    z-index: 1;
    overflow: hidden;
    position: relative;
}


/*==================== Progress Bar ====================*/

.progress_bar p,
.progress-bar div span,
.date {
    color: #1b1b1b;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}


/*===========table==============*/

.table thead th {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    color: #1b1b1b;
}

.table-striped tbody tr:nth-of-type(odd),
.table-bordered thead tr:nth-of-type(odd),
.table-hover tbody tr:hover,
.table-active,
.table-active>td,
.table-active>th {
    background-color: #f9f9f9;
}

.table-active {
    background-color: #f9f9f9 !important;
}

.table-success {
    background-color: #5db75d !important;
}

.table-info {
    background-color: #5bc0de !important;
}

.table-warning {
    background-color: #efad4d !important;
}

.table-danger {
    background-color: #ffa2a2 !important;
}

.table-danger,
.table-danger>td,
.table-danger>th,
.table-warning,
.table-warning>td,
.table-warning>th,
.table-info,
.table-info>td,
.table-info>th,
.table-success,
.table-success>td,
.table-success>th {
    background-color: transparent;
}

.table .btn-link {
    color: #777;
    text-decoration: none;
}

.table-responsive {
    display: inline-table;
}


/*======================== Video ===============================*/

.btn-play1 {
    border: solid 2px #1b1b1b;
    padding: 6px 0px;
    border-radius: 50px;
    width: 200px;
    margin: 30px 0px;
}

.modal-content {
    background-color: transparent;
}

.modal-open .modal {
    background-color: rgba(27, 27, 27, 0.8);
}

.dark-icon {
    font-size: 22px !important;
    width: 70px;
    line-height: 38px;
    border: solid 2px #1b1b1b;
}

.dark-icon a i {
    font-size: 18px;
}

.btn-play1 a i {
    font-size: 15px;
}

.model-button1 a {
    color: #1b1b1b;
    font-size: 15px;
}

.icon-small {
    width: 45px;
    height: 45px;
    line-height: 42px;
    border: solid 2px #1b1b1b;
    color: #1b1b1b;
    font-size: 11px;
}

.page-link {
    color: #1b1b1b;
}

.gray-color {
    color: #777 !important;
}


/*===================Sidebar=====================*/

a.btn-tag {
    border: solid 1px #ebebeb;
    padding: 4px 9px;
    margin: 0px 4px 4px 0px;
    transition: all 2s ease;
}

a.btn-tag:hover {
    background-color: #ffa2a2;
    color: #fff !important;
    border-color: #ffa2a2;
}

.search {
    position: absolute;
    right: 15px;
    top: 12px;
    cursor: pointer;
}

.popular-posts li {
    margin-bottom: 10px;
}

.owl-carousel .owl-item {
    float: left;
    padding: 15px;
}

.color-overlay {
    background-color: rgba(240, 240, 240, 0.8);
}

.gradient-1,
.gradient-2,
.gradient-3,
.color-overlay,
.theme-overlay,
.gradient-4,
.gradient-5,
.gradient-6 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.gradient-2 {
    background: -webkit-linear-gradient(90deg, transparent 0%, rgba(17, 17, 17, 0.9) 100%);
}

.gradient-1 {
    background: -webkit-linear-gradient(270deg, rgba(17, 17, 17, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
}

.gradient-3 {
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.92) 0%, rgba(17, 17, 17, 0.7) 100%);
}

.boxed-border-top:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 4px;
    background: #ffa2a2;
    left: 0;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.boxed-border-bottom:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #ffa2a2;
    left: 0;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.page-title p,
.testimonial p {
    font-size: 1em;
}


/*======================= typing Word=======================*/

.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.cd-headline.clip span {
    display: inline-block;
    padding: .2em 0;
}

.cd-headline.clip span {
    display: inline-block;
    padding: .2em 0;
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

.cd-words-wrapper b.is-visible {
    position: relative;
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

.cd-headline.clip b.is-visible {
    opacity: 1;
}

.cd-headline.clip b.is-visible {
    opacity: 1;
}

.cd-headline.clip b {
    opacity: 0;
}

.cd-headline.clip .cd-words-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #ffa2a2;
}


/*======================== Master Slider ==============================*/

.master-slider .full-wid,
.master-2 .full-wid {
    width: 100%;
}

.master-slider .half-wid,
.master-2 .half-wid {
    width: 50%;
}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont {
    z-index: -1;
}


/*=========================== Restaurent =============================*/

.price-table .price-tag {
    border-bottom: dashed 1px;
}


/*========================Mobile app ==========================*/

.bg-inner,
.process-bar .progress-bar div span {
    background-color: #ffffff;
}


/*=========================Barber==============================*/

.barber-slider li:last-child {
    padding-left: 150px;
}

.barber-slider .sciensor {
    position: absolute;
    top: 55px;
    left: 35%;
}

.theme-overlay {
    background-color: rgba(14, 22, 58, 0.8);
}

.dg-wrapper {
    height: 325px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    perspective: 1000px;
}

.dg-wrapper a {
    height: 325px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

.dg-wrapper .dg-transition {
    transition: all 0.5s ease-in-out;
}


/*=========================Software ==============================*/

#particles-js {
    background: linear-gradient(150deg, #2335e2 0%, #4e2aff 51%, #ffa2a2 75%);
    height: 100vh;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.screen {
    z-index: 20;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

.gradient-4 {
    background: linear-gradient(100deg, #2335e2 0%, #4e2aff 51%, #ffa2a2 75%);
}

.shadow1 {
    -webkit-box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.18);
}


/************** ============== Fixed Menu ************************/

.top-fixed-logo {
    display: none;
}

.header-container.fixedmenu {
    background: #fff !important;
    z-index: 11;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    -webkit-animation-name: animationFade;
    -moz-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.2);
    padding: 0;
}

.header-container.fixedmenu .top-bar,
.header-container.fixedmenu .navbar-brand {
    display: none;
}

.header-container.fixedmenu .navbar-brand.top-fixed-logo {
    display: block;
}


/************** Corporate  ************************/

.brd-theme {
    border-color: #ffa2a2 !important;
}

.opacity-90 {
    opacity: 0.90;
}

.line-height-32 {
    line-height: 32px;
}

.custom-service .background-image-maker,
.resturent-service .background-image-maker {
    z-index: -1;
}

.bg-Jazzberry {
    background-color: #ffa2a2 !important;
}


/************** resturent-2  ************************/

.gradient-5 {
    background: -webkit-linear-gradient(145deg, rgba(178, 159, 148, 0) 0%, rgba(95, 56, 19, 0.65) 100%);
}

.color-dull {
    color: #a7753a !important;
}


/************** Hotel  ************************/

.muesli {
    color: #a67c52 !important;
}

.brd-muesli {
    border-color: #a67c52 !important;
}

.z-index-1 {
    z-index: -1;
}


/************** Spa  ************************/

.lawngreen {
    color: #65ba2b !important;
}

.btn-lawngreen {
    background-color: #65ba2b !important;
    border-color: #65ba2b !important;
}

.brd-silver {
    border-color: #c2c2c2 !important;
}

.gradient-6 {
    background: -webkit-linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.99) 100%);
}


/************** music  ************************/

.brd-dark {
    border-color: #1e1e1e !important;
}

.btn-pink {
    background-color: #ffa2a2 !important;
    border-color: #ffa2a2 !important;
}

::selection {
    background: #ffa2a2;
    color: #fff;
}

.block-album .img-cd {
    transition: all 0.35s;
}

.block-album:hover .img-cd {
    background: url(../images/music-casets.png) right no-repeat;
}

.line-height-50 {
    line-height: 50px !important;
}


/************** ecommerce  ************************/

.light-orange {
    color: #ffa2a2 !important;
}

.opacity-5 {
    opacity: 0.05;
}

.line-height-70 {
    line-height: 70px;
}

.padding-225 {
    padding: 225px 0px;
}


/************** 404 Error ************************/

.btn-warn-dark {
    border-color: #efad4d !important;
}

.warn-dark {
    color: #efad4d !important;
}

.light-red {
    color: #d9544f;
}

.brd-gray {
    border-color: #ebebeb;
}

.bg-orange-light {
    background-color: #f75f30;
}


/************** Product Details ************************/

.nav-pills .nav-link {
    border-radius: 0px;
}

.nav-pills .nav-link.active {
    background-color: transparent;
    border-bottom: 3px solid #ffa2a2 !important;
    color: #777;
}


/************** Icons ************************/

.k7-icon {
    width: 56px;
    height: 56px;
    font-size: 20px;
}

.k7-icon i {
    line-height: 56px;
}


/************** Label & Badges ************************/

.badge {
    padding: .7em 1.5em .6em;
    font-size: 12px;
    color: #fff;
}

.bg-blue {
    background-color: #3498db;
}

.bg-sea {
    background-color: #1abc9c;
}

.bg-yellow {
    background-color: #f1c40f;
}

.bg-purple {
    background-color: #9b6bcc;
}

.bg-aqua {
    background-color: #27d7e7;
}

.bg-brown {
    background-color: #9c8061;
}

.bg-dark-blue {
    background-color: #4765a0;
}

.bg-light-green {
    background-color: #79d5b3;
}

.grey-bg {
    background-color: #ebebeb;
}

.bedge-corner {
    position: absolute;
    top: -12px;
    padding: .5em .8em .5em;
}

.border-2 {
    border: 2px solid;
}

.badge-image {
    background-size: cover;
    width: 28px;
    height: 28px;
    background-position: center;
}


/************** blockquote ************************/

.blockquote {
    padding: 1rem 1.8rem;
    border-left: 5px solid #ebebeb;
    font-size: 1.125rem !important;
}

.blockquote .blockquote-footer {
    font-size: 1.125rem !important;
}

.quote:before,
.quote-center:before {
    content: "\f10d";
    position: absolute;
    left: -10px;
    top: 0;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 2.5em;
    right: 0;
}

.quote-center:before {
    font-size: 5em;
    color: #373737;
}


/************** Text Box ************************/

.line-height-30 {
    line-height: 30px !important;
}

.boxed-border-left:before {
    content: '';
    position: absolute;
    top: 0;
    width: 4px;
    height: 100%;
    background: #ffa2a2;
    left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}


/************** Image Carousal ************************/

.basic-carousal .owl-controls {
    margin-top: 0px !important;
}

.basic-carousal .owl-prev,
.basic-carousal .owl-next {
    position: absolute;
    top: 36%;
    background-color: #1b1b1b !important;
    width: 38px;
    height: 68px;
    line-height: 40px;
    font-size: 12px;
    margin: 0px !important;
    border-radius: 0 !important;
    padding: 13px !important;
    overflow: hidden !important;
    color: transparent !important;
}

.basic-carousal .owl-prev {
    left: 15px;
}

.basic-carousal .owl-prev:before {
    content: "\f053";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
}

.basic-carousal .owl-next {
    right: 15px;
}

.basic-carousal .owl-next:before {
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
}

.carousal-basic-client .owl-prev,
.carousal-basic-client .owl-next {
    top: 28% !important;
}

.video-section .video-overlay {
    position: relative;
    word-wrap: break-word;
}


/************** Notification ************************/

.bootstrap-growl {
    background-color: #ffa2a2;
    color: #fff;
    border: 0;
    top: 60% !important;
    width: 450px !important;
}

.bootstrap-growl h5 {
    color: #fff;
}


/*================= Pagination ======================*/

.pager .page-link {
    color: #777;
}

.pager .page-link:hover,
.pager .page-link:focus,
.pager .page-link.active {
    background-color: #ffa2a2;
    color: #fff;
    border-color: #ffa2a2 !important;
}

.pager-2 .page-link {
    color: #777;
}

.pager-2 .page-link:hover,
.pager-2 .page-link:focus,
.pager-2 .page-link.active {
    background-color: transparent;
    color: #ffa2a2;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loader.gif) center no-repeat #fff;
}

#builder-header,
#builder-slider,
#builder-content,
#builder-footer {
    padding: 0px;
}

.white-bg i {
    color: #1b1b1b !important;
}

.process-bar .progress-bar div span {
    background-color: #edf1f4;
    color: #1b1b1b;
}

.background-image-maker.builderadded {
    z-index: -1;
}


/*================= Agency ======================*/

.btn-malachite {
    background-color: #25d366 !important;
    border-color: #25d366 !important;
}

.malachite {
    color: #25d366 !important;
}

.brd-malachite {
    border-color: #25d366 !important;
}

.suggested2 {
    border-top: solid 10px #25d366 !important;
    border-bottom: solid 10px #25d366 !important;
}

#header-fix.active {
    background-color: rgba(30, 30, 30, 0.5) !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

footer .form-control {
    height: 38px;
    border-radius: 3px;
}

footer a {
    color: #969696;
}

footer .list-inline.right-seperator li {
    padding-right: 15px;
}

footer .list-inline.right-seperator li a {
    position: relative;
    text-transform: none;
    word-wrap: break-word;
    font-weight: 400;
    line-height: 30px;
}

footer .list-inline.right-seperator li a:after {
    content: "";
    border-right: solid 1px #969696;
    position: absolute;
    right: -10px;
    height: 18px;
    top: 1px;
    left: 0;
}

footer .list-inline.right-seperator li:last-child a:after {
    display: none;
}

footer .footer-title h6 {
    letter-spacing: 2px;
}

footer .footer-link ul {
    margin: 0px;
    padding: 0px;
}

footer .footer-link ul li {
    list-style: none;
}

.footer-bottom {
    border-top: solid 1px #dddddd;
}

.footer-bottom a,
.footer-bottom span,
.footer-bottom span a,
.footer-bottom a i {
    color: #777;
}

.image-bg:not(.light-bg) footer span,
.image-bg:not(.light-bg) footer p,
.image-bg:not(.light-bg) footer a {
    color: #fff !important;
}

.image-bg:not(.light-bg) .footer-bottom {
    background-color: rgba(27, 27, 27, 0.5);
    position: inherit;
}

.image-bg:not(.light-bg) .footer-bottom a,
.image-bg:not(.light-bg) .footer-bottom span,
.image-bg:not(.light-bg) .footer-bottom span a {
    color: #fff !important;
}

.footer-social a {
    transition: all 0.35s;
}

.footer-social a:hover {
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
}


/*===========Footer 2==============*/

.left-block {
    float: left;
}

.overflow,
.tweet,
.tweet .col-4 {
    overflow: hidden;
    word-wrap: break-word;
}

.overflow .btn-link {
    text-decoration: none;
}


/**********footer 2**********/

.footer-link ul li a,
ul.privacy-policy li a {
    line-height: 34px;
}

.bg-light .footer-bottom {
    background-color: #f8f9fa;
}

.bg-dark .footer-bottom {
    border-color: #252525;
}

.image-bg .footer-bottom {
    border-color: rgba(27, 27, 27, 0.1);
}

.bg-dark .footer-social a {
    color: #fff;
}

.bg-dark #footer {
    background-color: #252525;
}

#toTop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
}

@media (max-width: 1199px) {
    .navbar-toggleable-md .navbar-nav .nav-link {
        padding: 18px 8px;
    }
    nav.navbar-toggleable-md .navbar-nav a.nav-link {
        padding-left: 15px;
        padding-right: 15px;
    }
    .barber-slider li:last-child {
        padding-left: 0px;
    }
    .barber-slider .display-1 {
        font-size: 80px;
    }
}

@media (max-width: 991px) {
    .header-container.fixedmenu {
        position: relative !important;
    }
    nav.navbar-expand-lg .navbar-nav .dropdown-menu>li {
        border-bottom: solid 0px #ebebeb !important;
    }
    nav.navbar-expand-lg .navbar-nav .dropdown-menu>li a {
        padding: 8px 15px;
        padding-left: 30px;
        letter-spacing: 1px;
    }
    nav.navbar-expand-lg .navbar-nav .dropdown-menu>li a:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f105";
        margin-right: 10px;
    }
    nav.navbar-expand-lg .navbar-nav .dropdown-menu>li a:after {
        content: "";
        display: none;
    }
    .event-details .w-25 {
        width: 100% !important;
    }
    .barber-slider .display-1 {
        font-size: 50px;
    }
    .parallax-container {
        height: auto !important;
    }
    .medical-services {
        margin-top: 0px;
    }
    .transperent .menu-horizontal a {
        color: #1b1b1b !important;
    }
    .transperent ul.header-social .active a {
        color: #fff !important;
    }
    .transperent ul.header-social li {
        border-color: #1b1b1b;
    }
    .transperent ul.header-social li a {
        color: #1b1b1b !important;
        border-color: #1b1b1b;
    }
    .transperent ul.header-social li a:hover {
        color: #fff !important;
    }
    .transperent .btn-info {
        border-color: #1b1b1b !important;
        color: #1b1b1b !important;
    }
    .transperent .btn-dark {
        background-color: #1b1b1b !important;
        border-color: #1b1b1b !important;
        color: #fff !important;
    }
    .dark .menu-horizontal a {
        color: #1b1b1b !important;
    }
    .dark ul.header-social .active a {
        color: #fff !important;
    }
    .dark ul.header-social li {
        border-color: #1b1b1b;
    }
    .dark ul.header-social li a {
        color: #1b1b1b !important;
        border-color: #1b1b1b;
    }
    .dark ul.header-social li a:hover {
        color: #fff !important;
    }
    .dark .btn-info {
        border-color: #1b1b1b !important;
        color: #1b1b1b !important;
    }
    .dark .btn-info:hover {
        border-color: #1b1b1b !important;
        color: #1b1b1b !important;
    }
    .dark .btn-dark {
        background-color: #1b1b1b !important;
        border-color: #1b1b1b !important;
        color: #fff !important;
    }
    .dark .btn-dark:hover {
        color: #fff !important;
    }
    .transparent:not(.light-bg) .btn-dark {
        background-color: #1b1b1b !important;
        border-color: #1b1b1b !important;
        color: #fff !important;
    }
    nav .navbar-nav li.dropdown>.dropdown-menu {
        display: none !important;
        visibility: hidden;
    }
    nav .navbar-nav li.dropdown>.dropdown-menu.show {
        display: block !important;
        visibility: visible;
    }
    nav .navbar-nav li.dropdown>.dropdown-menu .border {
        border: none !important;
    }
    nav .navbar-nav a.nav-link {
        padding: 15px !important;
        border: 1px solid #f8f9fa;
        border-top: none;
    }
    nav .navbar-nav a.nav-link.search-icon {
        float: left;
        width: 100%;
    }
    nav .navbar-nav a.nav-link.search-icon i {
        float: left;
    }
    nav .navbar-nav a.nav-link:first-child {
        border-top: 1px solid #f8f9fa;
    }
    nav .navbar-nav a.nav-link i {
        float: right;
    }
    .transparent .header-container {
        position: relative;
        width: 100%;
        z-index: 1;
    }
    .transparent nav .navbar-brand {
        background-image: url(../images/site-logo.png);
        width: 78px;
        height: 20px;
        display: block;
        visibility: visible !important;
    }
    .transparent nav .navbar-brand img {
        display: none;
    }
    .transparent nav .navbar-toggler-right .navbar-toggler-icon {
        background-color: #000 !important;
    }
    nav.navbar {
        padding: 15px 0px;
    }
    nav.navbar .btn-outline {
        border-color: #1b1b1b !important;
        color: #1b1b1b !important;
    }
    nav.navbar .navbar-toggler-right {
        right: 0px;
    }
    nav.navbar .right-social .active a {
        color: #1b1b1b !important;
    }
    nav.navbar .right-social .active a i {
        color: #1b1b1b !important;
    }
    nav.navbar a {
        color: #1b1b1b !important;
    }
    nav.navbar a.btn-dark {
        color: #fff !important;
    }
    nav.navbar .navbar-nav {
        margin-top: 16px;
        margin-right: 0px !important;
        margin-bottom: 15px;
    }
    nav.navbar .navbar-nav .nav-link {
        padding: 5px 19px;
        color: #565656 !important;
        background-color: transparent !important;
    }
    nav.navbar .navbar-nav .dropdown-menu {
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.18);
        display: none;
        /*
                        visibility: visible !important;*/
        -webkit-transform: translate(0, 0px) !important;
        transform: translate(0, 0px) !important;
    }
    nav.navbar .dropdown-menu li {
        border-bottom: solid 0px #ebebeb;
    }
    nav.navbar .dropdown-menu .dropdown-submenu>.dropdown-menu {
        display: block;
    }
    nav.navbar .top-bar ul.top-left li {
        color: #565656;
    }
    nav.navbar .top-bar ul.top-left li a {
        color: #565656;
    }
    nav.navbar .top-bar ul.top-left li i {
        color: #ffa2a2;
    }
    nav.navbar .collapse.show {
        display: block;
        background: #fff;
        margin-top: 16px;
    }
    nav.navbar .mega-dropdown-menu .col-6 {
        -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }
    nav.navbar .mega-dropdown-menu .col-3 {
        -webkit-flex: 0 0 90%;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }
    .logo-center .navbar-brand {
        position: relative;
        left: 0px;
        margin-left: 0px;
        top: 0px !important;
    }
    .top-bar ul li {
        padding-right: 5px;
    }
    .text-overlay h1 {
        font-size: 11px !important;
        line-height: 22px;
    }
    .accordion .card-block {
        margin-top: 0px !important;
    }
    .center-divider {
        position: relative;
        margin: 40px auto;
    }
    .right-divider {
        position: relative;
        right: 0;
        float: right;
    }
    .process-line:before {
        width: 578px;
    }
    .center-divider,
    .process-inline:before {
        left: 15px;
    }
    .process-point:after {
        left: 8px;
    }
    .model-bg {
        min-height: 25em;
    }
    .testi-slider .flex-direction-nav,
    .testi-slider2 .flex-direction-nav,
    .testi-slider3 .flex-direction-nav {
        display: none;
    }
    .sticky-header .navbar {
        float: none;
    }
    .fitness-blog .card-block {
        padding: 2.7rem;
    }
    .height330 {
        height: 150px;
    }
    .table3 {
        text-align: center;
    }
    blockquote:before {
        margin-left: -52px;
    }
    .medical-solution {
        padding-bottom: 7.1em !important;
    }
    .navbar-brand-centered {
        left: 0;
        top: 0;
    }
    .right-block {
        float: none !important;
        position: relative;
        min-height: 26.57142857em;
        margin-bottom: 100px;
    }
}

@media (max-width: 767px) {
    .cd-words-wrapper b {
        white-space: inherit;
        font-size: 0.5em;
    }
    .display-1 {
        font-size: 3.714286em;
        line-height: 1.1333333333333333em;
    }
    .dg-wrapper {
        overflow: hidden;
    }
    .dg-wrapper a {
        opacity: 0 !important;
    }
    .dg-wrapper a.dg-center {
        opacity: 1 !important;
    }
    h1,
    .h1 {
        font-size: 2.5714285714285716em;
        line-height: 1.01818182em;
    }
    .process-line {
        padding: 25px;
    }
    .process-line:before {
        width: 2px;
        height: 100%;
        left: 40px;
        margin: 0;
        top: 0;
    }
    .proces-number {
        text-align: left;
        margin-left: -3px;
    }
    .process-column:after,
    .navbar-brand-centered {
        left: 15px;
    }
    .stepper .nav-tabs>li {
        width: 100%;
    }
    .proces-number {
        text-align: left;
        margin-left: -3px;
    }
}

@media (max-width: 576px) {
    .nav-tabs .nav-item,
    .app-btn {
        display: block;
        margin-bottom: 5px;
    }
    .table-responsive {
        display: block !important;
    }
}

.btn-social-icon {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding: 0;
}

.btn-social-icon> :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social-icon.btn-lg {
    padding-left: 61px;
}

.btn-social-icon.btn-lg> :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em;
}

.btn-social-icon.btn-sm {
    padding-left: 38px;
}

.btn-social-icon.btn-sm> :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em;
}

.btn-social-icon.btn-xs {
    padding-left: 30px;
}

.btn-social-icon.btn-xs> :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em;
}

.btn-social-icon> :first-child {
    border: none;
    text-align: center;
    width: 100% !important;
}

.btn-social-icon.btn-lg {
    height: 45px;
    width: 45px;
    padding-left: 0;
    padding-right: 0;
}

.btn-social-icon.btn-sm {
    height: 30px;
    width: 30px;
    padding-left: 0;
    padding-right: 0;
}

.btn-social-icon.btn-xs {
    height: 22px;
    width: 22px;
    padding-left: 0;
    padding-right: 0;
}

.btn-adn {
    color: #fff;
    background-color: #d87a68;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:focus,
.btn-adn.focus {
    color: #fff;
    background-color: #ce563f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:hover {
    color: #fff;
    background-color: #ce563f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:active,
.btn-adn.active,
.open>.dropdown-toggle.btn-adn {
    color: #fff;
    background-color: #ce563f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:active:hover,
.btn-adn.active:hover,
.open>.dropdown-toggle.btn-adn:hover,
.btn-adn:active:focus,
.btn-adn.active:focus,
.open>.dropdown-toggle.btn-adn:focus,
.btn-adn:active.focus,
.btn-adn.active.focus,
.open>.dropdown-toggle.btn-adn.focus {
    color: #fff;
    background-color: #b94630;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:active,
.btn-adn.active,
.open>.dropdown-toggle.btn-adn {
    background-image: none;
}

.btn-adn.disabled:hover,
.btn-adn[disabled]:hover,
fieldset[disabled] .btn-adn:hover,
.btn-adn.disabled:focus,
.btn-adn[disabled]:focus,
fieldset[disabled] .btn-adn:focus,
.btn-adn.disabled.focus,
.btn-adn[disabled].focus,
fieldset[disabled] .btn-adn.focus {
    background-color: #d87a68;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn .badge {
    color: #d87a68;
    background-color: #fff;
}

.btn-bitbucket {
    color: #fff;
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:focus,
.btn-bitbucket.focus {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:hover {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active,
.btn-bitbucket.active,
.open>.dropdown-toggle.btn-bitbucket {
    color: #fff;
    background-color: #163758;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active:hover,
.btn-bitbucket.active:hover,
.open>.dropdown-toggle.btn-bitbucket:hover,
.btn-bitbucket:active:focus,
.btn-bitbucket.active:focus,
.open>.dropdown-toggle.btn-bitbucket:focus,
.btn-bitbucket:active.focus,
.btn-bitbucket.active.focus,
.open>.dropdown-toggle.btn-bitbucket.focus {
    color: #fff;
    background-color: #0f253c;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active,
.btn-bitbucket.active,
.open>.dropdown-toggle.btn-bitbucket {
    background-image: none;
}

.btn-bitbucket.disabled:hover,
.btn-bitbucket[disabled]:hover,
fieldset[disabled] .btn-bitbucket:hover,
.btn-bitbucket.disabled:focus,
.btn-bitbucket[disabled]:focus,
fieldset[disabled] .btn-bitbucket:focus,
.btn-bitbucket.disabled.focus,
.btn-bitbucket[disabled].focus,
fieldset[disabled] .btn-bitbucket.focus {
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket .badge {
    color: #205081;
    background-color: #fff;
}

.btn-dropbox {
    color: #fff;
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:focus,
.btn-dropbox.focus {
    color: #fff;
    background-color: #0d6aad;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:hover {
    color: #fff;
    background-color: #0d6aad;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active,
.btn-dropbox.active,
.open>.dropdown-toggle.btn-dropbox {
    color: #fff;
    background-color: #0d6aad;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active:hover,
.btn-dropbox.active:hover,
.open>.dropdown-toggle.btn-dropbox:hover,
.btn-dropbox:active:focus,
.btn-dropbox.active:focus,
.open>.dropdown-toggle.btn-dropbox:focus,
.btn-dropbox:active.focus,
.btn-dropbox.active.focus,
.open>.dropdown-toggle.btn-dropbox.focus {
    color: #fff;
    background-color: #0a568c;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active,
.btn-dropbox.active,
.open>.dropdown-toggle.btn-dropbox {
    background-image: none;
}

.btn-dropbox.disabled:hover,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox:hover,
.btn-dropbox.disabled:focus,
.btn-dropbox[disabled]:focus,
fieldset[disabled] .btn-dropbox:focus,
.btn-dropbox.disabled.focus,
.btn-dropbox[disabled].focus,
fieldset[disabled] .btn-dropbox.focus {
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox .badge {
    color: #1087dd;
    background-color: #fff;
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:focus,
.btn-facebook.focus {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:hover {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active:hover,
.btn-facebook.active:hover,
.open>.dropdown-toggle.btn-facebook:hover,
.btn-facebook:active:focus,
.btn-facebook.active:focus,
.open>.dropdown-toggle.btn-facebook:focus,
.btn-facebook:active.focus,
.btn-facebook.active.focus,
.open>.dropdown-toggle.btn-facebook.focus {
    color: #fff;
    background-color: #23345a;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
    background-image: none;
}

.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled.focus,
.btn-facebook[disabled].focus,
fieldset[disabled] .btn-facebook.focus {
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook .badge {
    color: #3b5998;
    background-color: #fff;
}

.btn-flickr {
    color: #fff;
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:focus,
.btn-flickr.focus {
    color: #fff;
    background-color: #cc006a;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:hover {
    color: #fff;
    background-color: #cc006a;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active,
.btn-flickr.active,
.open>.dropdown-toggle.btn-flickr {
    color: #fff;
    background-color: #cc006a;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active:hover,
.btn-flickr.active:hover,
.open>.dropdown-toggle.btn-flickr:hover,
.btn-flickr:active:focus,
.btn-flickr.active:focus,
.open>.dropdown-toggle.btn-flickr:focus,
.btn-flickr:active.focus,
.btn-flickr.active.focus,
.open>.dropdown-toggle.btn-flickr.focus {
    color: #fff;
    background-color: #a80057;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active,
.btn-flickr.active,
.open>.dropdown-toggle.btn-flickr {
    background-image: none;
}

.btn-flickr.disabled:hover,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr:hover,
.btn-flickr.disabled:focus,
.btn-flickr[disabled]:focus,
fieldset[disabled] .btn-flickr:focus,
.btn-flickr.disabled.focus,
.btn-flickr[disabled].focus,
fieldset[disabled] .btn-flickr.focus {
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr .badge {
    color: #ff0084;
    background-color: #fff;
}

.btn-foursquare {
    color: #fff;
    background-color: #f94877;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:focus,
.btn-foursquare.focus {
    color: #fff;
    background-color: #f71752;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:hover {
    color: #fff;
    background-color: #f71752;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active,
.btn-foursquare.active,
.open>.dropdown-toggle.btn-foursquare {
    color: #fff;
    background-color: #f71752;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active:hover,
.btn-foursquare.active:hover,
.open>.dropdown-toggle.btn-foursquare:hover,
.btn-foursquare:active:focus,
.btn-foursquare.active:focus,
.open>.dropdown-toggle.btn-foursquare:focus,
.btn-foursquare:active.focus,
.btn-foursquare.active.focus,
.open>.dropdown-toggle.btn-foursquare.focus {
    color: #fff;
    background-color: #e30742;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active,
.btn-foursquare.active,
.open>.dropdown-toggle.btn-foursquare {
    background-image: none;
}

.btn-foursquare.disabled:hover,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare:hover,
.btn-foursquare.disabled:focus,
.btn-foursquare[disabled]:focus,
fieldset[disabled] .btn-foursquare:focus,
.btn-foursquare.disabled.focus,
.btn-foursquare[disabled].focus,
fieldset[disabled] .btn-foursquare.focus {
    background-color: #f94877;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare .badge {
    color: #f94877;
    background-color: #fff;
}

.btn-github {
    color: #fff;
    background-color: #444;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:focus,
.btn-github.focus {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:hover {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active,
.btn-github.active,
.open>.dropdown-toggle.btn-github {
    color: #fff;
    background-color: #2b2b2b;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active:hover,
.btn-github.active:hover,
.open>.dropdown-toggle.btn-github:hover,
.btn-github:active:focus,
.btn-github.active:focus,
.open>.dropdown-toggle.btn-github:focus,
.btn-github:active.focus,
.btn-github.active.focus,
.open>.dropdown-toggle.btn-github.focus {
    color: #fff;
    background-color: #191919;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active,
.btn-github.active,
.open>.dropdown-toggle.btn-github {
    background-image: none;
}

.btn-github.disabled:hover,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github:hover,
.btn-github.disabled:focus,
.btn-github[disabled]:focus,
fieldset[disabled] .btn-github:focus,
.btn-github.disabled.focus,
.btn-github[disabled].focus,
fieldset[disabled] .btn-github.focus {
    background-color: #444;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-github .badge {
    color: #444;
    background-color: #fff;
}

.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:focus,
.btn-google.focus {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:hover {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active,
.btn-google.active,
.open>.dropdown-toggle.btn-google {
    color: #fff;
    background-color: #c23321;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active:hover,
.btn-google.active:hover,
.open>.dropdown-toggle.btn-google:hover,
.btn-google:active:focus,
.btn-google.active:focus,
.open>.dropdown-toggle.btn-google:focus,
.btn-google:active.focus,
.btn-google.active.focus,
.open>.dropdown-toggle.btn-google.focus {
    color: #fff;
    background-color: #a32b1c;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active,
.btn-google.active,
.open>.dropdown-toggle.btn-google {
    background-image: none;
}

.btn-google.disabled:hover,
.btn-google[disabled]:hover,
fieldset[disabled] .btn-google:hover,
.btn-google.disabled:focus,
.btn-google[disabled]:focus,
fieldset[disabled] .btn-google:focus,
.btn-google.disabled.focus,
.btn-google[disabled].focus,
fieldset[disabled] .btn-google.focus {
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-google .badge {
    color: #dd4b39;
    background-color: #fff;
}

.btn-instagram {
    color: #fff;
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:focus,
.btn-instagram.focus {
    color: #fff;
    background-color: #305777;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:hover {
    color: #fff;
    background-color: #305777;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active,
.btn-instagram.active,
.open>.dropdown-toggle.btn-instagram {
    color: #fff;
    background-color: #305777;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active:hover,
.btn-instagram.active:hover,
.open>.dropdown-toggle.btn-instagram:hover,
.btn-instagram:active:focus,
.btn-instagram.active:focus,
.open>.dropdown-toggle.btn-instagram:focus,
.btn-instagram:active.focus,
.btn-instagram.active.focus,
.open>.dropdown-toggle.btn-instagram.focus {
    color: #fff;
    background-color: #26455d;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active,
.btn-instagram.active,
.open>.dropdown-toggle.btn-instagram {
    background-image: none;
}

.btn-instagram.disabled:hover,
.btn-instagram[disabled]:hover,
fieldset[disabled] .btn-instagram:hover,
.btn-instagram.disabled:focus,
.btn-instagram[disabled]:focus,
fieldset[disabled] .btn-instagram:focus,
.btn-instagram.disabled.focus,
.btn-instagram[disabled].focus,
fieldset[disabled] .btn-instagram.focus {
    background-color: #3f729b;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram .badge {
    color: #3f729b;
    background-color: #fff;
}

.btn-linkedin {
    color: #fff;
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:focus,
.btn-linkedin.focus {
    color: #fff;
    background-color: #005983;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:hover {
    color: #fff;
    background-color: #005983;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active,
.btn-linkedin.active,
.open>.dropdown-toggle.btn-linkedin {
    color: #fff;
    background-color: #005983;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active:hover,
.btn-linkedin.active:hover,
.open>.dropdown-toggle.btn-linkedin:hover,
.btn-linkedin:active:focus,
.btn-linkedin.active:focus,
.open>.dropdown-toggle.btn-linkedin:focus,
.btn-linkedin:active.focus,
.btn-linkedin.active.focus,
.open>.dropdown-toggle.btn-linkedin.focus {
    color: #fff;
    background-color: #00405f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active,
.btn-linkedin.active,
.open>.dropdown-toggle.btn-linkedin {
    background-image: none;
}

.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled.focus,
.btn-linkedin[disabled].focus,
fieldset[disabled] .btn-linkedin.focus {
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin .badge {
    color: #007bb6;
    background-color: #fff;
}

.btn-microsoft {
    color: #fff;
    background-color: #2672ec;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:focus,
.btn-microsoft.focus {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:hover {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active,
.btn-microsoft.active,
.open>.dropdown-toggle.btn-microsoft {
    color: #fff;
    background-color: #125acd;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active:hover,
.btn-microsoft.active:hover,
.open>.dropdown-toggle.btn-microsoft:hover,
.btn-microsoft:active:focus,
.btn-microsoft.active:focus,
.open>.dropdown-toggle.btn-microsoft:focus,
.btn-microsoft:active.focus,
.btn-microsoft.active.focus,
.open>.dropdown-toggle.btn-microsoft.focus {
    color: #fff;
    background-color: #0f4bac;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active,
.btn-microsoft.active,
.open>.dropdown-toggle.btn-microsoft {
    background-image: none;
}

.btn-microsoft.disabled:hover,
.btn-microsoft[disabled]:hover,
fieldset[disabled] .btn-microsoft:hover,
.btn-microsoft.disabled:focus,
.btn-microsoft[disabled]:focus,
fieldset[disabled] .btn-microsoft:focus,
.btn-microsoft.disabled.focus,
.btn-microsoft[disabled].focus,
fieldset[disabled] .btn-microsoft.focus {
    background-color: #2672ec;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft .badge {
    color: #2672ec;
    background-color: #fff;
}

.btn-odnoklassniki {
    color: #fff;
    background-color: #f4731c;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:focus,
.btn-odnoklassniki.focus {
    color: #fff;
    background-color: #d35b0a;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:hover {
    color: #fff;
    background-color: #d35b0a;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:active,
.btn-odnoklassniki.active,
.open>.dropdown-toggle.btn-odnoklassniki {
    color: #fff;
    background-color: #d35b0a;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:active:hover,
.btn-odnoklassniki.active:hover,
.open>.dropdown-toggle.btn-odnoklassniki:hover,
.btn-odnoklassniki:active:focus,
.btn-odnoklassniki.active:focus,
.open>.dropdown-toggle.btn-odnoklassniki:focus,
.btn-odnoklassniki:active.focus,
.btn-odnoklassniki.active.focus,
.open>.dropdown-toggle.btn-odnoklassniki.focus {
    color: #fff;
    background-color: #b14c09;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki:active,
.btn-odnoklassniki.active,
.open>.dropdown-toggle.btn-odnoklassniki {
    background-image: none;
}

.btn-odnoklassniki.disabled:hover,
.btn-odnoklassniki[disabled]:hover,
fieldset[disabled] .btn-odnoklassniki:hover,
.btn-odnoklassniki.disabled:focus,
.btn-odnoklassniki[disabled]:focus,
fieldset[disabled] .btn-odnoklassniki:focus,
.btn-odnoklassniki.disabled.focus,
.btn-odnoklassniki[disabled].focus,
fieldset[disabled] .btn-odnoklassniki.focus {
    background-color: #f4731c;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-odnoklassniki .badge {
    color: #f4731c;
    background-color: #fff;
}

.btn-openid {
    color: #fff;
    background-color: #f7931e;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:focus,
.btn-openid.focus {
    color: #fff;
    background-color: #da7908;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:hover {
    color: #fff;
    background-color: #da7908;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active,
.btn-openid.active,
.open>.dropdown-toggle.btn-openid {
    color: #fff;
    background-color: #da7908;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active:hover,
.btn-openid.active:hover,
.open>.dropdown-toggle.btn-openid:hover,
.btn-openid:active:focus,
.btn-openid.active:focus,
.open>.dropdown-toggle.btn-openid:focus,
.btn-openid:active.focus,
.btn-openid.active.focus,
.open>.dropdown-toggle.btn-openid.focus {
    color: #fff;
    background-color: #b86607;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active,
.btn-openid.active,
.open>.dropdown-toggle.btn-openid {
    background-image: none;
}

.btn-openid.disabled:hover,
.btn-openid[disabled]:hover,
fieldset[disabled] .btn-openid:hover,
.btn-openid.disabled:focus,
.btn-openid[disabled]:focus,
fieldset[disabled] .btn-openid:focus,
.btn-openid.disabled.focus,
.btn-openid[disabled].focus,
fieldset[disabled] .btn-openid.focus {
    background-color: #f7931e;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid .badge {
    color: #f7931e;
    background-color: #fff;
}

.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:focus,
.btn-pinterest.focus {
    color: #fff;
    background-color: #9f191f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:hover {
    color: #fff;
    background-color: #9f191f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:active,
.btn-pinterest.active,
.open>.dropdown-toggle.btn-pinterest {
    color: #fff;
    background-color: #9f191f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:active:hover,
.btn-pinterest.active:hover,
.open>.dropdown-toggle.btn-pinterest:hover,
.btn-pinterest:active:focus,
.btn-pinterest.active:focus,
.open>.dropdown-toggle.btn-pinterest:focus,
.btn-pinterest:active.focus,
.btn-pinterest.active.focus,
.open>.dropdown-toggle.btn-pinterest.focus {
    color: #fff;
    background-color: #801419;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:active,
.btn-pinterest.active,
.open>.dropdown-toggle.btn-pinterest {
    background-image: none;
}

.btn-pinterest.disabled:hover,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest:hover,
.btn-pinterest.disabled:focus,
.btn-pinterest[disabled]:focus,
fieldset[disabled] .btn-pinterest:focus,
.btn-pinterest.disabled.focus,
.btn-pinterest[disabled].focus,
fieldset[disabled] .btn-pinterest.focus {
    background-color: #cb2027;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest .badge {
    color: #cb2027;
    background-color: #fff;
}

.btn-reddit {
    color: #000;
    background-color: #eff7ff;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:focus,
.btn-reddit.focus {
    color: #000;
    background-color: #bcddff;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:hover {
    color: #000;
    background-color: #bcddff;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:active,
.btn-reddit.active,
.open>.dropdown-toggle.btn-reddit {
    color: #000;
    background-color: #bcddff;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:active:hover,
.btn-reddit.active:hover,
.open>.dropdown-toggle.btn-reddit:hover,
.btn-reddit:active:focus,
.btn-reddit.active:focus,
.open>.dropdown-toggle.btn-reddit:focus,
.btn-reddit:active.focus,
.btn-reddit.active.focus,
.open>.dropdown-toggle.btn-reddit.focus {
    color: #000;
    background-color: #98ccff;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:active,
.btn-reddit.active,
.open>.dropdown-toggle.btn-reddit {
    background-image: none;
}

.btn-reddit.disabled:hover,
.btn-reddit[disabled]:hover,
fieldset[disabled] .btn-reddit:hover,
.btn-reddit.disabled:focus,
.btn-reddit[disabled]:focus,
fieldset[disabled] .btn-reddit:focus,
.btn-reddit.disabled.focus,
.btn-reddit[disabled].focus,
fieldset[disabled] .btn-reddit.focus {
    background-color: #eff7ff;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit .badge {
    color: #eff7ff;
    background-color: #000;
}

.btn-soundcloud {
    color: #fff;
    background-color: #f50;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:focus,
.btn-soundcloud.focus {
    color: #fff;
    background-color: #c40;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:hover {
    color: #fff;
    background-color: #c40;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:active,
.btn-soundcloud.active,
.open>.dropdown-toggle.btn-soundcloud {
    color: #fff;
    background-color: #c40;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:active:hover,
.btn-soundcloud.active:hover,
.open>.dropdown-toggle.btn-soundcloud:hover,
.btn-soundcloud:active:focus,
.btn-soundcloud.active:focus,
.open>.dropdown-toggle.btn-soundcloud:focus,
.btn-soundcloud:active.focus,
.btn-soundcloud.active.focus,
.open>.dropdown-toggle.btn-soundcloud.focus {
    color: #fff;
    background-color: #a83800;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:active,
.btn-soundcloud.active,
.open>.dropdown-toggle.btn-soundcloud {
    background-image: none;
}

.btn-soundcloud.disabled:hover,
.btn-soundcloud[disabled]:hover,
fieldset[disabled] .btn-soundcloud:hover,
.btn-soundcloud.disabled:focus,
.btn-soundcloud[disabled]:focus,
fieldset[disabled] .btn-soundcloud:focus,
.btn-soundcloud.disabled.focus,
.btn-soundcloud[disabled].focus,
fieldset[disabled] .btn-soundcloud.focus {
    background-color: #f50;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud .badge {
    color: #f50;
    background-color: #fff;
}

.btn-tumblr {
    color: #fff;
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:focus,
.btn-tumblr.focus {
    color: #fff;
    background-color: #1c2d3f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:hover {
    color: #fff;
    background-color: #1c2d3f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active,
.btn-tumblr.active,
.open>.dropdown-toggle.btn-tumblr {
    color: #fff;
    background-color: #1c2d3f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active:hover,
.btn-tumblr.active:hover,
.open>.dropdown-toggle.btn-tumblr:hover,
.btn-tumblr:active:focus,
.btn-tumblr.active:focus,
.open>.dropdown-toggle.btn-tumblr:focus,
.btn-tumblr:active.focus,
.btn-tumblr.active.focus,
.open>.dropdown-toggle.btn-tumblr.focus {
    color: #fff;
    background-color: #111c26;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active,
.btn-tumblr.active,
.open>.dropdown-toggle.btn-tumblr {
    background-image: none;
}

.btn-tumblr.disabled:hover,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr:hover,
.btn-tumblr.disabled:focus,
.btn-tumblr[disabled]:focus,
fieldset[disabled] .btn-tumblr:focus,
.btn-tumblr.disabled.focus,
.btn-tumblr[disabled].focus,
fieldset[disabled] .btn-tumblr.focus {
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr .badge {
    color: #2c4762;
    background-color: #fff;
}

.btn-twitter {
    color: #fff;
    background-color: #55acee;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:focus,
.btn-twitter.focus {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:hover {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active,
.btn-twitter.active,
.open>.dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #2795e9;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active:hover,
.btn-twitter.active:hover,
.open>.dropdown-toggle.btn-twitter:hover,
.btn-twitter:active:focus,
.btn-twitter.active:focus,
.open>.dropdown-toggle.btn-twitter:focus,
.btn-twitter:active.focus,
.btn-twitter.active.focus,
.open>.dropdown-toggle.btn-twitter.focus {
    color: #fff;
    background-color: #1583d7;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active,
.btn-twitter.active,
.open>.dropdown-toggle.btn-twitter {
    background-image: none;
}

.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled.focus,
.btn-twitter[disabled].focus,
fieldset[disabled] .btn-twitter.focus {
    background-color: #55acee;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter .badge {
    color: #55acee;
    background-color: #fff;
}

.btn-vimeo {
    color: #fff;
    background-color: #1ab7ea;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:focus,
.btn-vimeo.focus {
    color: #fff;
    background-color: #1295bf;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:hover {
    color: #fff;
    background-color: #1295bf;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:active,
.btn-vimeo.active,
.open>.dropdown-toggle.btn-vimeo {
    color: #fff;
    background-color: #1295bf;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:active:hover,
.btn-vimeo.active:hover,
.open>.dropdown-toggle.btn-vimeo:hover,
.btn-vimeo:active:focus,
.btn-vimeo.active:focus,
.open>.dropdown-toggle.btn-vimeo:focus,
.btn-vimeo:active.focus,
.btn-vimeo.active.focus,
.open>.dropdown-toggle.btn-vimeo.focus {
    color: #fff;
    background-color: #0f7b9f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:active,
.btn-vimeo.active,
.open>.dropdown-toggle.btn-vimeo {
    background-image: none;
}

.btn-vimeo.disabled:hover,
.btn-vimeo[disabled]:hover,
fieldset[disabled] .btn-vimeo:hover,
.btn-vimeo.disabled:focus,
.btn-vimeo[disabled]:focus,
fieldset[disabled] .btn-vimeo:focus,
.btn-vimeo.disabled.focus,
.btn-vimeo[disabled].focus,
fieldset[disabled] .btn-vimeo.focus {
    background-color: #1ab7ea;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo .badge {
    color: #1ab7ea;
    background-color: #fff;
}

.btn-vk {
    color: #fff;
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:focus,
.btn-vk.focus {
    color: #fff;
    background-color: #466482;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:hover {
    color: #fff;
    background-color: #466482;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active,
.btn-vk.active,
.open>.dropdown-toggle.btn-vk {
    color: #fff;
    background-color: #466482;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active:hover,
.btn-vk.active:hover,
.open>.dropdown-toggle.btn-vk:hover,
.btn-vk:active:focus,
.btn-vk.active:focus,
.open>.dropdown-toggle.btn-vk:focus,
.btn-vk:active.focus,
.btn-vk.active.focus,
.open>.dropdown-toggle.btn-vk.focus {
    color: #fff;
    background-color: #3a526b;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active,
.btn-vk.active,
.open>.dropdown-toggle.btn-vk {
    background-image: none;
}

.btn-vk.disabled:hover,
.btn-vk[disabled]:hover,
fieldset[disabled] .btn-vk:hover,
.btn-vk.disabled:focus,
.btn-vk[disabled]:focus,
fieldset[disabled] .btn-vk:focus,
.btn-vk.disabled.focus,
.btn-vk[disabled].focus,
fieldset[disabled] .btn-vk.focus {
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk .badge {
    color: #587ea3;
    background-color: #fff;
}

.btn-yahoo {
    color: #fff;
    background-color: #720e9e;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:focus,
.btn-yahoo.focus {
    color: #fff;
    background-color: #500a6f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:hover {
    color: #fff;
    background-color: #500a6f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:active,
.btn-yahoo.active,
.open>.dropdown-toggle.btn-yahoo {
    color: #fff;
    background-color: #500a6f;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:active:hover,
.btn-yahoo.active:hover,
.open>.dropdown-toggle.btn-yahoo:hover,
.btn-yahoo:active:focus,
.btn-yahoo.active:focus,
.open>.dropdown-toggle.btn-yahoo:focus,
.btn-yahoo:active.focus,
.btn-yahoo.active.focus,
.open>.dropdown-toggle.btn-yahoo.focus {
    color: #fff;
    background-color: #39074e;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:active,
.btn-yahoo.active,
.open>.dropdown-toggle.btn-yahoo {
    background-image: none;
}

.btn-yahoo.disabled:hover,
.btn-yahoo[disabled]:hover,
fieldset[disabled] .btn-yahoo:hover,
.btn-yahoo.disabled:focus,
.btn-yahoo[disabled]:focus,
fieldset[disabled] .btn-yahoo:focus,
.btn-yahoo.disabled.focus,
.btn-yahoo[disabled].focus,
fieldset[disabled] .btn-yahoo.focus {
    background-color: #720e9e;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo .badge {
    color: #720e9e;
    background-color: #fff;
}


/*=========================switcher ==============================*/

.color1 {
    background-color: #ffa2a2 !important;
}

.color2 {
    background-color: #FF2761 !important;
}

.color3 {
    background-color: #dd6b1f !important;
}

.color4 {
    background-color: #2dcc70 !important;
}

.color5 {
    background-color: #de302f !important;
}

.color6 {
    background-color: #6054c2 !important;
}

.color7 {
    background-color: #00FFFF !important;
}

.color8 {
    background-color: #FF7F50 !important;
}

.color9 {
    background-color: #FF8C00 !important;
}

.color10 {
    background-color: #FFD700 !important;
}

.styleswitch.layoutswitch {
    background: none repeat scroll 0 0 #f4f4f4;
    border: medium none !important;
    color: #fff !important;
    display: inline-block;
    height: auto;
    margin: 3px 0;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    text-decoration: none !important;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.styleswitch.layoutswitch:hover {
    background: #000 !important;
}

.styleswitch {
    background-color: #e425e9;
    border: 4px solid #ddd;
    display: inline-block;
    height: 28px;
    margin: 4px 10px;
    width: 28px;
}

#switcher-body .container {
    background: #fff;
    margin: 50px auto;
    border: 1px solid #dedede;
    padding: 40px;
}

.demo_changer {
    z-index: 1001;
    position: fixed;
    left: -71px;
    top: 150px;
    font-weight: 400 !important;
}

.purchase {
    text-decoration: underline;
    color: #4BACC6;
}

.demoPanel {
    position: relative;
}

.evo-pop {
    z-index: 10000;
    width: 204px;
    padding: 3px 3px 0;
}

.evo-pop-ie {
    z-index: 10000;
    width: 212px;
    padding: 3px;
}

.evo-palette td {
    font-size: 1px;
    border: solid 1px #c0c0c0;
    padding: 7px;
    cursor: pointer;
}

.evo-palette tr.top td {
    border-bottom: 0;
}

.evo-palette tr.in td {
    border-top: 0;
    border-bottom: 0;
}

.evo-palette tr.bottom td {
    border-top: 0;
}

.evo-palette div.sep {
    height: 3px;
}

.evo-palette,
.evo-palette-ie {
    border-collapse: separate;
    border-spacing: 4px 0;
    *border-collapse: expression('separate', cellSpacing='2px');
}

.evo-palette th,
.evo-palette-ie th {
    border: 0;
    padding: 5px 3px;
    text-align: left;
    font-weight: normal;
    background: transparent !important;
}

.evo-palette-ie td {
    font-size: 1px;
    border: solid 1px #c0c0c0;
    padding: 7px;
    cursor: pointer;
}

.evo-palette2,
.evo-palette2-ie {
    margin: auto;
    border-collapse: collapse;
}

.evo-palette2 td,
.evo-palette2-ie td {
    font-size: 1px;
    cursor: pointer;
}

.evo-palette2 td {
    padding: 6px 7px;
}

.evo-palette2-ie td {
    padding: 5px;
}

.evo-palcenter {
    padding: 5px;
    text-align: center;
}

.evo-colorind,
.evo-colorind-ie,
.evo-colorind-ff {
    border: solid 1px #c3c3c3;
    width: 20px;
    height: 20px;
    float: right;
}

.evo-colorind {
    position: relative;
    top: 2px;
}

.evo-colorind-ie {
    position: relative;
    top: -23px;
}

.evo-colorbox-ie {
    font-size: 8px;
    padding: 3px 9px !important;
}

.evo-colortxt-ie {
    position: relative;
    top: -6px;
}

.evo-pop:after,
.evo-pop-ie:after,
.evo-colorind:after,
.evo-colorind-ie:after,
.evo-colorind-ff:after,
.evo-color span:after,
.evo-cHist:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.evo-color {
    width: 94px;
    padding: 1px 3px 0 4px;
}

.evo-color div {
    border: solid 1px #808080;
    border-right: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
    padding: 3px;
    margin-bottom: 5px;
    width: 10px;
    height: 10px;
    float: left;
}

.evo-color span {
    font-size: 15px;
    margin: 1px 0 4px 3px;
    float: left;
}

.evo-sep {
    height: 10px;
    font-size: 0;
}

.evo-more {
    padding: 4px 5px 4px;
    font-size: smaller;
}

.evo-cHist {
    padding: 3px;
}

.evo-cHist div {
    cursor: pointer;
    border: solid 1px #c0c0c0;
    padding: 3px;
    margin: 5px;
    width: 10px;
    height: 10px;
    float: left;
}

a.evo-hist {
    margin-left: 6px;
}

.evo-pointer {
    cursor: pointer;
}

.evo-pop {
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    padding: 10px !important;
    width: 225px !important;
    z-index: 10000;
}

.evo-colorind,
.evo-colorind-ie,
.evo-colorind-ff {
    border: 1px solid #C3C3C3;
    height: 20px;
    position: absolute;
    top: 11px;
    right: 5px;
    width: 20px;
}

.demo_changer p {
    margin: 10px 0;
}

.demo_changer .dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background: #fff;
}

.demo_changer h4 {
    color: #545454 !important;
    margin: 10px 0 !important;
    text-transform: uppercase;
}

.demo_changer select:active,
.demo_changer select:focus,
.demo_changer select:hover,
.demo_changer .button:active,
.demo_changer .button:focus,
.demo_changer .button:hover,
.demo_changer .btn:active,
.demo_changer .btn:focus,
.demo_changer .btn:hover,
.demo_changer .button:active,
.demo_changer .button:focus,
.demo_changer .button:hover {
    box-shadow: none !important;
}

.demo_changer .button {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    background: #fff;
    line-height: 1.42857;
    margin-bottom: 0;
    width: 145px !important;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.demo_changer .img-thumbnail {
    height: 35px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    width: 46% !important;
    padding: 2px;
}

.demo_changer img {
    border: 4px solid #E1E1E1;
    height: 32px;
    margin: 2px !important;
    width: 32px !important;
}

.demo_changer hr {
    border-color: #E0E0E0;
}

.demo_changer,
.demo_changer p {
    color: #545454 !important;
}

.demo_changer h4 {
    color: #212121 !important;
    font-size: 12px;
    padding-bottom: 0;
    text-align: center;
}

.demo_changer i {
    color: #fff;
    font-size: 21px;
}

.demo_changer .btn {
    margin-top: 10px;
}

.demo_changer .demo-icon {
    background: #3f73d1;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0px;
    border-color: #ddd;
    cursor: pointer;
    text-align: center;
    padding: 2px;
    float: right;
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.demo_changer .form_holder {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 0;
    cursor: pointer;
    float: right;
    font-size: 12px;
    padding: 6px;
    width: 71px;
}

.demo_changer .form_holder p {
    font-size: 12px;
}

.color_display_2 {
    clear: both;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    width: 31px !important;
    height: 31px;
    margin-bottom: 7px;
    padding: 4px 10px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
}

.color_display_2 a {
    color: #fff;
    text-decoration: none;
}

.color_display_2 a:focus,
.color_display_2 a:hover {
    color: #ededed !important;
    text-decoration: none;
}

.demoPanel {
    margin: 0;
    padding: 0;
    width: 125px;
}

.predefined_styles {
    padding: 0 5px;
}

@media only screen and (max-width: 768px) {
    /*.demo_changer {
	display: none;
}*/
}

.demo_changer .btn {
    width: 165px !important;
}

.bootstrap-select.show-menu-arrow.open>.btn {
    z-index: 2051;
}

.bootstrap-select .btn:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.btn-group .btn .filter-option {
    overflow: hidden;
    position: absolute;
    left: 12px;
    right: 25px;
    text-align: left;
}

.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group>.disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled>a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group>.disabled:focus {
    outline: none !important;
}

.bootstrap-select.btn-group[class*="span"] .btn {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu dt {
    display: block;
    padding: 3px 20px;
    cursor: default;
}

.bootstrap-select.btn-group .div-contain {
    overflow: hidden;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li>a.opt {
    position: relative;
    padding-left: 35px;
}

.bootstrap-select.btn-group .dropdown-menu li>a {
    cursor: pointer;
}

.bootstrap-select.btn-group .dropdown-menu li>dt small {
    font-weight: normal;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
    display: inline-block;
    position: absolute;
    right: 15px;
    margin-top: 2.5px;
}

.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
    display: none;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled)>a small {
    color: #64b1d8;
    color: rgba(255, 255, 255, 0.4);
}

.bootstrap-select.btn-group .dropdown-menu li>dt small {
    font-weight: normal;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid #ccc;
    border-bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.2);
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
    display: block;
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
}

.mobile-device {
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select.btn-group.fit-width .btn .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .btn .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.control-group.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select-searchbox {
    padding: 4px 8px;
}

.bootstrap-select-searchbox input {
    margin-bottom: 0;
}