Mr.Combet Webshell 🔥

View File Name : cardio.css

@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900');
body {
    font-family: 'Roboto', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 14px;
    overflow-x: hidden;
    color: #2a3237;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.parallax {
    position: absolute;
    overflow: hidden;
    width: 100%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.parallax img {
    width: 100%;
    height: 100%;
}


/* Preloader */

.preloader {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: white;
}

.preloader img {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
}

.preloader div {
    display: none;
    /* Preload the Second Pricing Image */
    background: url(../../img/pricing2.jpg) no-repeat 9999px 9999px;
    background-position: 9999px 9999px;
}


/* Typography */

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

img {
    max-width: 100%;
}

p {
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    margin-bottom: 2rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
    position: relative;
    margin: 10px 0;    
}

h1 {
    font-size: 58px;
}

h2 {
    font-size: 42px;    
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

ol, ul{
	padding-left: 20px
}

ul.white-list {
    padding: 0;
    list-style-type: none;
}

ul.white-list li {
    font-size: 18px;
    margin: 10px 0;
    color: #fff;
}

ul.white-list li:before {
    content: ' ';
    position: relative;
    top: -3px;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 15px;
    background: white;
}


/* Default css */

.col_wh{

color: #fff !important;

}


.title-head {
    font-weight: bold;
    text-transform: uppercase;
}

.title-bold {
    font-weight: bold;
}

.title-up {
    text-transform: uppercase;
}

.title-up {
    text-transform: uppercase;
}

.color-theme {
    background-color: #982727;
    color: #ffffff;
}

.color-theme .light {
    opacity: 0.6;
    margin-bottom: 0
}

.top-margin {
    margin-top: 30px;
}

.left-block {
    float: left;
    width: auto;
}

.right-block {
    float: right;
}

.bottom-margin {
    margin-bottom: 45px;
}

.image-block {
    background-size: cover;
    background-position: center;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 100%;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overlay-theme {
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.absolute-block {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.list-style {
    padding-left: 0;
}

.list-style li {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #efefef;
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
}

.btn-play {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    border: 3px solid #ffffff;
    padding: 10px 22px;
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    position: relative;
    z-index: 10;
    opacity: 0.7;
    box-shadow: 0 1px 25px rgba(0, 0, 0, 0.3);
}

.btn-play:hover {
    cursor: pointer;
    background-color: #00a8ff;
    border-color: transparent;
    opacity: 1;
}

.font-normal {
    font-weight: 100;
    opacity: 0.8
}

.traingle-skew {
    transform: skew(-22deg);
    -webkit-transform: skew(-22deg);
}

.white-block {
    background-color: #ffffff;
}

.has-circle {
    background-color: rgba(255, 255, 255, 0.03);
    width: 450px;
    height: 450px;
    border-radius: 100%;
    box-shadow: 0 2px 80px rgba(0, 0, 0, 0.09);
}

.has-circle:after {
    content: "";
    width: 150px;
    height: 150px;
    background-color: rgba(255, 255, 255, 0.03);
    border-radius: 100%;
    position: absolute;
    top: -5%;
    right: -3%;
    left: auto;
}

.caret{
    position: relative;
    left: 2px
}

.change-top {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.current-item,
.current-item>a {
    color: #e31606 !important;
    background-color: transparent !important;
}

.animate-down {
    -webkit-animation: fadeInDown 1s linear;
    /* Safari 4.0 - 8.0 */
    -moz-animation: fadeInDown 1s linear;
    -o-animation: fadeInDown 1s linear;
    animation: fadeInDown 1s linear;
}

.animate-left {
    -webkit-animation: fadeInLeft 0.7s linear;
    /* Safari 4.0 - 8.0 */
    -moz-animation: fadeInLeft 0.7s linear;
    -o-animation: fadeInLeft 0.7s linear;
    animation: fadeInLeft 0.7s linear;
}

.animate-up {
    -webkit-animation: fadeInUp 2s linear;
    /* Safari 4.0 - 8.0 */
    -moz-animation: fadeInUp 2s linear;
    -o-animation: fadeInUp 2s linear;
    animation: fadeInUp 2s linear;
}

.animate-delay {
    animation-delay: 0.5s !important;
}

.animate-delay1 {
    animation-delay: 1s !important;
}

.animate-delay2 {
    animation-delay: 1.8s !important;
}

.animate-delay3 {
    animation-delay: 2.5s !important;
}

.owl-carousel .animated {
    animation-duration: 1.5s;
}

.centered-block {
    display: table-cell;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    position: relative;
}

.owl-banner .centered-block .btn.btn-white-fill{
    border-color: #d6d6d6;
}

.centered-transform {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.typed {
    font-weight: 100;
}

.typed span {
    font-weight: bold;
    color: red
}

.text-center {
    margin-bottom: 15px;
}

.title-head {
    text-transform: uppercase;
}

.align-center {
    text-align: center;
}

.list-style1,
.list-style2 {
    padding-left: 0;
    margin: 0;
}

.list-style1 li {
    display: block;
}

.list-style2 li {
    display: inline-block;
}

.owl-controls {
    z-index: 1
}

.owl-theme .owl-nav [class*=owl-] {
    font-size: 0;
    background: transparent;
    font-family: 'FontAwesome';
    margin: 2px;
    border: 1px solid #fff;
    padding: 2px 6px;
    border-radius: 0;
    opacity: 0.6;
}

.owl-theme .owl-nav [class*=owl-]:before {
    font-size: 15px;
    background: transparent;
}

.owl-theme .owl-nav .owl-prev:before {
    content: "\f104";
}

.owl-theme .owl-nav .owl-next:before {
    content: "\f105";
}

.owl-theme .owl-nav [class*=owl-]:hover {
    opacity: 1;
    background: transparent;
}


.modal {
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.9);
}

a {
    text-decoration: none;
    color: #00a8ff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
}

a:hover {
    text-decoration: none;
    outline: none;
}


/* Navigation Bar ( Navbar ) */

header {
    position: relative;
    width: 100%;
    color: white;
    background: rgba(28, 36, 65, 0.93);
    background: url('../../img/header.jpg');
    background-size: cover;
}

header .table {
    position: absolute;
    height: 100%;
    top: 25%;
}

header .container {
    height: 100%;
    display: table;
    text-align: center;
}

header .header-text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white;
    opacity: 0.9;
    padding: 0 15%;
}

header .header-text .btn {
    margin-top: 20px;
}

header .typed {
    display: inline-block;
    margin: 0;
}

header .typed-cursor {
    font-size: 60px;
    display: inline-block;
    margin: 0 10px;
    color: #00a8ff;
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.top-header {
    display: inline-block;
    vertical-align: top;
    padding: 5px 15px;
    width: 100%;
    background-color: #011659;
    /*background-color: #9d7a79;*/
    color: #ffffff;    
    font-weight: 300;
}

.top-header li a {
    color: #ffffff;
    font-size: 13px;
}

.top-header li:hover a {
    color: #ffc7c3;
}

.top-header li a span {
    padding-left: 7px;
}

.social-link:first-child {
    padding-left: 0
}

.social-link:first-child li:first-child {
    margin-left: 0
}

.social-link {
    padding-left: 3px;
}

.social-link li {
    margin: 0 6px;
}

#tag-line {
    float: left;
    padding-right: 8px;
}

.inline-tag {
    padding-left: 5px
}

#tag-line .vertical {
    float: left;
}

.carousel.vertical .item.left {
    transform: translate3d(0px, -25px, 0px);
    left: 0;
}

.carousel.vertical .item {
    left: 0;
    top: 40px;
    opacity: 0;
    transition-property: opacity;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.carousel.vertical .active {
    top: 0;
    opacity: 1;
}

nav.navbar {
    z-index: 9500;
    width: 100%;
    width: 100vw;
    padding: 0 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

nav.navbar .navbar-nav li.active a:not(.btn) {
    color: #00a8ff !important;
}

.header-navigation {
    background-color: rgba(255, 255, 255, 1);
    padding: 0 15px;
    border-radius: 0;
    -webkit-border-radius: 0;
    margin-bottom: 0;
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.05s linear;
}

.header-navigation .current-item .fa {
    font-size: 21px;
}

.navbar-header .navbar-brand{
    height: 60px;
    padding: 0;
}

.navbar-brand>img {
    height: 100%;
}

/* layout2 start here */

.fixed-nav {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.9);
}

.header-navigation ul>li.dropdown>a {
    margin: -17px 0;
    padding: 31px 10px;
}

.header-navigation .dropdown-menu {
    left: 0;
    border: none;
    padding: 0;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.15);
    background-color: rgba(255, 255, 255, 0.97);
    top: 134%;
    right: auto;
    width: auto;
}

.header-navigation .dropdown-menu>li>a {
    color: #555555;
    padding: 8px 15px;
    border-bottom: 1px solid #e6e2e2;
    font-size: 90%;
}

.header-navigation .dropdown-menu>li:last-child a {
    border-bottom: none;
}

.header-navigation .dropdown:hover .dropdown-menu {
    top: 134%;
}

.header-navigation .dropdown-menu>li>a:focus,
.header-navigation .dropdown-menu>li>a:hover {
    color: #e31606;
    border-radius: 4px;
}

nav.navbar-fixed-top {
    z-index: 9499;
    top: 0;
    position: fixed;
    background-color: rgba(255, 255, 255, 1);
}

nav.header-navigation .navbar-nav>li>a:not(.btn),
.navbar-nav>li>a {
    color: #7c7c7c;
    opacity: 1;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    transition: all 0.3s linear;
    background-color: transparent;
}


/* .layout2 .header-navigation .navbar-nav > li > a:not(.btn){
	color: #000;
} */

nav.navbar-fixed-top .btn-red,
nav.header-navigation .navbar-nav>li a.btn.btn-red:hover {
    color: #ffffff;
    border-color: #e31606;
}

nav.header-navigation .navbar-nav>li>a:hover,
nav.header-navigation .navbar-nav>li a.btn.btn-red:hover,
.nav>li>a:focus,
.nav>li>a:hover,
.mobile-nav ul li a:hover,
nav.navbar-fixed-top .btn-red {
    color: #e31606;
    background-color: transparent;
}

nav.navbar-fixed-top .btn.btn-red:hover {
    background-color: #e31606 !important;
    color: #ffffff !important;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.header-navigation.navbar-fixed-top .dropdown-menu,
.header-navigation.navbar-fixed-top .dropdown:hover .dropdown-menu {
    top: 150%;
    background-color: rgba(255, 255, 255, 1);
}

.icon-bar {
    background: #bbb;
}

.fixed-menu {
    position: fixed;
    top: 42%;
    left: 10px;
    width: auto;
    z-index: 10;
    opacity: 0;
}

.fixed-menu.change-top {
    top: 37%;
}

.fixed-menu li:first-child {
    display: none;
}

.fixed-menu li.active a {
    opacity: 0.95;
    background-color: rgba(128, 8, 8, 0.2)
}

.fixed-menu li a img {
    width: 23px;
    opacity: 0.8;
}

.fixed-menu,
.fixed-menu:hover,
.fixed-menu.hidden-menu,
.fixed-menu.hidden-menu:hover {
    transition: all 0.6s linear;
}

.fixed-menu li:hover>a,
.fixed-menu li:hover>a img {
    opacity: 1;
}

.fixed-menu li {
    padding: 0;
    width: auto;
    line-height: 0;
    margin-bottom: 4px;
}

.fixed-menu li span {
    position: relative;
    top: 22px;
    font-size: 15px;
    float: right;
    display: none;
    transition: all 0.3s linear;
}

.fixed-menu li .icon {
    float: left;
    background-color: rgba(195, 37, 25, 1);
    width: 45px;
    height: 45px;
    text-align: center;
    padding: 12px 12px;
    font-size: 20px;
    border-radius: 4px;
    transition: all 0.5s linear;
}

.fixed-menu li a:hover .icon {
    float: right;
    transition: all 0.5s linear;
    margin-left: 10px;
}

.fixed-menu li:last-child {
    border: none;
}

.fixed-menu li a {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 100;
    font-size: 11px;
    display: inline-block;
    padding: 0;
    opacity: 0.8;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.fixed-menu li a:hover {
    background-color: rgba(65, 12, 8, 0.9);
    padding-left: 10px;
}

.fixed-menu li a:hover span {
    display: inline-block;
    transition: all 0.3s linear;
}

.fixed-menu.hidden-menu {
    left: 0;
}

.fixed-menu.hidden-menu li:first-child {
    display: block;
}

.fixed-menu.hidden-menu li {
    margin-bottom: 0;
}

.fixed-menu.hidden-menu li .icon {
    border-radius: 0;
}

.fixed-menu.hidden-menu li .icon {
    border-bottom: 0.8px solid rgba(187, 11, 11, 0.9);
}

.fixed-menu.hidden-menu li:first-child .icon {
    border-top-right-radius: 5px;
}

.fixed-menu.hidden-menu li:last-child .icon {
    border-bottom-right-radius: 5px;
}

.fixed-menu li a:hover,
.fixed-menu.hidden-menu li a:hover .icon {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


/* Buttons */

.btn {
    font-size: 15px;
    display: inline-block;
    padding: 10px 30px;
    color: white;
    position: relative;
    z-index: 1;
    border: 1px solid transparent;
    border-radius: 3px;
    background: transparent;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn:hover,
.btn:focus,
.btn:active {
    color: #2fb5fb;
    opacity: 0.7;
    outline: 0;
    box-shadow: none;
}

.btn,
.btn:hover {
    -webkit-transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.intro-table .item .absolute-block small {
    display: none;
    transition: all 0.3s linear;
}

.btn.btn-red {
    background: #e31606;
    color: #ffffff;
}

.btn.btn-red:hover {
    opacity: 0.8;
    background: rgba(227, 27, 11, 0.6);
    color: #ffffff;
}

.btn-red:hover,
.btn-red:focus,
.btn-red-fill:hover,
.btn-red-fill:focus {
    border-color: #e31606;
    outline: 0;
}

.btn.btn-blue {
    background: #00a8ff;
}

.btn.btn-blue:hover {
    background: #31b9ff;
    color: white;
}

.btn.btn-txt-blue {
    color: #00a8ff;
    padding: 5px 30px
}

.btn.btn-txt-blue:hover {
    opacity: 0.6;
}

.btn.btn-dark-blue {
    color: #6690a6;
    padding: 5px 15px;
    font-weight: 300;
}

.btn.btn-dark-blue:hover {
    opacity: 0.6;
    padding: 5px 30px;
}

.btn.btn-blue-fill {
    color: #00a8ff;
    border-color: #00a8ff;
    background: transparent;
}

.btn.btn-blue-fill:hover {
    color: white;
    background: #00a8ff;
}

.btn.btn-red-fill {
    color: #e31606;
    border-color: #e31606;
    background: transparent;
}

.btn.btn-red-fill:hover {
    color: white;
    background: #e31606;
}

.btn.btn-white-fill {
    color: #fff;
    border-color: #fff;
    background: transparent;
}

.btn.btn-white-fill:hover {
    color: #e31606;
    background: #fff;
}

.btn.btn-gray-fill {
    color: #fff;
    border-color: #fff;
    background: transparent;
}

.btn.btn-gray-fill:hover {
    border-color: #bbb;
    background: #bbb;
}


/* Blink Cursor */

.blink {
    position: relative;
    top: 4px;
    display: inline-block;
    width: 4px;
    height: 50px;
    height: 5vh;
    margin: 0 10px;
}

.container {
    position: relative;
    z-index: 1;
}


/* Owl Carousel Banner */

.owl-dots {
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: auto;
    top: auto;
}

.owl-banner.owl-theme .owl-dots {
    bottom: 140px;
}

.owl-banner.owl-theme .owl-nav{
    display: none;
}

.owl-banner.owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
}

.bottom .owl-dots {
    top: 18px;
    right: 6px;
    width: auto;
    display: none;
}


/* Sections */

section {
    position: relative;
}

.section {
    padding: 50px 0;
}

.section-padded {
    padding: 75px 0 50px;
}

.cut-top {
    content: ' ';
    position: absolute;
    z-index: 1;
    top: -80px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 80px solid transparent;
    border-right: 30px solid white;
}

.cut-bottom {
    display: none;
}

.cut-top {
    display: none;
}

#intro {
    position: relative;
    display: block;
    min-height: 200px;
    background-color: rgb(88, 95, 113);
}

#intro .owl-banner .item {
    display: table;
    width: 100%;
}

#intro .owl-banner .item .title-up{
    font-weight: 900;
    color: #e3dbdb;
}

.owl-banner .centered-block .light{
    margin-bottom: 10px;
    color: #dbdada !important
}

.intro-tables {
    position: relative;
    margin-top: -180px;
    display: inline-block;
    width: 100%;
    opacity: 0;
}

.intro-table {
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #cccccc;
    background-repeat: repeat;
    background-position: 0% 0%;
    overflow: hidden;
}

.intro-table small {
    font-size: 100%;
    color: white;
}

.intro-table a.btn {
    font-size: 16px;
    padding: 10px 15px;
}

.intro-table-hover .expand{
    margin: 30px;
    position: absolute;
    bottom: 30px
}

.intro-table .item .absolute-block {
    left: 15px;
    bottom: 8px;
    height: auto;
    top: auto;
}

.intro-table .item .overlay-theme {
    height: 100%;
    width: 100%;
    transition: none;
    -webkit-transform: none;
    top: 0;
    left: 0;
    z-index: auto;
    opacity: 0.8;
    background-color: rgba(0, 0, 0, 0.5)
}

.intro-table .owl-nav {
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 12px;
}

.intro-table .owl-theme .owl-nav .owl-prev:hover {
    opacity: 1
}

.intro-table .traingle-right .fa {
    transform: rotate(-115deg);
    font-size: 20px;
    transition: all 0.3s linear
}

.intro-table .traingle-right:hover .fa {
    transform: rotate(-140deg);
    transition: all 0.3s linear
}

.intro-table .overlay-theme a {
    color: white;
}

.intro-table .owl-carousel {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.intro-table .item {
    padding-top: 80px;
    position: relative;
}

.intro-table-hover {
    -webkit-transition: background-image 0.3s ease, background-position 0.3s;
    transition: background-image 0.3s ease, background-position 0.3s;
    background-image: url('../../img/table-2.jpg');
}

.intro-tables .intro-table {
    position: relative;
    width: 100%;
    height: 300px;
}

.intro-tables .intro-table .heading {
    margin: 0;
    padding: 30px;
    position: relative;
    z-index: 10;
    padding-right: 0;
}

.intro-tables .intro-table .white.heading {
    display: inline-block;
}

.intro-tables .intro-table .white.heading.small-pt {
    padding: 0 30px 30px 30px;
    display: block;
}

.intro-tables .intro-table .heading.content {
    padding: 5px 30px 15px;
    display: block;
}

.intro-tables .intro-table .heading.light.author {
    position: absolute;
    bottom: 0;
    right: 0;
}

.intro-tables .intro-table .small-heading {
    margin: 0;
    padding: 0 30px;
}

.intro-tables .intro-table .owl-schedule .schedule-row {
    padding: 10px 30px;
    color: white;
    transition: all 0.3s ease;
}

.owl-schedule .schedule-row:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.owl-testimonials .author {
    margin-top: 50px;
}

.ripple-effect {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: white;
    -webkit-animation: ripple-animation 2s;
    animation: ripple-animation 2s;
}

@-webkit-keyframes ripple-animation {
    from {
        opacity: 0.2;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(100);
        transform: scale(100);
    }
}

@keyframes ripple-animation {
    from {
        opacity: 0.2;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(100);
        transform: scale(100);
    }
}

.services {
    margin: 20px 0;
}

.service a {
    padding: 12px;
    display: inline-block;
}

.service {
    width: 100%;
    height: 320px;
    margin: 20px 0;
    display: table;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.service .icon-holder {
    position: relative;
    top: -57px;
    display: inline-block;
    margin-bottom: 40px;
    padding: 10px;
    background: white;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.service .heading {
    position: relative;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.service .icon-holder>img.icon {
    width: 40px;
}

.service .description {
    width: 80%;
    min-height: 72px;
    display: block;
    margin: 0 auto;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.team {
    margin: 20px 0;
    padding-bottom: 40px;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
}

.team .cover {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

.team .cover .overlay {
    height: 205px;
    background: rgba(0, 168, 255, 0.4);
    -webkit-transition: opacity 0.45s ease;
    transition: opacity 0.45s ease;
}

.team .cover .absolute-block {
    background-color: rgba(0, 0, 0, 0.4);
}

.team:hover .cover .absolute-block {
    background-color: transparent;
}

.team .btn.btn-white-fill:hover {
     color: #00a8ff;
}

.team .avatar {
    position: relative;
    z-index: 2;
    margin-top: -60px;
    border-radius: 50%;
}

.team .title {
    margin: 50px 5px;
}


/* Gallery */

.gallery {
    background-color: #ffffff;
}

.gallery .team {
    padding-bottom: 0;
    margin: 20px 0 10px;
}

.owl-pricing img {
    width: 100%;
}

.owl-pricing,
.pricings {
    margin-top: 100px;
    margin-bottom: 100px;
}

.pricing {
    position: relative;
    width: 100%;
}

.pricings .pricing .box-main,
.pricings .pricing .box-second {
    position: relative;
    left: 25%;
    display: inline-block;
    width: 50%;
    height: 300px;
    padding: 50px 40px;
    background: #bbb;
    -webkit-transition: -webkit-transform 0.3s, background-image 0.3s, opacity 0.3s;
    transition: transform 0.3s, background-image 0.3s, opacity 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.pricings .pricing .box-main {
    z-index: 10;
    padding-top: 40px;
}

.pricings .pricing .box-main:not(.active) {
    cursor: pointer;
}

.pricings .pricing .box-main .info-icon {
    font-size: 14px;
    position: absolute;
    top: 20px;
    right: 20px;
    pointer-events: none;
    opacity: 0;
    color: #fff;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.pricings .pricing .box-main:not(.active) .info-icon {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.pricings .pricing .box-main:not(.active):hover {
    background: #afafaf;
}

.pricings .pricing .box-main.active {
    background: #00a8ff;
    -webkit-transform: translateX(-99%);
    -ms-transform: translateX(-99%);
    transform: translateX(-99%);
}

.pricings .pricing .box-second {
    position: absolute;
    top: 0;
    right: 0% !important;
    left: auto;
    opacity: 0;
    background: #afafaf;
}

.pricings .pricing .box-second.active {
    opacity: 1;
    background: #00a8ff;
}

.pricings .pricing.active .box-main,
.pricings .pricing .box-second {
    background: #00a8ff;
}

.pricings .pricing .box-main a.btn {
    margin-top: 50px;
}

#video-block>.absolute-block {
    top: 58%;
    left: -17%;
    height: auto;
    width: auto;
}

.color-theme .btn {
    width: auto;
    text-transform: uppercase;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
    opacity: 0.28;
    position: relative;
    top: 0;
}

.color-theme .btn:hover {
    color: #ffffff;
    box-shadow: 0 15px 90px rgba(0, 0, 0, 0.8);
    opacity: 0.4;
    background-color: transparent;
    top: -8px;
    padding: 10px 40px;
}

.video-section {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
    position: relative;
    border: 3px solid rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    min-height: 365px;
}

.box-shadow-wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
}

.box-shadow-wrapper:after {
    content: "";
    background: url(../../img/box-shadow.png);
    background-size: cover;
    position: absolute;
    bottom: -42px;
    left: 0;
    width: 100%;
    height: 72px;
    z-index: -1;
}

.video-gallery iframe {
    margin-bottom: 25px;
    min-height: 350px;
    display: block;
    background-color: #aaaaaa;
}

.owl-twitter {
    padding-top: 50px;
}

.owl-twitter i.icon {
    font-size: 36px;
    margin-bottom: 60px;
    color: white;
}


/* Footer */

.top-footer {
    padding: 65px 0 30px;
    position: relative;
    background: url('../../img/footer.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.top-footer .overlay-theme{
	background-color: rgba(0, 0, 0, 0.5)
}

.top-footer .trial-button {
    overflow: hidden !important;
    margin: 40px 0;
}

.top-footer .open-blink {
    content: ' ';
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 20px;
    border-radius: 50%;
    background-color: #4caf50;
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.top-footer .open-blink:before {
    content: ' ';
    position: absolute;
    top: -8px;
    left: -8px;
    display: inline-block;
    width: 30px;
    height: 30px;
    opacity: 0.1;
    border-radius: 50%;
    background-color: #4caf50;
}


/* footer .opening-hours {
	margin-top: 60px;
} */

.bottom-footer {
    background: rgba(0, 0, 0, 1);
    padding: 12px 0;
    display: block;
}

.bottom-footer .copyright {
    padding-bottom: 0;
    margin-bottom: 0;
    color: #505050;
}

.top-footer .social-link {
    border-left: none;
    opacity: 0.8;
}

.top-footer .social-link li {
    margin: 0 8px;
}

.top-footer .social-link li a {
    font-size: 16px;
    color: #fff;
}

.top-footer .social-link li:hover a {
    color: #00a8ff;
}


/* inner-page */

.custom-table-properties{
    width: 100%;
    margin-top: -15px;
    display: inline-block;
}

.dataTables_filter{
    float:right
}

.dataTables_filter .form-control{
    border: 1px solid #e9e9e9;
    box-shadow: none;
    margin-left: 15px;
    padding: 7px 5px;
    font-weight: 300;
    font-size: 13px;
}
.inner-page p {
    font-family: 'Lato', sans-serif;
}

.inner-page-banner {
    padding: 30px 0;
    position: relative;
    color: #ffffff;
    background: url(../../img/inner-banner-img.png) #536f77 no-repeat right bottom;
}

.inner-page-banner p {
    font-family: 'Lato', sans-serif;
}

.inner-page-banner .breadcrumb {
    position: absolute;
    left: 15px;
    bottom: -52px;
    top: auto;
    display: inline-block;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fff;
}

.inner-page-banner .breadcrumb li a {
    color: #7d7d7d;
    font-size: 95%;
}

.inner-page-banner .breadcrumb li:hover a {
    color: #333333;
}

.widget-section {
    display: inline-block;
    width: 100%;
}

.widget a {
    color: #555555;
    display: block;
}

.widget li:hover a {
    color: #e31606;
}

.widget li:hover {
    padding-left: 30px;
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
}

.paragraph-block {
    margin-bottom: 40px;
}

.widget-section .paragraph-block .img-list-wrap {
    min-height: 150px;
    background-color: #d0d0d0;
    display: block;
    margin-bottom: 15px;
}

.title-bg {
    color: #4d8288;
    padding: 10px 15px;
    border-top-right-radius: 5px;
    font-weight: normal;
    font-size: 18px;
    background-color: #f9f9f9;
}

.sidebar {
    margin-top: -10px;
}


/* Gallery */

.inner-page .team {
    padding-bottom: 0
}


/* Form Control */

.form-control {
    font-size: 18px;
    position: relative;
    left: 0;
    height: auto;
    padding: 20px 30px;
    border: 1px;
    border-radius: 0;
    box-shadow: 0;
}

.form-control.form-white {
    color: #fff;
    border: 2px solid white;
    background: transparent;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.form-control.form-white::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
}

.form-control.form-white:-moz-placeholder {
    opacity: 1;
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.form-control.form-white::-moz-placeholder {
    opacity: 1;
    /* Mozilla Firefox 19+ */
    color: #fff;
}

.form-control.form-white:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}

.form-control.form-white:focus {
    background: rgba(255, 255, 255, 0.2);
}


/* Popup */

.modal {
    padding: 0 25px !important;
    color: #ffffff;
}

.modal-dialog {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}

.modal-popup {
    position: relative;
    padding: 45px 30px;
    text-align: center;
    overflow: hidden;
    background-color: #37b2f8;
    box-shadow: none;
    border-radius: 2px;
}

.modal-popup .absolute-block {
    top: 55%;
    left: -35%;
    height: auto;
    opacity: 0.8;
}

.modal-popup .absolute-block .has-circle{
   box-shadow: 0 2px 80px rgba(0, 0, 0, 0.15);
   width: 345px;
   height: 345px;
}

.modal-popup .absolute-block .has-circle::after {
    width: 105px;
    height: 105px;
    background-color: rgba(255, 255, 255, 0.08);
    top: -7%;
    right: 38%;
}

.modal-popup a.close-link {
    font-size: 22px;
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
}

.popup-form {
    width: 90%;
    max-width: 375px;
    margin: 60px auto;
}

.popup-form .form-control {
    margin: 20px 0;
}

.popup-form .form-control.dropdown {
    text-align: left;
}

.popup-form .form-control.dropdown:after {
    content: '\f0d7';
    font-family: 'FontAwesome';
    display: inline-block;
    float: right;
    color: white;
}

.popup-form .dropdown .dropdown-menu {
    top: 65px;
    width: 100%;
    padding: 0;
    border: 2px solid white;
    border-top: 0;
    border-radius: 0;
    background: white;
    box-shadow: none;
}

.popup-form .dropdown .dropdown-menu li {
    font-size: 16px;
    width: 100%;
    background: transparent;
}

.popup-form .dropdown .dropdown-menu li a {
    width: 100%;
    padding: 15px 30px;
    color: #00a8ff;
}

.popup-form .dropdown .dropdown-menu li:hover a {
    color: #fff;
    background: #00a8ff;
}


/* Checkbox */

.checkbox-holder {
    white-space: nowrap;
}

.checkbox {
    position: relative;
    display: block;
}

.checkbox {
    position: relative;
}

.checkbox label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 2px solid white;
    background: transparent;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.checkbox input[type=checkbox]:focus+label:before {
    background: rgba(255, 255, 255, 0.2);
}

.checkbox label:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    opacity: 0;
    background: white;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

.checkbox input[type=checkbox]:checked+label:after {
    opacity: 1;
}

.checkbox-holder span {
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
    white-space: normal;
    color: #fff;
}

.btn.btn-submit {
    width: 100%;
    margin-top: 30px;
    color: #00a8ff;
    border: 2px solid #fff;
    background: rgba(255,255,255,0.8);
}

.btn.btn-submit:focus {
    font-weight: bold;
}

.btn.btn-submit:hover {
    color: #00a8ff;
    background: #fff;
}


/* Mobile Nav */

.mobile-nav {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    background: rgba(255, 255, 255, 0.98);
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.mobile-nav.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.mobile-nav > ul {
    display: block;
    max-height: 600px;
    overflow-y: scroll; 
}

.mobile-nav ul {
    padding: 0 15px;
    list-style: none;
    vertical-align: middle;
}

.mobile-nav ul li {
    margin: 25px 0;
}

.mobile-nav li.dropdown > ul.dropdown-menu {
    margin: 5px 0 !important;
}

.mobile-nav ul li a:not(.btn) {
    color: #545454;
}

.mobile-nav ul li a:hover {
    color: #e41a0a;
    background-color: transparent;
}

.mobile-nav a.close-link {
    font-size: 24px;
    position: absolute;
    bottom: 0px;
    left: calc(50% - 10px);
    left: 0;
    width: 100%;
    padding: 15px 0;
    color: #fff;
    background: #00a8ff;
}

.mobile-nav .dropdown-menu a {
    font-weight: 100;
}

/* .mobile-nav {
    height: auto;
    top: 5%;
} */

.row.title {
    padding: 0 20px;
}

.light {
    font-weight: 300;
}

.regular {
    font-weight: 400;
}

.bold {
    font-weight: bold;
}


/* Colors */

.white {
    color: #f9f9f9;
}

.light-white {
    color: rgba(255, 255, 255, 0.5);
}

.white-bg {
    background: white;
}

.gray-bg {
    background: #f7f7f7;
}

.blue {
    color: #00a8ff;
}

.blue-bg {
    background: #00a8ff;
}

.muted {
    color: #989da0;
}


/* .margin-top {
	margin-top: 95px;
} */


/* Fancybox custom background-image css */

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url(../../img/icons/fancybox_sprite.png);
}

#fancybox-loading div {
    background: url(../../img/icons/fancybox_loading.gif) center center no-repeat;
}

.fancybox-nav {
    background: transparent url(../../img/icons/blank.gif);
    /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}

.fancybox-overlay {
    background: url(../../img/icons/fancybox_overlay.png);
    z-index: 8010;
}


/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    body {
        #fancybox-loading,
        .fancybox-close,
        .fancybox-prev span,
        .fancybox-next span {
            background-image: url(../../img/icons/fancybox_sprite@2x.png);
            background-size: 44px 152px;
            /*The size of the normal image, half the size of the hi-res image*/
        }
        #fancybox-loading div {
            background-image: url(../../img/icons/fancybox_loading@2x.gif);
            background-size: 24px 24px;
            /*The size of the normal image, half the size of the hi-res image*/
        }
    }
}


/* Fancybox Gallery buttons */

#fancybox-buttons {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 100000;
}

#fancybox-buttons.top {
    top: 10px;
}

#fancybox-buttons.bottom {
    bottom: 10px;
}

#fancybox-buttons ul {
    display: block;
    width: 166px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    border: 1px solid #111;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    background: #323232;
    background: -moz-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(50%, #343434), color-stop(50%, #292929), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
    background: -o-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
    background: -ms-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
    background: linear-gradient(to bottom, #444444 0%, #343434 50%, #292929 50%, #333333 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222', GradientType=0);
}

#fancybox-buttons ul li {
    float: left;
    margin: 0;
    padding: 0;
}

#fancybox-buttons a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-color: transparent;
    background-image: url("../../img/icons/fancybox_buttons.png");
    background-repeat: no-repeat;
    outline: none;
    opacity: 0.8;
}

#fancybox-buttons a:hover {
    opacity: 1;
}

#fancybox-buttons a.btnPrev {
    background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
    background-position: -33px 0;
    border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
    background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
    background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
    background-position: 3px -60px;
    border-left: 1px solid #111;
    border-right: 1px solid #3e3e3e;
    width: 35px;
}

#fancybox-buttons a.btnToggleOn {
    background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
    border-left: 1px solid #111;
    width: 35px;
    background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
    opacity: 0.4;
    cursor: default;
}


/* Media Queries */

@media(min-width:768px) {
    nav.navbar{
        padding: 0 30px 0 15px;
    }

    .header-navigation .dropdown:hover .dropdown-menu{
        display: block;
    }

    #intro .owl-banner .btn {
        padding: 5px 8px;
        font-size: 12px
    }

	.inner-page .paragraph-block .btn{
		padding: 3px 10px;
	}

    .navbar-collapse {
        padding: 0;
    }

    .navbar-header {
        width: 9%;
    }

    .navbar-header .navbar-brand{
        height: 100%;
    }

    .navbar-brand>img {
        width: 100%;
        height: 100%;
        transition: all 0.3s linear;
    }

    .navbar-nav.navbar-right {
        margin: 16px 0;
    }

    .navbar-header p.slogan {
        display: inline-block;
        vertical-align: middle;
        color: #e42111;
        left: -5px;
        top: 25px;
        position: relative;
        opacity: 0.8;
        font-weight: 100;
        font-size: 14px;
        left: 6px;
        transition: all 0.3s linear;
    }

    .navbar-nav>li {
        margin-left: 0;
    }

    .navbar-nav>li>a {
        padding: 13px 10px;
    }

    .header-navigation .navbar-nav>li:first-child>a {
    	margin-top: -3px;
    }
    .navbar-fixed-top .navbar-nav>li>a {
        padding: 8px 10px;
        opacity: 0.8;
        transition: all 0.3s linear;
    }

     nav.header-navigation.navbar-fixed-top .navbar-right {
        margin: 13px 0;
    }

     nav.header-navigation.navbar-fixed-top .navbar-brand img {
        width: 80%;
        transition: all 0.3s linear;
    }

     nav.header-navigation.navbar-fixed-top .navbar-header p.slogan {
        opacity: 1;
        font-size: 13px;
        color: #e42111;
        left: -5px;
    }

    nav.header-navigation.navbar-fixed-top .navbar-nav>li>a {
        padding: 7px 8px;
    }

    .header-navigation.navbar-fixed-top ul>li.dropdown>a {
        padding: 24px 8px;
    }

    .form-control {
        font-size: 18px;
    }

    .service {
        margin: 10px 0 0;
    }

    .video-section {
        width: 650px;
    }

    .video-gallery iframe {
        min-height: 150px;
    }

	.widget-section .col-sm-8 {
	    box-shadow: 5px 1px 20px rgba(0,0,0,0.012);
	}

	.widget-section .paragraph-block .img-list-wrap{
    	min-height: 100px;
    }

    .social-link{
        float: right;
    }
}

@media(min-width:993px) {
    #intro {
        min-height: 400px;
    }

	header .container {
	    height: 100%;
	    height: 100vh;
	}

    #intro .owl-banner .item {
       height: 100vh;
    }

    #intro .owl-banner .item .centered-block{
