h1, h2, h3, h4, h5, h6, p {
    font-weight: 300
}

body, p {
    color: #737373
}

#callToAction h2, #subscribe h2, #topNav a.navbar-brand, #topNavbar li a, .feature-item .heading, .portfolio-filter-menu li, .preloader-logo, .primary-menu-links > li > a, .section-title, .team-item h2 {
    text-transform: uppercase;
}

#postCommentForm .mdl-textfield textarea, .contact-form .mdl-textfield textarea {
    resize: none
}

body, html {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    height: 100%;
    padding-right:0px !important;
}

body {
    background-color: transparent;
}

p {
    font-size: 14px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    line-height: 22px
}

.mdl-button, a {
    font-weight: 500;
    color: #303030
}

a:focus, a:hover {
    color: #ff5252;
    text-decoration: none;
    outline: 0
}

.form-control.error {
    border-color: #ff5252
}

.section-title {
    position: relative;
    margin-top: 90px;
    margin-bottom: 80px;
    color: #303030;
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    text-align: center
}

.section-title:before {
    content: " ";
    background-color: #ff5252;
    position: absolute;
    height: 2px;
    width: 50px;
    left: 50%;
    bottom: -15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.section-title span {
    display: block;
    color: #888989;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px
}

.breadcrumb li a, .section-title.white {
    color: #fff
}

.section-title.text-left {
    text-align: left
}

.section-title.text-left:before {
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.section-title.text-right {
    text-align: right
}

.section-title.text-right:before {
    left: auto;
    right: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.vc-parent {
    width: 100%;
    height: 100%;
    display: table
}

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

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

.back-button {
    margin-top: 38px;
    display: block;
    -webkit-transition: margin-top .25s;
    transition: margin-top .25s
}

#topNav.sticky .back-button {
    margin-top: 31px
}

.back-button span {
    display: block;
    background-color: #fff;
    height: 1px
}

.back-button:hover span {
    background-color: #ff5252
}

.back-button span:nth-child(1) {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    width: 13px;
    margin-bottom: 2px
}

.back-button span:nth-child(2) {
    margin-bottom: 2px;
    margin-left: 2px;
    width: 30px
}

.back-button span:nth-child(3) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    width: 13px
}

.breadcrumb {
    background-color: transparent;
    padding: 8px 15px 0;
    margin-top: 22px;
    margin-bottom: 0;
    -webkit-transition: padding .25s;
    transition: padding .25s
}

#topNav.sticky .breadcrumb {
    padding: 2px 15px 22px
}

.breadcrumb li a:hover, .breadcrumb > .active {
    color: #ff5252
}

#backToTop {
    position: fixed;
    bottom: 45px;
    right: 35px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    z-index: 1
}

#backToTop.alwaysShow, #backToTop.show {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

#backToTop button {
    padding: 8px 0 12px;
    box-shadow: 0 2px 4.7px .3px rgba(0, 0, 0, .24);
    background-color: #158809;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999999999;
    display: table
}

#preloader .mdl-progress {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#preloader .auxbar, #preloader .bufferbar, #preloader .progressbar {
    width: 0
}

#preloader .auxbar, #preloader .progressbar {
    background-color: #ff9800
}

#preloader .auxbar, #preloader .bufferbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #ff9800, #ff9800)
}

.preloader-logo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 100%;
    height: auto;
    margin-top: -100px;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    -webkit-transition: margin .25s;
    transition: margin .25s
}

.preloader-logo i.fa, .preloader-logo span.first {
    color: #ff5252
}

.preloader-logo i.fa, .preloader-logo span.first, .preloader-logo span.second {
    display: inline-block;
    vertical-align: middle
}

.preloader-logo span.second {
    color: #303030
}

.preloader-logo i.fa {
    font-size: 34px
}

#close-switcher, #open-switcher {
    position: fixed;
    top: 200px;
    right: 0;
    z-index: 3;
    padding: 15px;
    color: #fff;
    background: #ff5252;
    cursor: pointer;
    border-left: 0;
    border-radius: 2px 0 2px 2px
}

#close-switcher {
    color: #fff;
    background: #ff5252;
    border: none;
    display: none;
    right: 200px;
    box-shadow: -10px 5px 46px 8px rgba(0, 0, 0, .14), -10px 0 26px -6px rgba(0, 0, 0, .2)
}

#demo-colors {
    position: fixed;
    top: 200px;
    right: -202px;
    width: 200px;
    min-height: 0;
    background: #FFF;
    border-radius: 0
}

#demo-wrapper {
    width: 180px;
    margin: 0 auto;
    padding-bottom: 30px
}

#demo-wrapper h2 {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 700;
    color: #000
}

#demo-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

#demo-wrapper ul li.color-1 {
    background: #2196F3;
    border: 1px solid #fff
}

#demo-wrapper ul li.color-2 {
    background: #4CAF50;
    border: 1px solid #fff
}

#demo-wrapper ul li.color-3 {
    background: #FF9800;
    border: 1px solid #fff
}

#demo-wrapper ul li.color-4 {
    background: #ff5252;
    border: 1px solid #fff
}

#demo-wrapper ul li.color-5 {
    background: #673AB7;
    border: 1px solid #fff
}

#demo-wrapper ul li.active {
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #ddd
}

.pagination, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0
}

#demo-wrapper ul li {
    float: left;
    width: 26px;
    height: 26px;
    margin: 5px;
    cursor: pointer
}

.clear {
    clear: both
}

#demo-wrapper p {
    font-size: 12px;
    padding-top: 10px;
    text-align: center;
    color: #999;
    cursor: pointer
}

.section {
    background-color: #fff
}

.browserupgrade {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    margin: 0;
    padding: 20px 0;
    color: #fff;
    background-color: #ff9800;
    text-align: center
}

#about, #feedback, #header {
    z-index: 0
}

.browserupgrade a {
    color: #fff;
    text-decoration: underline
}

.pagination {
    display: block;
    margin: 0;
    font-size: 0;
    line-height: 0
}

.pagination > li, .primary-social-menu-links li {
    display: inline-block
}

.pagination > li > a, .pagination > li > span {
    color: #303030;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: color .25s, background-color .25s ease-in-out, border-color .25s;
    transition: color .25s, background-color .25s ease-in-out, border-color .25s
}

.pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li.active > span, .pagination > li.active > span:hover, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #fff;
    background-color: #ff5252;
    border-color: #ff5252
}

#topNav {
    position: fixed;
    top: 38px;
    right: 0;
    left: 0;
    z-index: 999;
    border: none;
    border-radius: 0;
    -webkit-transition-property: background-color, box-shadow, top;
    transition-property: background-color, box-shadow, top;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

#topNav.sticky {
    top: 0
}

#primaryNavbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    color: #fff;
    /* background-color: transparent; */
    padding: 7px 0;
    background-color: hsl(198, 84%, 19%);
    border-bottom: 1px solid rgba(221, 221, 221, 0.7);
}

.primary-menu-links li a, .primary-social-menu-links a {
    color: #fff;
        font-weight: 300;
}

.primary-menu-links > li > a {
    padding-top: 13px;
    padding-bottom: 0;
    font-size: 12px;
    font-weight: 300
}

.primary-menu-links > li:first-child > a {
    padding-left: 0
}

ul.primary-menu-links > li > span {
    font-size: 14px;
    display: inline-block;
    /*margin-top: 4px;*/
    margin-left: 25px;
    font-weight: 300;
}

.primary-social-menu-links {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right
}

.primary-social-menu-links li a {
    border-radius: 50%;
    min-width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    line-height: 34px
}

.primary-social-menu-links li a:hover {
    color: #ff7373
}

.primary-social-menu-links li .mdl-button__ripple-container {
    border-radius: 50%
}

#topNav > .navbar {
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0);
}

#topNav.sticky > .navbar {
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

body.navOpen #topNav > .navbar {
    margin: 50px -250px 0 250px
}

body.navOpen #topNav.sticky > .navbar {
    margin: 0 -250px 0 250px
}

.wrapper.open #topNav {
    position: absolute
}

#topNav .navbar-header {
    position: relative;
    margin-left: 0
}

#topNav .navbar-header .navbar-toggle {
    border-color: #ff5252
}

#topNavbar li a, #topNavbar li a:hover, #topNavbar li.active a {
   
}

#topNav .navbar-header .navbar-toggle .icon-bar {
    background-color: #ff5252
}

#topNavbar li a, #topNavbar li a:focus, #topNavbar li a:hover, #topNavbar li button {
    background-color: transparent
}

#topNav a.navbar-brand {
    display: block;
    height: auto;
    margin-top: 0px !important;
    padding: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    -webkit-transition: margin .25s;
    transition: margin .25s;
    width: 298px;
}

#header, #header .container, #header .header-item, #header .owl-item, #header .owl-wrapper, #header .owl-wrapper-outer, #header .row, #header .row > div, .content-inner-wrapper {
    height: 100%
}

#topNav.sticky a.navbar-brand {
    margin-top: 3px
}

#topNav a.navbar-brand i.fa, #topNav a.navbar-brand span.first {
    color: #ff5252
}

#topNav a.navbar-brand i.fa, #topNav a.navbar-brand span.first, #topNav a.navbar-brand span.second {
    display: inline-block;
    vertical-align: middle
}

#topNav a.navbar-brand span.second {
    color: #fff
}

#topNav a.navbar-brand i.fa {
    font-size: 34px;
}

#topNavbar li a {
    margin-top: 11px;
    padding: 15px 15px 22px;
    color: #000000;
    font-weight: 300;
    outline: 0;
    -webkit-transition: .25s;
    transition: .25s
}

#topNavbar .dropdown-menu {
    right: auto;
    left: 0
}

#topNavbar .dropdown-menu li a {
    color: #737373
}

#topNav li.open i.fa.fa-plus:before {
    content: "\f068"
}

#topNav .nav li a i.fa-plus {
    font-size: 11px
}

#topNav button.mdl-button {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: relative;
    color: #fff;
    margin-top: 25px;
    margin-left: 5px;
    -webkit-transition: margin .25s;
    transition: margin .25s
}

#topNav.sticky button.mdl-button {
    margin-top: 19px
}

#topNav button.mdl-button i {
    display: block;
    position: absolute;
    left: 7px;
    top: -3px;
    font-size: 22px;
    font-style: normal;
    font-weight: 500
}

#topNavbar {
    margin-right: -15px
}

#topNavbar .mdl-menu__container {
    width: 100% !important;
    margin-top: 20px
}

#topNavbar .mdl-menu__outline {
    width: 100% !important;
    background-color: transparent;
    box-shadow: none
}

#topNavbar .mdl-menu__container .mdl-menu {
    clip: auto !important;
    width: 100% !important;
    padding: 0 15px
}

#header, .header-img img.img-responsive {
    width: 100%
}

#topNavbar .nav ul {
    display: none;
    position: absolute;
    right: 0;
    min-width: 190px;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 0 13px 20px rgba(0, 0, 0, .24), 0 0 10px rgba(0, 0, 0, .12)
}

#topNavbar .nav li:hover > ul {
    display: block;
    right: 0
}

#topNavbar .nav ul li {
    position: relative
}

#topNavbar .nav ul > li > a {
    display: block;
    margin: 0;
    padding: 8px 20px;
    color: #777;
    white-space: nowrap;
    overflow: hidden
}

#topNavbar .nav ul > li.dropdown > a:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    position: absolute;
    right: 15px;
    top: 12px
}

#bgVideo:before, .feature-item .content:before, .header-item:before {
    content: " "
}

#topNavbar .nav ul > li.active > a, #topNavbar .nav ul > li > a:hover {
    border-color: #ff5252
}

#topNavbar .nav ul > li:hover ul {
    display: block;
    top: 0;
    right: 100%
}

#topNavbar .nav .more-icon {
    display: block;
    position: absolute;
    right: -6px;
    top: 16px;
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
    font-weight: 500;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.header-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    color: #fff;
    overflow: hidden
}

.header-item:before {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .22);
}

.header-item-2 .header-img-holder {
    margin-top: 20px
}

.header-img {
    display: block
}

.header-img .header-img-inner, .header-img .header-img-slider {
    position: absolute;
    top: 9.5%;
    left: 150px;
    width: 261px;
    cursor: ew-resize
}

.header-img-slider img {
    max-height: 68.5%
}

.header-item h2 {
    display: inline-block;
    padding: 0 20px;
    border-left: 5px solid #ff5252;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase
}

.header-item h2 span {
    color: #adadad
}

.header-item-3 h2 {
    margin-bottom: 10px
}

.header-item p {
    padding: 0 20px;
    border-left: 5px solid #fff;
    color: #fff;
    font-size: 16px
}

.header-content {
    margin-top: 80px
}

.owl-fadeInDown, .owl-fadeInUp {
    visibility: hidden
}

.owl-item.active .owl-fadeInDown {
    -webkit-animation: fadeInDown 1s linear 0s;
    animation: fadeInDown 1s linear 0s;
    visibility: visible
}

.owl-item.active .owl-fadeInUp {
    -webkit-animation: fadeInUp 1s linear 0s;
    animation: fadeInUp 1s linear 0s;
    visibility: visible
}

.owl-item.active .animate-2x {
    -webkit-animation-duration: .55s;
    animation-duration: .55s
}

.header-item a.buy-now, .header-item a.read-more {
    min-width: 130px;
    height: auto;
    margin-top: 10px;
    margin-right: 10px;
    padding: 4px 0
}

.header-item a.read-more {
    background-color: #158809;
    color: #fff;
}
.header-item a.read-more:hover{color: #fff !important;}

.header-item a.read-more img {
    max-width: 100%;
    height: 35px
}

#tubular-container, #tubular-shield {
    position: absolute !important;
    z-index: -2 !important;
    top: 0
}

.header-items .owl-controls {
    position: absolute;
    bottom: 15px;
    right: 0;
    width: 100%;
    text-align: center
}

.header-items > .owl-controls {
    bottom: 30px
}

.header-items .owl-pagination {
    display: inline-block;
    overflow: hidden
}

.header-items .owl-page {
    width: 8px;
    height: 8px;
    float: left;
    margin: 1px 5px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transition: .25s;
    transition: .25s;
    outline: 0
}

.header-items .owl-page.active {
    width: 10px;
    height: 10px;
    margin-top: -.5px;
    margin-left: 4.5px;
    background-color: #fff
}

#callToAction {
    padding: 80px 0;
    background-color: #ff5252
}

#callToAction h2 {
    color: #fff;
    margin: 0;
    font-size: 24px;
    font-weight: 500
}

#callToAction .buy-now-btn {
    padding: 5px 40px;
    color: #222;
    background-color: #fff;
    height: auto;
    font-weight: 500
}

#feature {
    padding: 60px 0;
    background-color: #f3f3f3;
}

.feature-item {
    margin: 40px 0 -30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out
}

.feature-item:hover {
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2)
}

.feature-item .content {
    position: relative
}

.feature-item .content:before {
    position: absolute;
    top: 0;
    right: -15px;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, .09)
}

.feature-item:last-child .content:before {
    display: none
}

.feature-item .icon {
    background-color: #ff4081;
    width: 100px;
    height: 100px;
    margin: -50px auto 0;
    /*padding-left: 10px;*/
    border: 10px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.feature-item:hover .icon {
    background-color: #ff5252;
    border-width: 0;
    padding: 20px
}

.feature-item .icon i.fa {
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    font-size: 30px;
    color: #fff !important;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .25s ease-in;
    transition: .25s ease-in
}

.feature-item:hover .icon i.fa {
    color: #fff;
    font-size: 40px
}

.feature-item .heading {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    text-align: center
}

.feature-item .desc {
    text-align: center;
    margin: 0 0 20px
}

.feature-item .read-more-btn {
    text-align: center
}

#subscribe {
    padding: 80px 0 90px;
    position: relative;
    color: #fff;
    background-color: #ff5252
}

#subscribe h2 {
    color: #fff;
    margin-top: 8px;
    margin-bottom: 0;
    font-weight: 500
}

#subscribeForm {
    text-align: right
}

#subscribeForm .mdl-textfield {
    vertical-align: middle;
    margin-right: 6px;
    padding-bottom: 0
}

#subscribeForm input {
    border-color: #fff;
    color: #fff;
    outline: 0
}

#subscribeForm label {
    color: #fff;
    font-weight: 300;
    margin-bottom: 0
}

#subscribeForm label:after {
    background-color: #fff;
    bottom: 0
}

#subscribeForm button[type=submit] {
    color: #222;
    background-color: #fff;
    margin-top: 13px
}

.portfolio-filter-menu {
    margin: 0 0 50px;
    text-align: center;
    background-color: #222;
    border-radius: 4px
}

.portfolio-filter-menu ul {
    list-style: none;
    padding: 0 15px;
    margin: 0;
    overflow: hidden
}

.portfolio-filter-menu li {
    float: left;
    padding: 19px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    -webkit-transition: border-color .25s;
    transition: border-color .25s
}

.portfolio-filter-menu li.active, .portfolio-filter-menu li:hover {
    border-bottom: 3px solid #ff5252
}

.portfolio-filter-menu a.view-all-btn {
    height: auto;
    padding: 10px 45px 11px;
    box-shadow: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.portfolio-items {
    margin-bottom: -1px
}

.portfolio-item {
    float: left;
    width: 12.5%;
    overflow: hidden
}

.portfolio-item.width-25 {
    width: 25%
}

.portfolio-item .overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, .6);
    text-align: center;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