/*      background-color: rgba(0,0,0,0.3); */
        float: right;
        padding: 15px;
        text-align: right;
        display: inline-block;
        width: auto;
        opacity: 0.9;
        top: auto;
        bottom: -42%;
        transition: all 0.5s linear;
    }

    #intro .owl-banner .item .centered-block:before {
        content: "";
        border-top: 4px solid #cccccc;
        border-right: 4px solid #cccccc;
        opacity: 0.3;
        position: absolute;
        top: 10px;
        right: 0;
        left: auto;
        width: 25px;
        height: 25px;
    }

    header .container{
        display: block;
    }

    .intro-table .item,
    .intro-tables .intro-table {
        height: 315px;
    }
    .intro-table .owl-theme .owl-nav .owl-prev,
    .team .cover .overlay {
        opacity: 0;
    }

        .intro-table-hover .small-pt {
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
    }

    .intro-table-hover:hover {
        background-position: 50% 50%;
    }

    .intro-table-hover .expand {
        margin: 30px;
        margin-top: 95px;
        opacity: 0;
        position: static;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s ease, opacity 0.3s;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }

    .intro-table-hover:hover .small-pt {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .intro-table-hover:hover .expand {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .intro-table-hover .hide-hover {
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

    .intro-table-hover:hover .hide-hover {
        opacity: 0;
    }

    .team .cover .overlay {
        background: rgba(0, 168, 255, 0.9);
    }

    .intro-table .owl-theme .owl-nav .owl-prev {
        transform: translateX(23px);
        transition: all 0.3s linear;
    }

    .intro-table:hover .owl-theme .owl-nav .owl-prev {
        opacity: 0.6;
        transform: translateX(0px);
    }

    .intro-tables.change-top {
	    margin-top: -170px;
	    padding-bottom: 50px;
	}

   /*  .owl-banner.owl-theme .owl-dots.change-top {
   	    bottom: 225px;
   	} */

	.service .heading{
		top: -30px;
	}

    .video-gallery iframe {
        margin-bottom: 20px;
        min-height: 200px;
    }
    .btn.btn-all {
        display: none;
    }
    .intro-table:hover .btn.btn-all,
    .intro-table:hover .absolute-block small {
        display: inline-block;
        transition: all 0.6s linear;
        -webkit-animation: flipInX 1s linear;
        animation: flipInX 1s linear;
    }

    #services .text-center{
        margin-bottom: 48px
    }

    .service:hover {
        border-color: #00a8ff;
    }

    .service:hover .description,
    .team:hover .cover .overlay,
    .gallery .col-sm-4:nth-child(2) .team .cover.animated .overlay {
        opacity: 1;
    }
    .service:hover .description {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .widget-section .paragraph-block .img-list-wrap{
    	min-height: 140px;
    }
}

@media(min-width:1024px) {
    #intro {
        min-height: 100vh;
    }

    #intro .owl-banner .item .centered-block .title-up{
        font-size: 24px
    }

    .header-navigation .btn.btn-red{
        padding:13px 17px;
    }
}