#about:before, #feedback {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.portfolio-item:hover .overlay {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.portfolio-item .overlay a {
    display: inline-block;
    height: auto;
    margin: 0 5px;
    min-width: auto;
    padding: 0;
    border-radius: 50%
}

.portfolio-item .overlay i.fa {
    padding: 16px;
    margin: 0;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    -webkit-transition: .25s;
    transition: .25s
}

.portfolio-item .overlay i.fa:hover {
    color: #ff5252;
    border-color: #ff5252
}

.portfolio-item .overlay .mdl-button__ripple-container {
    border-radius: 50%;
    overflow: hidden
}

#bgVideo {
    height: 500px !important;
    background-size: cover;
    position: relative
}

#bgVideo:before {
    background: rgba(48, 48, 48, .8);
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%
}

#bgVideo .play-button {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -28px;
    text-align: center
}

#about:after, #about:before {
    content: " ";
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    left: 0
}

#bgVideo .play-button a {
    outline: 0
}

#bgVideo .play-button i.fa {
    font-size: 18px;
    margin-left: 5px;
    margin-top: 20px
}

#about {
    position: relative;
    padding: 0 0 80px;
    background-color: #f8f8f8;
    border-style: solid;
    border-width: 1px 0;
    border-color: #e9e9e9
}

#about:before {
    background-image: url(img/background-images/about-bg.html);
    z-index: -2
}

#about:after {
    background-color: rgba(34, 34, 34, .8);
    z-index: -1
}

.team-items .owl-item {
    padding-bottom: 3px;
    overflow: hidden
}

.team-item {
    margin-left: -15px;
    cursor: default
}

.team-item .mdl-card {
    width: auto;
    background-color: transparent;
    border-radius: 0
}

.team-item .mdl-card__title {
    padding: 0
}

.team-item .mdl-card__title figure {
    position: relative;
    padding-bottom: 76px;
    width: 100%
}

.team-item .mdl-card__title figure > img {
    width: 100%
}

.team-item .mdl-card__title figcaption {
    padding: 10px 0 4px;
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
    -webkit-transition: bottom .25s;
    transition: bottom .25s
}

.team-item .mdl-card__title:hover figcaption {
    bottom: 0
}

.team-item h2 {
    padding: 0 15px;
    font-size: 18px;
    color: #737373;
    line-height: 18px;
    margin-top: 8px;
    margin-bottom: 8px
}

.team-item h2 a {
    -webkit-transition: color .25s;
    transition: color .25s
}

.team-item h4 {
    padding: 0 15px;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 14px;
    color: #b9b9b9
}

.team-social-links {
    list-style: none;
    margin: 20px 0 0;
    padding: 5px 0 0;
    border-top: 1px solid #ddd;
    overflow: hidden;
    text-align: center
}

.team-social-links li {
    display: inline-block
}

.team-social-links li a {
    border-radius: 50%;
    min-width: 35px;
    height: 35px;
    padding: 0;
    color: #737373
}

.team-social-links li a:hover {
    color: #ff7373
}

.team-social-links li .mdl-button__ripple-container {
    border-radius: 50%
}

.section-title.team-title {
    margin-right: 15px
}

.team-skills {
    padding-left: 30px
}

.about-description {
    padding: 0 0 90px
}

.about-description .row {
    display: table
}

.about-description .row > div {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.about-desc-img img {
    width: 100%
}

.team-skills .about-description a.read-more {
    margin-top: 10px
}

#about.bg-img .team-skills p {
    color: #fff
}

.team-skills p {
    margin-bottom: 0
}

.team-skills > p {
    font-weight: 500
}

.team-skills .progress {
    height: 4px;
    overflow: visible
}

.team-skills .progress-bar {
    background-color: #ff5252;
    position: relative
}

.team-skills .progress-bar span {
    position: absolute;
    top: -16px;
    right: -16px;
    color: #737373;
    background-color: #f8f8f8;
    padding: 7.5px 6px;
    border-radius: 50%;
    box-shadow: 0 2px 4.7px .3px rgba(0, 0, 0, .24)
}

.team-items .owl-pagination {
    text-align: center;
    margin-top: 30px
}

.team-items .owl-page {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 5px;
    border: 1px solid #ff5252;
    -webkit-transition: border-color .25s, background-color .25s ease-in-out;
    transition: border-color .25s, background-color .25s ease-in-out
}

.team-items .owl-page.active {
    background-color: #ff5252
}

#feedback {
    position: relative;
    padding: 100px 0;
    overflow: hidden
}

#feedback:before, .feedback-item .mdl-card:before {
    position: absolute;
    content: " "
}

#feedback:before {
    background-color: rgba(34, 34, 34, .8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.feedback-wrapper .container {
    background-color: #fff;
    z-index: 0;
    padding-bottom: 80px;
    border-radius: 4px
}

.feedback-items {
   /* margin-bottom: 70px*/
}

.feedback-items .owl-item {
    padding: 0 40px;
    overflow: hidden
}

.feedback-item > .row {
    display: table
}

.feedback-item > .row > div {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    float: none
}

.feedback-item .mdl-card {
    width: initial;
    min-height: 0;
    overflow: visible
}

.feedback-item .mdl-card:before {
    top: 50%;
    width: 25px;
    height: 25px;
    -webkit-transform: translateY(-50%) rotate(44deg);
    transform: translateY(-50%) rotate(44deg);
    background-color: #ff5252;
    border-color: transparent transparent transparent #fff;
    z-index: -1
}

.feedback-item.content-right .mdl-card:before {
    left: -13px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.feedback-item.content-left .mdl-card:before {
    right: -13px;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .14), 3px 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.feedback-item .mdl-card__supporting-text {
    background-color: #ff5252;
    color: #fff;
    width: 100%
}

.feedback-content p {
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}

.feedback-content p cite {
    display: block;
    margin-top: 10px;
    font-weight: 700;
    color: #090f1b;
}

.feedback-items .owl-pagination {
    text-align: center;
    margin-top: 30px
}

.feedback-items .owl-page {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin: 0 5px;
    border: 1px solid #ff5252
}

.feedback-items .owl-page.active {
    background-color: #ff5252
}

.facts {
    position: relative
}

.facts:before {
    position: absolute;
    width: 1px;
    height: 100px;
    background: rgba(0, 0, 0, .09);
    right: -20px;
    top: 50%;
    margin-top: -50px;
    content: " "
}

.facts.last-child:before {
    width: 0
}

.facts-icon i.fa {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    background: #010f38;
    border-radius: 50%;
    margin: 0 auto 20px;
    color: #fff;
    font-size: 42px;
    box-shadow: 0 2px 4.7px .3px rgba(0, 0, 0, .24);
    -webkit-transition: .25s;
    transition: .25s;
}

.facts:hover i.fa {
    background-color: #ff5252;
    color: #fff
}

.facts-icon i.fa:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.facts-text {
    margin-bottom: 12px;
    text-transform: capitalize;
    font-size: 22px;
    color: #fff;
}

.facts-number {
    font-size: 22px;
    color: #fff;
}

#pricingTable {
    padding: 0 0 100px;
    background-color: #fff
}

#pricingTable.page {
    padding: 100px 0
}

.pricing-table-item {
    margin-top: 45px
}

.pricing-table-item .mdl-card {
    width: auto;
    overflow: visible;
    -webkit-transition: .25s;
    transition: .25s
}

.pricing-table-item > .mdl-card {
    border: 1px solid #e9e9e9
}

.pricing-table-item:hover > .mdl-card {
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, .14), 0 11px 15px -7px rgba(0, 0, 0, .12), 0 24px 38px 3px rgba(0, 0, 0, .2)
}

.pricing-table-item .mdl-card__title-text {
    width: 100%
}

.pricing-table-item .mdl-card__supporting-text {
    width: 100%;
    padding: 0
}

.pricing-table-item .mdl-card__actions {
    padding: 20px 0;
    text-align: center
}

.pricing-table-item .mdl-card__actions a {
    padding: 5px 35px;
    height: auto
}

.pct-img figure {
    position: relative
}

.pct-img figure:before {
    content: " ";
    background-color: rgba(34, 34, 34, .8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pct-img > figure > img {
    width: 100%;
    height: auto
}

.pct-img figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pct-price-tag {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-height: 0;
    padding: 15px 30px;
    color: #fff;
    background-color: #ff5252;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.pct-price-tag .mdl-card__title-text {
    font-size: 42px;
    font-weight: 800
}

.pricing-table-item.active .pct-price-tag, .pricing-table-item:hover .pct-price-tag {
    top: -40px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.pct-img figcaption .pct-tag {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    color: #fff;
    text-transform: uppercase
}

.pct-img figcaption .pct-tag span {
    position: relative
}

.pct-img figcaption .pct-tag span:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    width: 40px;
    height: 2px;
    background-color: #ff5252;
    margin: 0 auto;
    bottom: 0
}

.pct-img figcaption .pct-tag p {
    color: #fff;
    margin-top: 10px
}

.pct-features ul {
    margin: 0;
    padding: 15px 0;
    list-style: none
}

.pct-features ul li {
    padding: 10px 0;
    color: #737373;
    font-size: 16px;
    font-weight: 300;
    text-align: center
}

#blog {
    padding: 0 0 100px
}

.post-item .mdl-card {
    width: auto
}

.post-item .mdl-card__title {
    padding: 0;
    display: block;
    width: 100%;
    overflow: hidden
}

.post-item .mdl-card__supporting-text {
    padding: 0 20px;
    width: 100%
}

.post-item .mdl-card__actions {
    padding: 0 20px;
    position: relative
}

#contact:before, .post-item .mdl-card__actions:before {
    content: " ";
    position: absolute;
    top: 0
}

.post-item .mdl-card__actions:before {
    left: 50%;
    width: 1px;
    height: 80px;
    background-color: #e9e9e9
}

.post-item .mdl-card__actions a.comments, .post-item .mdl-card__actions a.read-more {
    margin: 20px 0
}

.post-item .mdl-card__actions a.comments {
    overflow: visible
}

.post-img img {
    width: 100%
}

.post-metadata {
    margin-bottom: 15px
}

.post-metadata p {
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 14px;
    color: #737373
}

.post-metadata i.fa {
    margin-right: 5px
}

.post-metadata p a {
    color: #737373
}

.post-metadata p a:hover {
    border-bottom: 1px solid #737373
}

.post-metadata p span {
    margin: 0 5px
}

.post-title h2 {
    margin: 15px 0 10px;
    padding-left: 15px;
    border-left: 3px solid #ff5252;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    -webkit-transition: border-color .25s;
    transition: border-color .25s
}

.post-title h2 a {
    color: #303030;
    font-weight: 500;
    -webkit-transition: color .25s;
    transition: color .25s
}

.post-title h2:hover a {
    color: #ff5252
}

.post-summary p {
    color: #737373
}

#contact {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 0 100px
}

#contact:before {
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(34, 34, 34, .8)
}

#contact .section-title {
    color: #fff
}

.contact-form-status .alert {
    border: none;
    border-radius: 0;
    color: #fff;
    background-color: #ff9800
}

.contact-form .mdl-textfield {
    width: 100%
}

.contact-form input, .contact-form textarea {
    border-color: #fff;
    color: #fff;
    outline: 0
}

.contact-form button[type=submit] {
    padding: 4px 40px;
    margin-top: 20px;
    height: auto
}

.contact-form label {
    margin-bottom: 0;
    color: #fff;
    font-weight: 100
}

.contact-form label:after {
    background-color: #ff5252
}

.contact-form input.valid + label:after, .contact-form textarea.valid + label:after {
    background-color: #41C35B;
    visibility: visible;
    width: 100%;
    left: 0
}

.contact-form input.error + label:after, .contact-form textarea.error + label:after {
    background-color: #ff5252;
    visibility: visible;
    width: 100%;
    left: 0
}

.contact-address {
    padding: 70px;
    background-color: #ff5252
}

.contact-address i.fa {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 auto 20px;
    color: #ff5252;
    background-color: #fff;
    font-size: 26px;
    -webkit-transition: .25s;
    transition: .25s
}

.contact-address i.fa:hover {
    box-shadow: 0 2px 4.7px .3px rgba(0, 0, 0, .24)
}

.contact-address i.fa:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contact-address address {
    margin-bottom: 0
}

.contact-address p {
    color: #fff;
    margin-bottom: 0
}

.map-wrapper {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.map-toggle-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    padding: 20px 0;
    background-color: rgba(76, 175, 80, .8);
    text-align: center;
    z-index: 1;
    cursor: pointer
}

.map-toggle-btn .closed-text, .map-toggle-btn .opened-text {
    color: #fff;
    font-size: 16px
}

.map-toggle-btn .opened-text, .map-toggle-btn.opened .closed-text {
    display: block
}

.map-toggle-btn .closed-text, .map-toggle-btn.opened .opened-text {
    display: none
}

#map {
    height: 400px;
    width: 100%;
    margin-top: -170px;
    margin-bottom: -170px;
    -webkit-transition: margin .6s ease-in-out;
    transition: margin .6s ease-in-out
}

.map-toggle-btn.opened + #map {
    margin: 0
}

#footer {
    background-color: #02062d;
    color: #fff;
    padding: 40px 0;
    position: relative;
    margin-top:20px;
}

#footer:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/footer-texture.png) center center;
    opacity: 0.04;
}

.footer-title {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    margin-top: 24px;
    margin-bottom: 5px;
    line-height: 30px;
    padding-bottom: 8px;
}

#pageHeader:before, .footer-title:before {
    position: absolute;
    content: " "
}

.footer-title:before {
    background: #ff5252;
    height: 2px;
    width: 43px;
    bottom: 4px
}

#pageHeader, .about-page-team:before, .bg-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.tags-widget ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.tags-widget ul li {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px
}

.tags-widget ul li a {
    background-color: #ff5252 !important
}

.footer-about {
    margin-bottom: 20px
}

.footer-about p {
    color: #acacac
}

#footerTwitter {
    max-height: 185px;
    background-color: #fff;
    overflow: auto
}

#copyright {
    padding: 10px 0;
    color: #fff;
    background-color: #005ba2;
}

#copyright p {
    margin-bottom: 0;
    text-transform: capitalize;
    color: #fff
}

.about-page-description .about-img, .page-title h2 {
    margin-bottom: 30px
}

#copyright p a {
    color: #ff5252;
    font-weight: 300
}

#pageHeader {
    height: 350px;
    position: relative;
    z-index: 0
}

#pageHeader:before {
    height: 100%;
    width: 100%;
    background-color: rgba(48, 48, 48, .8);
    z-index: -1
}

.page-title h2 {
    color: #fff;
    font-size: 34px;
    font-weight: 500;
    margin-top: 100px;
    text-align: center;
    text-transform: uppercase;
    position: relative
}

.page-title h2:before {
    content: " ";
    background-color: #ff5252;
    position: absolute;
    height: 2px;
    width: 80px;
    left: 50%;
    bottom: -15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page {
    padding: 100px 0 !important
}

#about.page {
    padding: 0 !important;
    border-bottom: none
}

.about-page-description, .widget {
    border-bottom: 1px solid #e9e9e9
}

.about-page-description {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #fff
}

.about-page-team {
    position: relative;
    padding: 100px 0
}

.about-page-team:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-image: url(img/background-images/about-bg.html);
    z-index: -2
}

.blog-page-post-audio audio, .blog-page-post-video {
    width: 100%
}

.about-page-description p.embed-responsive {
    margin-bottom: 10px
}

#portfolio.page {
    padding-top: 100px;
    padding-bottom: 0 !important;
    overflow: hidden
}

#feedback.page {
    background-color: #fff
}

#feedback.page:before {
    display: none
}

#feedback.page .feedback-wrapper .container {
    padding: 0
}

#feedback.page .feedback-items {
    margin-bottom: 0
}

.blog-page-content .post-item, .widget {
    margin-bottom: 30px
}

.blog-page-post-video.local {
    background-color: #080708
}

.blog-page-post-video video {
    margin-top: -1px
}

.blog-page-post-audio {
    width: 100%;
    padding: 20px
}

.blog-page-sidebar .mdl-card {
    width: auto;
    min-height: 0;
    background-color: transparent
}

.blog-page-sidebar > .mdl-card > .mdl-card__supporting-text {
    width: 100%;
    padding: 0
}

.widget {
    padding-bottom: 30px
}

.widget:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.widget-title {
    position: relative;
    color: #303030;
    margin: 0 0 40px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: capitalize
}

.widget-title:before {
    content: " ";
    background-color: #ff5252;
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: -10px
}

.popular-post-item .preview-img {
    height: 70px;
    width: 70px;
    padding: 4px;
    background-color: #e9e9e9;
    float: left;
    margin-right: 10px
}

.popular-post-item h5 {
    margin: 0 0 2px;
    color: #303030;
    font-size: 18px;
    line-height: 22px
}

.popular-post-item h5 a {
    -webkit-transition: color .25s;
    transition: color .25s
}

.popular-post-item p.metadata {
    font-style: italic;
    margin-top: 0
}

.popular-post-item p {
    margin-bottom: 0
}

.popular-post-item {
    margin-bottom: 20px
}

.popular-post-item:last-child {
    margin-bottom: 0
}