@media(min-width:1367px) {
    #intro .owl-banner .item .centered-block{
    	bottom: -46%
    }

	nav.header-navigation .navbar-nav>li>a:not(.btn),
    .navbar-nav>li>a {
		font-size: 15px;
        padding-left:13px;
        padding-right:13px;
	}

    .owl-banner.owl-theme .owl-dots {
        bottom: 130px;
    }
/*     #intro .owl-banner .item .centered-block {
    padding: 0 25%;
} */
    #video-block>.absolute-block {
        left: -12%;
    }
    .video-section {
        width: 800px;
    }
}

@media(max-width:1199px) {
    h1 {
        font-size: 38px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 19px;
    }
    h5 {
        font-size: 17px;
    }
    h6 {
        font-size: 13px;
    }
}

@media(min-width: 768px) and (max-width: 1024px) {
    .header-navigation li:nth-last-child(2):hover .dropdown-menu,
    .header-navigation li:nth-last-child(2) .dropdown-menu{
        right: 0;
        left: auto;
    }

    .intro-table-hover .expand{
        margin-top: 48px
    }
}
@media(max-width:992px) {
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 17px;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 12px;
    }
    .inner-page-banner {
        padding-bottom: 40px;
    }
    .inner-page .breadcrumb {
        bottom: -68px;
    }
    .section {
        padding: 30px 0;
    }
    .navbar-nav>li>a,
    .navbar-fixed-top .navbar-nav>li>a,
    nav.header-navigation .navbar-nav>li>a:not(.btn) {
        padding: 7px;
        font-size: 11px;
    }
    .navbar-nav>li>a.btn-red{
        padding: 7px 8px;
    }
    .header-navigation.navbar-fixed-top ul>li.dropdown>a {
        padding: 17px 7px;
    }

    .header-navigation .current-item .fa{
        font-size: 17px
    }

    .header-navigation .navbar-nav>li:first-child>a{
        margin-top: -2px
    }
    .header-navigation .dropdown:hover .dropdown-menu,
    .header-navigation .dropdown .dropdown-menu {
        top: 135%
    }
    .header-navigation.navbar-fixed-top .dropdown-menu,
    .header-navigation.navbar-fixed-top .dropdown:hover .dropdown-menu {
        top: 132%
    }
    .header-navigation ul>li.dropdown>a {
        margin: -10px 0;
        padding: 17px 6px !important;
    }
    .section-padded {
        padding: 45px 0 15px;
    }

    .service .description{
    	min-height: 72px;
    }

    .service .icon-holder {
        top: -66px;
        margin-bottom: 20px;
    }

    #team {
        padding-bottom: 25px;
    }

    .fixed-menu li .icon {
        width: 40px;
        height: 40px;
        font-size: 17px;
        padding: 12px 10px;
    }
    .navbar-header p.slogan,
    .cut-bottom,
    .top-header .social-link {
        display: none;
    }
    #intro .owl-banner .item .centered-block {
        float: none;
    }
    #intro .owl-banner .item {
        height: 470px;
    }
    .fixed-menu {
        top: 35%;
    }
    .owl-banner.owl-theme .owl-dots {
        bottom: 12px;
    }
    .intro-tables {
        margin-top: 30px;
        padding-bottom: 0 !important;
    }
    .intro-tables .intro-table {
        height: 350px;
        margin-bottom: 25px;
    }
    .intro-table .item {
        height: 350px;
    }
    .service {
        margin: 30px 0;
    }
    .services {
        padding: 0;
        margin: 10px 0
    }

    .service a {
        margin-top: 0;
        padding: 8px;
    }

    .inner-page .paragraph-block .btn{
    	font-size: 12px;
    	margin-top: -20px;
    }
}