.categories-widget {
    margin-left: -1px;
    margin-right: -1px
}

.categories-widget .nav-tabs > li > a {
    position: relative;
    border: none;
    background-color: #e9e9e9;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
    -webkit-transition: .25s;
    transition: .25s
}

.categories-widget .nav-tabs > li > a:before {
    content: " ";
    position: absolute;
    left: 50%;
    bottom: -40px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e9e9e9;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: .25s;
    transition: .25s
}

.categories-widget .nav-tabs > li.active > a:before {
    bottom: -20px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100)
}

.categories-widget .nav-tabs.nav-justified > .active > a, .categories-widget .nav-tabs.nav-justified > li:focus > a, .categories-widget .nav-tabs.nav-justified > li:hover > a {
    background-color: #ff5252;
    color: #fff;
    border: none
}

.categories-widget .tab-pane {
    background-color: #e9e9e9;
    padding: 15px 15px 12px
}

#archivesTab, #categoriesTab {
    padding: 0
}

#archivesTab ul, #categoriesTab ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#archivesTab ul li, #categoriesTab ul li {
    color: #737373;
    font-weight: 300
}

#archivesTab ul li a, #categoriesTab ul li a {
    display: block;
    padding: 8px 0 8px 15px;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

#archivesTab ul li a:focus, #archivesTab ul li a:hover, #archivesTab ul li.active a, #categoriesTab ul li a:focus, #categoriesTab ul li a:hover, #categoriesTab ul li.active a {
    color: #303030;
    background-color: #f9f9f9
}

#archivesTab ul li a .badge, #categoriesTab ul li a .badge {
    background-color: transparent;
    color: #737373;
    font-weight: 300
}

#sidebarTwitter {
    max-height: 270px;
    border: 1px solid #e9e9e9;
    overflow: auto
}

#blog.blog-details-page {
    padding: 100px 0
}

.blog-page-content.post-details .post-img {
    margin-bottom: 30px
}

.blog-page-content.post-details blockquote {
    border-color: #ff5252
}

.blog-page-content.post-details blockquote:after, .blog-page-content.post-details blockquote:before {
    display: none
}

.blog-page-content.post-details blockquote p {
    color: #ff5252
}

.blog-page-content.post-details ul li {
    font-weight: 300;
    color: #737373
}

.blog-page-content.post-details .post-author.mdl-card {
    width: auto;
    min-height: auto;
    margin-bottom: 20px
}

.blog-page-content.post-details .post-author .mdl-card__supporting-text {
    padding: 0
}

.blog-page-content.post-details a.post-author-name {
    margin-left: 10px
}

.blog-page-content.post-details .post-author .social-share {
    list-style: none;
    margin: 20px 0 15px 30px;
    padding: 0;
    overflow: hidden
}

.blog-page-content.post-details .post-author .social-share li {
    display: inline-block
}

.blog-page-content.post-details .post-author .social-share li a {
    border-radius: 50%;
    min-width: 35px;
    height: 35px;
    padding: 0;
    color: #737373
}

.blog-page-content.post-details .post-author .social-share li a:hover {
    color: #ff5252
}

.blog-page-content.post-details .post-author .social-share li a .mdl-button__ripple-container {
    border-radius: 50%
}

.blog-page-content.post-details .tags-title {
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase
}

.post-navigation, .post-tags {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.post-navigation a.mdl-button {
    background-color: #303030 !important;
    margin-left: 5px
}

.post-comments {
    margin-top: 30px
}

.post-comments-title {
    margin: 0;
    color: #737373;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase
}

.post-comments ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.post-comments ul li {
    margin: 30px 0;
    padding-right: 86px
}

.post-comments ul li .author-img {
    float: left;
    border: 8px solid #fff;
    position: relative
}

.post-comments ul li .author-img:before {
    position: absolute;
    top: -8px;
    right: -15px;
    bottom: -8px;
    width: 10px;
    background-color: #fff;
    content: " ";
    z-index: 2
}

.post-comment-form, .single-comment {
    width: auto;
    min-height: 0
}

.post-comments ul li:nth-child(even) {
    padding-right: 0;
    padding-left: 86px
}

.post-comments ul li:nth-child(even) .author-img {
    float: right
}

.post-comments ul li:nth-child(even) .author-img:before {
    left: -15px
}

.comment-thumb a {
    overflow: hidden;
    color: #ff5252
}

#contact.page .contact-address p, #contact.page .contact-form label, #contact.page .mdl-textfield__input, #contact.page .section-title, .comment-meta {
    color: #737373
}

.comment-meta {
    margin-bottom: 15px;
    font-weight: 300
}

.single-comment {
    padding: 0;
    border: none
}

.single-comment .mdl-card__supporting-text {
    padding: 15px
}

.single-comment .mdl-card__supporting-text p {
    margin-bottom: 0
}

.post-comment-form .mdl-card__title {
    padding-bottom: 0;
    padding-left: 30px
}

.post-comment-form .post-comments-title {
    padding: 15px
}

.post-comment-form-group.mdl-card__supporting-text {
    padding-top: 0;
    width: 100%
}

.post-comment-form-group .form-control {
    border-radius: 0;
    margin-top: 20px;
    box-shadow: none;
    resize: none
}

.post-comment-form-group .form-control.error {
    border-color: #ff5252
}

#postCommentForm label {
    margin-bottom: 0;
    font-weight: 100;
    color: #737373
}

#postCommentForm label:after {
    background-color: #ff5252
}

#postCommentForm .valid + label:after {
    background-color: #607d8b;
    left: 45%;
    width: 10px;
    visibility: hidden
}

#postCommentForm .error + label:after {
    background-color: #ff5252;
    left: 0;
    width: 100%;
    visibility: visible
}

#postCommentForm .mdl-textfield {
    width: 100%
}

#postCommentForm .mdl-textfield.is-invalid .mdl-textfield__input {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.flickrs {
    margin-right: -10px
}

.flickrs ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.flickrs img {
    float: left;
    width: 68px;
    height: 68px;
    margin: 0 5px 5px 0;
    border: 3px solid #fff
}

#contact.page:before {
    display: none
}

#contact.page .mdl-textfield__input {
    border-color: #737373
}

#f0f {
    height: 100%;
    position: relative;
    z-index: 0
}

#f0f:before, .bg-img:before {
    content: " ";
    position: absolute;
    height: 100%;
    width: 100%
}

#f0f:before {
    background-color: rgba(48, 48, 48, .8);
    z-index: -1
}

#f0f .container {
    height: 100%
}

.f0f-content h1, .f0f-content p {
    color: #fff
}

.f0f-content h1 {
    font-size: 120px;
    line-height: 124px;
    font-weight: 500
}

.f0f-content p {
    font-size: 20px
}

#f0f a.read-more {
    margin-top: 30px
}

.no-gutter {
    margin-left: 0;
    margin-right: 0
}

.no-gutter > [class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.bg-img:before {
    top: 0;
    left: 0;
    background-color: rgba(34, 34, 34, .8)
}

.bd-none {
    border: none !important
}
.counting-sec{background-image: url("../img/counting-bg.jpg");background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-position: center;overflow: hidden;}
.counting-sec .overlay{padding: 100px 0;background-color: rgba(0,0,0,0.7);}
.navbar-brand>img {display: inline-block;}
.testimonial-sec{background-image: url(../img/testimonial-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment: fixed;}    
.testimonial-sec .overlay{padding: 60px 0;overflow: hidden;background-color: rgba(0,0,0,0.8);}
.testimonial-sec .mdl-card{background-color: transparent;}
.testimonial-sec .sec-title h3{color: #fff;}
.testimonial-sec .mdl-card__supporting-text{background-color: rgba(255,255,255,0.5) !important;}
.testimonial-sec .feedback-item.content-left .mdl-card:before{display: none;}
.testimonial-sec .feedback-item.content-right .mdl-card:before{display: none;}
.testimonial-sec .feedback-item.content-right .feedback-img:before{border: 1px solid rgba(255,255,255,0.4);border-radius: 50%;content: "";height: 10px;left: 138px;position: absolute;/*top: -11px;*/width: 10px;z-index: 99;background-color: rgba(255,255,255,0.4);}
.testimonial-sec .feedback-item.content-right .feedback-img:after{border: 1px solid rgba(255,255,255,0.4);border-radius: 50%;content: "";height: 16px;left: 120px;position: absolute;top: 35px;width: 16px;background-color: rgba(255,255,255,0.4);}
.testimonial-sec .feedback-item.content-left .feedback-img:before{border: 1px solid rgba(255,255,255,0.4);border-radius: 50%;content: "";height: 10px;left: -9px;position: absolute;/*top: -11px;*/width: 10px;z-index: 99;background-color: rgba(255,255,255,0.4);}
.testimonial-sec .feedback-item.content-left .feedback-img:after{ border: 1px solid rgba(255,255,255,0.4);border-radius: 50%;content: "";height: 16px;left: 3px;position: absolute;top: 35px;width: 16px;background-color: rgba(255,255,255,0.4);}
.welcome-sec{padding: 60px 0;overflow: hidden;} 
.welcome-sec .img-content{width: 40%;float: right;display: inline-block;margin-left: 15px;margin-bottom: 15px;border-radius: 4px;-webkit-border-radius: 4px;overflow: hidden;/* box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); */position: relative;}
.welcome-sec h1{margin-top: 0;font-size: 30px;font-weight: 300;color: #686868;margin-bottom: 25px;}
.welcome-sec h1 .first{color: #158809;text-transform: uppercase;font-weight: 600;}    
.welcome-sec h1 .second{color: #333;text-transform: uppercase;font-weight: 600;}    
.welcome-sec p{font-size: 18px;line-height: 26px;color: #686868;margin-bottom: 0;}
.welcome-sec button{margin-top: 20px;background-color: #158809 !important; padding: 2px 25px;}
.logo {font-weight: 900;font-size: 24px;text-transform: uppercase;}
.logo .first{color: #86bd19;}    
.logo .second{color: #333;}
footer .logo .second{color: #fff;}    
footer .logo{font-size: 20px;display: inline-block;margin-bottom: 15px;}    
footer p{color: #c3c3c3;font-size: 14px;font-weight: 300;line-height: 18px;}
.hot-courses{padding: 60px 0;overflow: hidden;background-color: #f3f3f3;}    
.sec-title{text-align: center;margin-bottom: 50px;}    
.sec-title h3{margin: 0;font-weight: 400;font-size: 28px;color: #333;text-transform: uppercase;position: relative;padding-bottom: 15px;}  
.sec-title h3:after {display: block;content: "";width: 120px;height: 1px;background: #00457c;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.sec-title h3:before {display: block;content: "";width: 12px;height: 12px;background: #158809;position: absolute;bottom: -5px;left: 0;right: 0;margin: 0 auto;transform: rotate(45deg);z-index: 11;}
.hot-courses .course-content .course-desc{padding: 60px 15px 20px 15px;/* border-top: 1px solid #ddd; */background-color: #05012d;position: relative;}
.hot-courses .course-content .course-desc:before, .hot-courses .course-content .course-desc:after{background: #05012d none repeat scroll 0 0;
    content: "";
    height: 38px;
    left: -3%;
    position: absolute;
    top: -10%;
    transform: rotate(13deg);
    width: 60%;}
.hot-courses .course-content .course-desc:after{right: -4%;left: auto;    transform: rotate(-16deg);}    
.hot-courses .course-content .course-desc h3{font-size: 22px;color: #fff;text-align: center;font-weight: 400;margin-top: 0;margin-bottom: 10px;line-height: 25px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.hot-courses .course-content .course-desc p{font-size: 14px;text-align: center;color: #fff;margin: 0;}
.hot-courses .course-content .img-content img{margin: 0 auto;}
.hot-courses .course-content{overflow: hidden;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.hot-courses .course-content:hover {margin-top: -30px;}
.hot-courses .course-content .course-desc a{display: table;color: #fff;background-color: transparent; border-radius:0px;margin-top: 15px;font-weight: 300;border-color: #bbbbbb;}
.hot-courses .course-content:hover .course-desc h3{color: #fff;}
header .sticky .navbar{background-color: #fff !important;}    
header .sticky #topNavbar li a{color: #333;font-weight: 400;}    
header .sticky a.navbar-brand span.second{color: #333 !important;}
footer .company-address{padding: 0;margin: 0;}
footer .company-address li{list-style-type: none;}
footer .company-address li i{margin-right: 15px;color: #c3c3c3;width: 15px;font-size: 15px;}
footer .company-address li a{font-weight: 300;color: #c3c3c3;}
footer .service{padding: 0;margin: 0;}
footer .service li{list-style-type: none;}
footer .service li a{color: #c3c3c3;font-weight: 300;display: block;padding-left: 15px;position: relative; line-height: 2;}
footer .service li a:before{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f101";;position: absolute;left: 0;top: 5px;}
footer .input-group input{border-radius: 0;-webkit-border-radius: 0;background-color: transparent;border: 1px solid #c3c3c3;color: #c3c3c3;font-weight: 300;}
footer .input-group input:focus, footer .input-group input:active:focus{outline: none;border-color: #c3c3c3;box-shadow: none;}
footer .input-group button{border-radius: 0;-webkit-border-radius: 0;background-color: transparent;border: 1px solid #c3c3c3;color: #c3c3c3;}
footer .input-group button:hover, footer .input-group button:focus, footer .input-group button:active:focus{background-color: transparent;color: #c3c3c3;outline: none;box-shadow: none;border-color: #c3c3c3;}
.lms_social {width: 100%;float: left;}
.lms_social ul{text-align: left !important;margin-top: 25px;margin-bottom: 0;padding: 0;}
.lms_social ul li {display: inline-block;}
.lms_social ul li a {width: 30px;height: 30px;display: inline-block;margin-right: 0px;}
.facebook{background-image: url("../img/social.png");background-position: 0 -150px;background-repeat-x: no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.facebook:hover{background-position: 0 -120px;}
.twitter{background-image: url("../img/social.png");background-position: 0 -5070px;background-repeat-x: no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.twitter:hover{background-position: 0 -5040px;}
.g-plus{background-image: url("../img/social.png");background-position: 0 -330px;background-repeat-x: no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.g-plus:hover{background-position: 0 -300px;}
.printerest{background-image: url("../img/social.png");background-position: 0 -5310px;background-repeat-x: no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.printerest:hover{background-position: 0 -5280px;}
.linkedin{background-image: url("../img/social.png");background-position: 0 -570px;background-repeat-x: no-repeat;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.linkedin:hover{background-position: 0 -540px;}   
.why-choose-us{padding: 60px 0;overflow: hidden;background-color: #fff;}
.why-choose-us .why-content{margin-bottom: 40px;padding: 15px;background-color: #f3f3f3;border-top-right-radius: 70px;border-bottom-left-radius: 70px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);float:  left; min-height: 160px;}
.why-choose-us .why-content .icn-content{display: inline-block;margin-right: 10px;margin-bottom: 5px;width: 60px;height: 60px;}    
.why-choose-us .why-content h4{margin-top: 0;font-size: 15px;font-weight: 400;margin-bottom: 5px;color: #00457c;}
.why-choose-us .why-content p{font-size: 14px;line-height: 22px;color: #686868;font-weight: 300;}
.nopadd{padding: 0;}
footer .read-more{padding: 8px 12px;line-height: 22px;font-weight: 300;background-color: #158809 !important;}
.primary-menu-links{padding-right: 15px;}
.featured-srvice-sec{padding: 40px 0;overflow: hidden;background-color: #f3f3f3; position: relative;}
.featured-srvice-sec .featured-secvice-content{margin-bottom: 20px;overflow: hidden;background: #fff;padding: 25px 10px;min-height: 310px;transition: 0.5s all ease-in-out;-webkit-transition: 0.5s all ease-in-out;}
.featured-srvice-sec .featured-secvice-content:hover{ box-shadow: 0 7px 17px 0 rgba(23,84,116,0.40); transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.featured-srvice-sec .featured-secvice-content .icn-content{width: 80px;height: 80px;display: block;margin: 0 auto 15px auto; border: 2px dashed red;border-radius: 50%;-webkit-border-radius: 50%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.featured-srvice-sec .featured-secvice-content .icn-content img{margin: 0 auto;}
.featured-srvice-sec .featured-secvice-content .desc{text-align: center;}
.featured-srvice-sec .featured-secvice-content .desc h4{margin-top: 0;margin-bottom: 5px;font-size: 18px;font-weight: 600;color: #000;text-transform: uppercase;}
.featured-srvice-sec .featured-secvice-content .desc p{margin: 0;font-weight: 300;font-size: 14px;line-height: 20px;color: #353535; padding: 0 15px;}
.featured-srvice-sec .featured-secvice-content .desc .read-more{margin-top: 15px;background-color: #158809;}
.featured-srvice-sec .featured-secvice-content:hover .icn-content{border: 2px solid red;padding: 5px;}
/*.featured-srvice-sec .featured-secvice-content:hover .icn-content img{-webkit-filter: grayscale(50%);filter: grayscale(50%);}*/
.declarations {border-left-color: #fff;border-style: solid none solid solid;font-size: 0;left: 0;line-height: 0;position: absolute;top: 0;width: 0;/* z-index: 99; */border-top-color: transparent;border-bottom-color: transparent;}

.declarations::after {top: 0px;transform: skewX(-26deg);}
.logo-triger{padding: 60px 0;overflow: hidden;background-color: #f3f3f3;}
.logo-triger .bx-wrapper{box-shadow: none;margin-bottom: 0;border: none;background-color: transparent;}
.mission-sec{padding: 60px 0;overflow: hidden;background-color: #f3f3f3;}
.mission-sec h3{margin-top: 0;margin-bottom: 15px;font-size: 28px;font-weight: 400;line-height: 22px;color: #00457c;}
.mission-sec img{display: inline-block;margin-right: 30px;margin-bottom: 30px;float: left;width: 40%;}
.mission-sec p{color: #686868;font-size: 16px;line-height: 20px;text-align: justify;}
.bg-white{background-color: #fff !important;}
.about-wrapper{overflow: hidden;padding: 60px 0;}
.breadcumb-sec{overflow: hidden;background-image: url("../img/breadcumb-bg.jpg");background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center;}
.breadcumb-sec .overlay{padding: 150px 0 80px 0;background-color: rgba(0,0,0,0.6);position: relative;}
.breadcumb-sec .overlay h3{margin-top: 0;color: #fff;text-align: center;margin-bottom: 0;font-weight: 400;font-size: 30px;}
.breadcumb-sec .overlay .breadcumb-links{padding: 10px;position: absolute;bottom: 0;background-color: #fff;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.breadcumb-sec .overlay .breadcumb-links ul{padding: 0;margin: 0;}
.breadcumb-sec .overlay .breadcumb-links ul li{padding: 0;}
.breadcumb-sec .overlay .breadcumb-links ul li a{color: #333;}
.breadcumb-sec .overlay .breadcumb-links ul li a:hover{color: #333;}
.breadcumb-sec .overlay .breadcumb-links ul li.active a{color: #86bd1a;}
.about-wrapper .img-content{position: relative;}
.about-wrapper .about-text-content{padding: 40px;background-color: #f3f3f3;text-align: center;z-index: 99; position: relative;width: 83%;margin: -60px auto 0 auto;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);}
.about-wrapper .about-text-content h3{margin-top: 0;margin-bottom: 20px;font-size: 26px;color: #158809;font-weight: 600;text-transform: uppercase;}
.about-wrapper .about-text-content p{font-size: 16px;font-weight: 300;margin-bottom: 10px;color: #686868;}
.contact-wrapper{padding: 60px 0;overflow: hidden;}
.contact-wrapper h3{margin-top: 0;margin-bottom: 20px;font-size: 28px;font-weight: 400;color:#158809; position: relative; }

.colorborder1 {
    background: #ccc none repeat scroll 0 0;
    display: block;
    height: 1px;
    position: relative;
    width: 200px;
    margin-left: 30px;
    float: left;
}

.colorborder1::after {
    background: #fc7700 none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0%;
    position: absolute;
    transform: translate(-50%);
    width: 60px;
    top: 0px;
}
.contact-wrapper p{color: #333;}
.contact-wrapper form{}
.contact-wrapper form button{background-color: #158809 !important;padding: 5px 20px;height: auto;width: 100%;font-size: 16px;font-weight: 300;}
.contact-wrapper form .form-group{}
.contact-wrapper form .form-group .form-control{border-radius: 0;-webkit-border-radius: 0;box-shadow: none;height: auto;padding: 10px 12px;border: 1px solid #ddd;}
.contact-wrapper ul{padding: 0;margin: 0;}    
.contact-wrapper ul li{list-style-type: none;margin-bottom: 15px;}
.contact-wrapper ul li i{color: #fff;padding: 10px;font-size: 18px;border-radius: 50%;background: red;width: 40px;height: 40px;text-align: center;margin-right: 10px;}
.contact-wrapper ul li a{font-size: 16px;font-weight: 300;color: #333;}
.contact-banner{padding: 60px 30px;background-color: #00457c;overflow: hidden;}
.contact-banner h4{margin-top: 0;margin-bottom: 10px;text-align: center;font-size: 20px;font-weight: 400;color: #fff;}
.contact-banner p{color: #ddd;text-align: center;}
.contact-banner button{background-color: transparent;border: 2px solid #fff;padding: 6px 12px;color: #fff;display: table;margin: 15px auto 0 auto;}
.contact-banner button:hover, .contact-sec-mini button:focus, .contact-sec-mini button:active:focus{color: #fff;border-color: #fff;outline: none;}
.course-wrapper{padding: 60px 0;overflow: hidden;}
.course-wrapper .course-desc{}
.course-wrapper .course-desc h3{font-size: 26px;font-weight: 400;margin: 20px 0;color: #00457c;}
.course-wrapper .course-desc h4{font-size: 18px;font-weight: 400;margin-bottom: 10px;color: #333;margin-top: 0;}
.course-wrapper .course-desc p{font-size: 16px;color: #686868;line-height: 22px;margin: 0;}
.course-wrapper .widget{background-color: #f3f3f3;padding: 30px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);}
.course-wrapper .widget h3{position: relative;margin-top: 0;margin-bottom: 15px;padding-bottom: 5px;font-size: 20px;color: #333;}
.course-wrapper .widget h3:before{position: absolute;content: "";width: 50px;height: 4px;background-color: #00457c;bottom: 0;left: 0;}
.course-wrapper .widget ul{padding: 0;margin: 0;}
.course-wrapper .widget ul li{list-style-type: none;}
.course-wrapper .widget ul li a{position: relative;padding: 5px 5px 5px 20px;color: #333;border-bottom: 1px solid #ddd;font-size: 16px;font-weight: 300;display: block;}
.course-wrapper .widget ul li:last-child a{border: none;}
.course-wrapper .widget ul li a:before{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f105";position: absolute;left: 0;top: 8px;}
.course-wrapper .widget ul li.active a{color: #86bd1a;}
.course-wrapper .widget .enrolment-content{}
.course-wrapper .widget .enrolment-content form{}
.course-wrapper .widget .enrolment-content form .form-group{}
.course-wrapper .widget .enrolment-content form .form-group .form-control{border-radius: 0;-webkit-border-radius: 0;box-shadow: none;font-size: 14px;font-weight: 300;color: #333;}
.course-wrapper .widget .enrolment-content form .form-group .form-control option{font-weight: 300;text-transform: uppercase;}
.course-wrapper .widget .enrolment-content form .form-group .form-control option.heading{background-color: #00457c;text-align: center;color: #fff;font-size: 16px;}
.course-wrapper .widget .enrolment-content form button{margin-top: 20px;padding: 8px 20px;font-size: 16px;text-transform: uppercase;background-color: #00457c;color: #fff;border: 1px solid #00457c;}
.bg-light{background-color: #f3f3f3;}
.srvice-detail-wrapper{padding: 60px 0;overflow: hidden;background-color: #f3f3f3;}
.srvice-detail-wrapper .nav.nav-tabs li a{background-color: #fff;margin: 0;border: 1px solid #ddd;border-radius: 0;position: relative;}
.srvice-detail-wrapper .nav.nav-tabs li:not(:first-child) a{border-left: 0}
.srvice-detail-wrapper .nav.nav-tabs li a img{width: 60px;filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.srvice-detail-wrapper .nav.nav-tabs{width: 47%;display: block;margin: 0 auto 50px auto;border: none;}
.srvice-detail-wrapper .tab-content{padding: 50px;background-color: #fff;width: 100%;    border: 1px solid #ddd;border-top: 2px solid #00457c;}
.srvice-detail-wrapper .nav.nav-tabs li.active a img, .srvice-detail-wrapper .nav.nav-tabs li a:hover img{filter: grayscale(0%);-webkit-filter: grayscale(0%);}    
.srvice-detail-wrapper .nav.nav-tabs li a:before{content: " ";position: absolute;left: 50%;right: 50%;bottom: 0;height: 2px;background-color: transparent;-webkit-transition: left .25s ease-in-out, right .25s ease-in-out, background-color .25s ease-in-out;transition: left .25s ease-in-out, right .25s ease-in-out, background-color .25s ease-in-out;}
.srvice-detail-wrapper .nav.nav-tabs li a:hover:before{left: 0;right: 0;background-color: #00457c;}
.srvice-detail-wrapper .nav.nav-tabs li.active a:before{content: " ";position: absolute;left: 0%;right: 0%;bottom: 0;height: 2px;background-color: #00457c;-webkit-transition: left .25s ease-in-out, right .25s ease-in-out, background-color .25s ease-in-out;transition: left .25s ease-in-out, right .25s ease-in-out, background-color .25s ease-in-out;}
.srvice-detail-wrapper .nav.nav-tabs li.active a:after{content: " ";position: absolute;left: 0;right: 0;bottom: -14px;width: 0;height: 0;margin: 0 auto;border-style: solid;border-width: 7.5px;border-color: #00457c transparent transparent transparent;-webkit-transition: bottom .25s ease-in-out;transition: bottom .25s ease-in-out;}
.srvice-detail-wrapper .tab-content .service-content{overflow: hidden;position: relative;width: 100%;}    
.srvice-detail-wrapper .tab-content .service-content .img-content{width: 45%;display: inline-block;float: right;margin-left: 30px;margin-bottom: 15px;}    
.srvice-detail-wrapper .tab-content .service-content h3{margin-top: 0;margin-bottom: 15px;font-size: 26px;font-weight: 400;line-height: 25px;color: #00457c;}
.srvice-detail-wrapper .tab-content .service-content p{font-size: 16px;line-height: 22px;color: #686868;}    
.srvice-detail-wrapper .tab-content .service-content blockquote{border-color: #00457c;font-size: 20px;background-color: #fbfbfb;overflow: hidden;color: #333;}
.srvice-detail-wrapper .tab-content .service-content blockquote:before{left: 0.5em;}    
.tax-solution-wrapper{padding: 60px 0;overflow: hidden;}    
.tax-solution-wrapper .tax-solution-form-container{padding: 30px;background-color: #f3f3f3;overflow: hidden;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);}
.tax-solution-wrapper .tax-solution-form-container h3{position: relative;margin-top: 0;margin-bottom: 30px;padding-bottom: 5px;font-size: 22px;color: #86bd1a;font-weight: 400;padding-left: 15px;}
.tax-solution-wrapper .tax-solution-form-container h3:before{position: absolute;content: "";width: 50px;height: 4px;background-color: #00457c;bottom: 0;left: 15px;}
.tax-solution-wrapper .tax-solution-form-container form{}    
.tax-solution-wrapper .tax-solution-form-container form .form-control{border-radius: 0;-webkit-border-radius: 0;box-shadow: none;font-weight: 300;color: #333;font-size: 16px;padding: 8px 15px;height: auto;}
.tax-solution-wrapper .tax-solution-form-container form .form-control option{font-weight: 300;text-transform: uppercase;color: #333;}
.tax-solution-wrapper .tax-solution-form-container form button{background-color: #00457c;color: #fff;padding: 10px 30px;text-transform: uppercase;font-weight: 400;border: 1px solid #00457c;font-size: 16px;box-shadow: none;}
.price-table1{
    width: 20%;
    float: left;
}
.price-table2{
    width: 20%;
    float: left;
}

.price-table3{
    width: 20%;
    float: left;
}

.price-table4{
    width: 20%;
    float: left;
}
.price-table5{
    width: 20%;
    float: left;
}

.price-header{
    font-size: 32px;
}

.three{
    color: #fd4800;
    font-weight: 600;
}

.featured-srvice-sec:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/f-service.png);
    opacity: 0.08;
}

.media-bx{
    border:solid 1px #fff;
    padding: 30px;
    border-radius: 5px;
        position: relative;
    top: -40px;
    z-index: 1;
}

.facts-icon{
    position: relative;
    z-index: 11;
}

footer .logo img{
    width: 100%;
}

.bx-wrapper img{
    filter: grayscale(1);
    transition: 0.4s all ease-in-out;
    -webkit-transition: 0.4s all ease-in-out;
}


.bx-wrapper li:hover img{
    filter: grayscale(0);
    transition: 0.4s all ease-in-out;
    -webkit-transition: 0.4s all ease-in-out;
}

footer .service li a:hover{
    color: red;
}

.gallery-section .filters {
    position: relative;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 50px;
}

.gallery-section .filters button:hover, .gallery-section .filters button.active {
    background: #37b6e8 none repeat scroll 0 0;
    border: solid 2px #37b6e8;
    color: #fff;
}


.gallery-section .filters button:hover, .gallery-section .filters .is-checked{
    background: #37b6e8 none repeat scroll 0 0;
    border: solid 2px #37b6e8;
     color: #fff;
}
.gallery-section .filters button {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    line-height: 24px;
    color: #333;
    cursor: pointer;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    margin: 0px 10px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    background: #fff;
    color: #333;
    border-radius: 0px;
    border: solid 2px #333;
}

.gallery-section .filters ul{
    margin:0px;
    padding: 0px;
    text-align: center;
}

.gallery-section .filters ul li{
    display: inline-block;
    list-style: none;

}

.gallery-pic{
  width: 100%;
  display: inline-block;
  position: relative;
  margin-bottom: 20px;

}

.gallery-pic img{
  width: 100%;
  height: 100%;
}


.gallery-pic .overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: 2s all ease-in-out;
  -webkit-transform:2s all ease-in-out;
  opacity: 0;
  background: rgba(55, 182, 232, 0.85);
  text-align: center;
  vertical-align: middle;
}

.gallery-pic .overlay h3{
  width: 45px;
  height: 45px;
  background: #333;
  border-radius: 50%;
  margin: 29% auto;


}

.gallery-pic .overlay h3 i{
  color: #fff;
  font-size: 20px;
}

.gallery-pic:hover .overlay{
  width: 100%;
  height: 100%;
  transform: scale(1);
  -webkit-transform: scale(1);
  transform: 2s all ease-in-out;
  -webkit-transform: 2s all ease-in-out;
  opacity: 1;
}

.inner-box {
    position: relative;
    padding-left: 20px;
    background: #fff;
    padding: 20px;
    border: solid 2px #d6d6d6;
    float: left;
    width: 100%;
}
.contact-wrapper form .form-group .form-control:focus{
    border:solid 1px red;
}

.log-bx{
    width: 100%;
    background: #fd4800;
    min-height: 450px;
    position: relative;
}

.login-form{
    padding: 0px;
    float: left;
    width: 100%;
    border-radius: 0px;
}

.login-form .modal-body{
    padding: 0px;
    float: left;
    width: 100%;
}

.log-bx1{
    width: 100%;
    min-height: 450px;
    padding: 20px;
}
.modal{
    top: 10%;
}

.log-bx .logo{
    position: absolute;
        top: 50px;
    left: 0;
    padding: 10px 20px;
    background: rgba(255,255,255,0.7);
}
.log-bx .icon{
    position: absolute;
    bottom: 0;
    left: 0;
}

.log-bx1 h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 28px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #158809;
    position: relative;
    display: inline-block;
}

.form-control{
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    height: auto;
    padding: 10px 12px;
    border: 2px solid #D6D2D2;
}
.form-group {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.new-user h5{
       font-size: 16px;
    line-height: 1.6;
}


.new-user h5 span{
    color: #158809;
    cursor: pointer;
}
.log-bx1 .close{
    opacity: 1;
    color: red;
}


.modal-open {
    overflow: auto;
}

form .form-group .form-control:focus {
}

.wcu-text-bx{
    display: inline-block;
    float: right;
    width: 160px;
}

.vm-text-bx{
    width: 54%;
    display: inline-block;
    float: left;
}

.service-text-bx{
max-height: 106px;
overflow:  auto;

}




.fot-pic{
    display: inline-block;
}

.fot-pic img{
    width: 50%;
        display: inline-block;
}




.form-bx {
    background: #fff;
    border: solid 2px #dedede;
    padding-bottom: 20px;
}

.f-18{
    font-size: 18px;
}


.branch-list h4 {
    background: #158809;
    color: #fff;
    padding: 4px 20px;
    font-size: 16px;
    margin-top: 0;
}


.branch-bx {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #9a9a9a;
}


.branch-list h5 {
    font-size: 18px;
    font-weight: 600;
    color: #158809;
    margin-top: 0px;
}


.branch-list ul {
    margin: 0px;
    padding: 0px;
}

.branch-list ul li {
    list-style: none;
    display: block;
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
}

.branch-list ul li span {
    float: right;
}

.branch-img img {
    width: 100%;
    height: 100%;
}

.controls{
    margin-top:160px;
}

.controls h1{
    font-size: 25px;
    text-align: center;
}

.form-group{
    resize:none;
}

.form-sec{width:400px;
 background:#ccc; 
 padding:15px;
 width: 400px;
 background: transparent;
 padding: 15px;
/* box-shadow: 0 0 4px #ccc;*/
 width:100%;
}

.form-sec h4{
    text-align: center;
    font-size: 25px;
}

.form-group{
    resize: none !important;
}

.information h4{
    text-align:center;
}

.commission h4{
    text-align:center;
}

.allocation h4{
    text-align:center;
}

.payment h4{
    text-align:center;
}

.container.basic{
border: 4px solid #07ea62;
padding: 10px;
background-color:#6fb8f7;
width: 60%;
padding: 35px;
}

.button{
    text-align:center;
    padding:20px;
}

.bgimg
{
     background: url(../img/bgimg3.html) ;
    background-size: 100%;
    width: 100%;
    
}