@media(min-width: 768px) and (max-width: 992px) {
	.navbar-header .navbar-brand{
		width: 68px;
	}

	.navbar-fixed-top .navbar-header .navbar-brand{
		width: 80px;
	}

    #team .title .muted, #team .title h4{
        min-height: 40px;
    }
}

@media(max-width: 991px) {
    .header-navigation .cardio-home{
        display: none;
    }
}
@media(max-width: 768px) {
    .fixed-menu {
        display: none;
    }
    .inner-page .breadcrumb {
        width: 100%;
        left: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
    }
    .img-list-wrap img{
    	max-width: 100%;
    	width: 100%;
    }
    .pricing {
        margin-bottom: 30px;
    }
    .pricings .pricing .info-icon {
        display: none;
    }
    .pricings .pricing .box-main,
    .pricings .pricing .box-second {
        left: 0;
        width: 100%;
        padding: 50px 50px 0;
        text-align: left;
        background: #00a8ff;
    }
    .pricings .pricing .box-main.active {
        background: #00a8ff;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    .pricings .pricing .box-second {
        position: relative;
        opacity: 1;
    }
    .team .cover .overlay {
        opacity: 0.9;
        background-color: rgba(0, 168, 255, 0.3);
    }
    .service .icon-holder {
        top: -73px;
        margin-bottom: 20px;
    }
    .service {
        margin-bottom: 25px;
    }
    .popup-form {
        width: 100%;
        margin: 60px auto;
    }
    .modal {
        padding: 0 10px !important;
    }
    .popup-form .form-control:not(.dropdown):focus {
        position: relative;
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media(max-width: 767px) {
    #intro .owl-banner .item {
        height: 400px;
    }
    .navbar-brand {
        padding: 0
    }

    .light{
        font-weight: 400;
    }

    .centered-block{
        padding: 10px;
    }

    .navbar-brand>img {
        height: 100%;
    }
    .navbar-toggle {
        padding-right: 0;
        margin-right: 0;
    }
    .header-navigation .dropdown-menu,
    .mobile-nav .dropdown-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        border: none;
        display: none;
        background-color: transparent;
        box-shadow: none;
        float: none;
        text-align: left;
        margin-bottom: 0 !important;
        transition: all 0.3s linear;
        margin-top: -15px;
    }
    .header-navigation .dropdown.open .dropdown-menu,
    .mobile-nav .dropdown.open .dropdown-menu {
        margin-top: 0;
        transition: all 0.3s linear;
        display: block;
    }
    .header-navigation .nav>li {
        border-bottom: 1px solid #eaeaea;
    }
    .mobile-nav .dropdown-menu li {
        margin: 15px 0;
    }

    .dropdown-menu > li > a{
         padding-left: 15px;
    }

    .gallery .team {
        min-height: 360px;
        display: block;
    }
    #video-block>.absolute-block,
    .top-header {
        display: none;
    }
    .gallery .team .cover .overlay {
        height: auto;
    }
    .btn {
        width: 100%;
    }
    .intro-table-hover .expand,
    #team .btn {
        width: 90%;
    }


    .intro-tables .intro-table .heading.content,
    .intro-tables .intro-table .white.heading,
    .intro-tables .intro-table .white.heading.small-pt{
        padding-left: 15px;
        padding-right: 15px;
    }

    .intro-table .item .absolute-block{
        left: 0;
    }

    .intro-table-hover .expand{
        margin: 15px;
    }

    .text-center-mobile {
        text-align: center !important;
    }

    .top-footer .trial-button,
    .intro-table a.btn,
    .gallery .btn,
    .owl-banner .btn {
        width: auto;
    }

    .top-footer .trial-button {
        margin: 15px 0;
    }

    .form-control{
         padding: 10px 15px;
     }

    .popup-form{
        margin: 18px auto;
    }

    .btn.btn-submit{
         margin-top: 8px;
    }

    .video-section{
        min-height: 260px;
        min-width: 500px;
    }
}

@media(max-width:601px) {
    p{
        font-size: 14px;
    }
    .gallery .team {
        min-height: 282px;
    }
    .box-shadow-wrapper:after {
        height: 40px;
        bottom: -20px;
    }
    .video-gallery iframe {
        min-height: 200px;
    }

    .video-section{
        min-height: 250px;
        min-width: 280px;
     }
}

@media(min-width: 481px) and (max-width: 768px) {
    .team .cover .overlay{
        height: 300px
    }
}

@media(max-width: 480px) {
    .modal-popup p{
        font-size: 13px;
    }
    header .typed-cursor,
    .inner-page .breadcrumb {
        display: none;
    }
    .video-section{
        min-height: 160px;
    }
    .gallery .team {
        min-height: 240px;
    }
    .pricings .pricing .box-second {
        padding-top: 0;
    }
    .box-shadow-wrapper:after {
        height: 30px;
        bottom: -13px;
    }
}