@import url('https://fonts.googleapis.com/css?family=Exo:300,400,500,600,700,800,900|Roboto:300,400,500,700,900');
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900);
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&subset=cyrillic,latin-ext,vietnamese');

@import url('meanmenu.min.css');
@import url('owl.carousel.min.css');
@import url('owl.theme.default.min.css');
@import url('animate.css');
@import url('magnific-popup.css');
<!--@import url('bootstrap.min.css');
@import url('jquery.classycountdown.min.css');
@import url('typography/typograhpy.css');
-->@import url('colors/default.css');
<!--@import url('widget.css');-->


/*------ Theme Reset Css
=======================================*/
#footer-widgets{
    background: #222 !important;
    padding-top: 70px;
    padding-bottom: 63px;
    position: relative;
}
body {
    background: #fff;
    color: #385573;
}
.priceTabe .boxed-btn:hover
{
    background-color:#fff;
}
* {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

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

ul {
    margin: 0;
    padding: 0;
}

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

img {
    max-width: 100%;
}

figure {
    margin: 0;
}
#myModalpas .modal-dialog {
    margin: 77px auto 0;
    max-width: 324px;
}
#myModalpas .modal-header {
    padding: 13px 15px;
}
.deal h3 {
    margin-bottom: 10px;
}
.deal p {
    margin-bottom: 12px;
}
.deal ul {
    margin-bottom: 10px;
}
.deal {
    padding: 12px;
}
.freeFormFixed h4 {
    background: #1ca54d;
    color: #fff;
    margin: -49px 0 0;
}
.freeFixButton {
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-timing-function: linear;
    background: #00afef;
    border-radius: 2px;
    bottom: 35px;
    color: #fff;
    left: 0;
    padding: 6px 20px;
    /* position: fixed; */
    transform: scale(1);
    transition: all 0.3s ease-in-out 0s;
    z-index: 9999;
    cursor: pointer;
}
.freeFormFixed {
    background: #fff;
    border: 1px solid #ddd;
    bottom: 0;
    max-width: 200px;
    padding: 0 ;
    position: fixed;
    left: 0;
    width: 200px;
    z-index: 999999;
    transition: all ease-in-out 0.5s;
}
.freeFormFixed form
{
    padding: 25px 10px 10px;
    transition: all ease-in-out 0.5s;
}
.close2
{
    font-size: 25px;
    padding: 5px 10px;
}
.freeFormFixed .popup-title {
    margin: 8px -21px 15px;
}
#myModalpas .close
{
    font-size: 25px;
    padding: 8px 15px;
}
/* Helper class*/

.section-padding {
    padding: 60px 0;
}

.section-padding-top {
    padding: 60px 0 0;
}

.section-header {
    margin-bottom: 40px;
}
.section-header p{
    font-weight:bold;
}
.freeTrialIn p{
    font-weight:bold;
    font-size:18px;
}

.section-header h2 {
    padding-bottom: 14px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}

.section-header h2:after {
    content: '';
    width: 100px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
}

.section-header h2:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #0671a9;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -4px;
    z-index: 2;
}

.section-header h1 {
    padding-bottom: 14px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}

.section-header h1:after {
    content: '';
    width: 100px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
}

.section-header h1:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #0671a9;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -4px;
    z-index: 2;
}

.boxed-btn {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    position: relative;
    z-index: 2;
    color: #fff;
    border-radius: 0 0 6px 0;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    margin: 0px 0 0;
    border: 0;
}

.boxed-btn:before {
    border-radius: 0 0 6px 0;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: '';
    background-color: #fff;
}

.boxed-btn:hover:before {
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    left: 0;
    right: 0;
    opacity: 1;
    z-index: -1;
    -webkit-box-shadow: 0px 4px 18px 0px rgba(7, 7, 6, 0.3);
    box-shadow: 0px 4px 18px 0px rgba(7, 7, 6, 0.3);
}

.owl-item {
    float: left;
}

.owl-stage-outer {
    overflow: hidden;
}

.owl-nav {
    display: none;
}


/*------ 01. Preloader
=======================================*/

.preloader {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: fixed;
    background: #385573;
    top: 0;
    left: 0;
    z-index: 99999999999999999;
}

.preloader div {
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: #ccc;
    top: 45%;
    border-radius: 50%;
}

.preloader div:nth-child(1) {
    background-color: #FF5460;
    -webkit-animation: move 2s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    animation: move 2s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.preloader div:nth-child(2) {
    background-color: #FF9D84;
    -webkit-animation: move 2s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    animation: move 2s 150ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.preloader div:nth-child(3) {
    background-color: #F0E797;
    -webkit-animation: move 2s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    animation: move 2s 300ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

.preloader div:nth-child(4) {
    background-color: #75B08A;
    -webkit-animation: move 2s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    animation: move 2s 450ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

@-webkit-keyframes move {
    0% {
        left: 0%;
    }
    100% {
        left: 100%;
    }
}

@keyframes move {
    0% {
        left: 0%;
    }
    100% {
        left: 100%;
    }
}

/*------ 02. Header Top
=======================================*/

#header-top {
    background:  #0671a9;
    color:  #fff;
}

#header-top ul li {
    display: inline-block;
    margin-right: 30px;
    padding: 10px 0;
}

.header-social li {
    display: inline-block;
    margin-right: 30px;
    padding: 10px 0;
}

.header-social {
    margin-right: 30px;
}

.header-social li {
    margin-right: 0;
    padding-left: 10px;
}

.header-social li a {
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    display: block;
}

.header-social li a:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.header-social li a i {
    color: #007bff;
}


.book-now {
    padding: 10px 10px;
    display: inline-block;
    color: #fff;
}


/*------ 03. Top Navbar
=======================================*/
#top-navbar {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

#top-navbar ul,
#top-navbar ul li {
    display: inline-block;
}

#top-navbar ul {
    margin: 20px 0;
}

#top-navbar .cart-search ul {
    margin: 30px 0;
}

.main-logo {
    margin: 2px 0;
    margin-right: 40px;
}

.cart-search li {
    margin-left: 10px;
}

.header-info li {
    margin-right: 30px;
    position: relative;
    padding-left: 60px;
}

.header-info i {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
}

.header-info li i:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.cart-icon {
    position: relative;
}

.cart-icon .cart-count {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0;
    right: 0;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

/* Search*/

.search__area {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
    z-index: 2147483647;
}

.search__area .search__inner {
    position: relative;
}

.search__area .search__inner form {
    margin: 4em 0;
    padding: 0 40px 0 0;
    position: relative;
    text-align: center;
}

.search__area .search__inner form input {
    background: #f8f8f8;
    width: 100%;
    height: 60px;
    padding: 15px;
    border: none;
}

.search__area .search__inner form button {
    border: 0 none;
    border-radius: 0;
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: 40px;
    top: 0;
    width: 60px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: #f8f8f8;
    color: #385573;
}

.search__area .search__inner form button:hover {
    color: #fff;
}

.search__area .search__inner .search__close__btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: #385573;
    cursor: pointer;
}

.search__close__btn .search__close__btn_icon i {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.search__box__show__hide .search__area {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

/* Cart */

@media (min-width: 991px) {
    .modal-dialog {
        max-width: 70%;
        margin: 77px auto;
    }
}

@media (max-width: 991px) {
    .modal-dialog {
        max-width: 90%;
        margin: 170px auto;
    }
}

#top-navbar div#myModal {
    z-index: 999999;
}

.modal-body {
    padding: 0 15px;
}

.modal-header button {
    cursor: pointer;
}

.single-product {
    border-top: 1px solid #ebebeb;
}

.cartHeaderLabels div {
    padding: 10px;
    border-right: 1px solid #ebebeb;
}

.single-product>div {
    padding: 10px;
    border-right: 1px solid #ebebeb;
}

.single-product .productImage a {
    display: inline-block;
    vertical-align: middle;
}

.single-product input {
    padding: 6px 10px;
    border: 1px solid #eee;
    width: 100%;
}

.cartSubtotal {
    margin: 0px 0px 0px 10px;
    padding: 5px 0px;
}

.cartRemove {
    display: block;
}

.modal-footer {
    display: block
}

.cart-btn {
    padding: 6px 20px;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-left: 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px solid transparent;
    margin-top: 10px;
}

.cart-btn:hover {
    background: #fff;
    border: 1px solid;
}

/*------ 04. Navbar
=======================================*/

.navbar-area {
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
    z-index: 9999;
    background:#fff
}

.mobile-menu-area {
    z-index: 9999;
}

.mean-container .mean-bar {
    z-index: 9999;
}

.mean-container .mean-nav ul li a.mean-expand {
    height: 24px;
}

.is-sticky .navbar-area {
    background: #fff;
}

nav.navbar-pc ul li {
    display: inline-block;
}

.navbar-pc li a {
    display: block;
    padding: 21px 15px;
    text-align: center;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}
.hireHeading {
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    margin: 0 0 44px;
    padding: 12px 15px;
}
.navbar-pc li a:hover,
.navbar-pc li.active > a {
    color: #fff;
}

.navbar-pc li.b-dropdown {
    position: relative;
}

.navbar-pc li ul {
    position: absolute;
    left: -15px;
    top: 100%;
    z-index: 9999;
    background: #fff;
    width: 200px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
}
.gallery-page {
    padding-bottom: 50px;
}
.navbar-pc li:hover ul {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.navbar-pc li ul li {
    display: block;
    position: relative;
}

.navbar-pc li ul li a {
    text-align: left;
}

.navbar-pc li ul li ul.b-sub-dropdown-menu {
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.navbar-pc li ul > li:hover ul {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.navbar-pc li.b-dropdown > a:after {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f107";
    margin-left: 5px;
}

.navbar-pc li.b-sub-dropdown > a:after {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f105";
    margin-left: 5px;
    float: right;
}

div#sticky-wrapper.is-sticky .sticky-nav {
    background: #fff !important;
    background-image: none;
    -webkit-box-shadow: 0px 0 1px rgba(0, 0, 0, .2);
    box-shadow: 0px 0 1px rgba(0, 0, 0, .2);
}

.is-sticky .sticky-nav {
    -webkit-animation: fadeInDown 1s both;
    animation: fadeInDown 1s both;
}

nav.mean-nav ul {
    overflow-y: scroll;
    height: 340px;
}

nav.mean-nav ul ul {
    height: auto;
}

/*------ 05. Header Slider
=======================================*/

header {
    /*overflow: hidden;*/
    position: relative;
    background: #ecf0f1;
}

.header-single-slider {
    padding:  100px 0 200px;
    cursor: crosshair;
}

.header-single-slider h1 {
    margin-bottom: 30px;
}

.header-single-slider p {
    margin-bottom: 50px;
}

.header-single-slider .text-center p {
    margin: 0 auto 50px;
}

.header-single-slider .text-center img {
    margin-top: 50px;
}

.header-single-slider .text-right p {
    margin-left: auto;
}

.header-single-slider .boxed-btn {
    -webkit-box-shadow: 0px 4px 18px 0px rgba(7, 7, 6, 0.3);
    box-shadow: 0px 4px 18px 0px rgba(7, 7, 6, 0.3);
    margin-right: 20px;
}

.watch-video i {
    width: 42px;
    height: 42px;
    background: #385573;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.watch-video:hover i {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(56, 85, 115, 0.5);
    box-shadow: 0px 0px 20px 0px rgba(56, 85, 115, 0.5);
}

.header-slider .owl-dots {
    width:  200px;
    position: absolute;
    bottom: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

.header-slider .owl-dots div {
    width:  30px;
    height:  6px;
    display:  inline-block;
    margin:  0 5px;
    background:  #385573;
    border-radius:  3px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}



/*------ 06. Contact info
=======================================*/

section#contact-info {
    /*margin-top: -70px;*/
    /*margin-bottom: 40px;*/
}

.contact-info .style-com {
    width: 100%;
    background:#1ca54d;
    float: left;
    color: #fff;
    padding: 22px 20px 40px 20px;
    position: relative;
}

.contact-info .style-com:last-child {
    margin-right: 0;
}

.contact-info .style-com:hover {
    cursor: pointer;
}

.contact-info .style-com i {
    float: left;
    font-size: 44px;
    margin-right: 10px;
}

.contact-info .style-com h5 {
    font-size: 14px;
    font-weight: 400;
}


.contact-info .style-com p {
    font-size: 14px;
    word-break: break-all;
    margin-left: 53px;
}

.contact-info .inner-content:after,
.contact-info .inner-content:before,
.contact-info .style-com:before,
.contact-info .style-com:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border: 0 solid #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.contact-info .style-com:hover .inner-content:after,
.contact-info .style-com:hover .inner-content:before,
.contact-info .style-com:hover:before,
.contact-info .style-com:hover:after {
    width: 50%;
    height: 50%;

}

.contact-info .style-com:after {
    top: 10px;
    left: 10px;
    border-left-width: 1px;
    border-top-width: 1px;
}

.contact-info .style-com:before {
    bottom: 10px;
    left: 10px;
    border-left-width: 1px;
    border-bottom-width: 1px;
}

.contact-info .inner-content:after {
    top: 10px;
    right: 10px;
    border-right-width: 1px;
    border-top-width: 1px;
}

.contact-info .inner-content:before {
    bottom: 10px;
    right: 10px;
    border-right-width: 1px;
    border-bottom-width: 1px;
}

/*------ 07. Portfolio
=======================================*/

section#our-portfolio.section-padding {
    padding-bottom: 100px;
}

.portfolio-tab {
    margin-bottom: 35px;
}

.portfolio-tab-sorting {
    text-align: center;
}

.portfolio-tab-sorting li {
    display: inline-block;
}

.portfolio-tab-sorting li a {
    display: block;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(18, 29, 97, 0.5);
    box-shadow: 0px 0px 16px 0px rgba(18, 29, 97, 0.5);
    padding: 10px 20px;
    background: #385573;
    color: #fff;
    margin: 0 5px;
    border-radius: 0 0 6px 0;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

/* Effect */

.portfolio figure {
    -webkit-perspective: 500px;
    perspective: 500px;
    margin-bottom: 20px;
    overflow: hidden;
}

.portfolio figure img {
    z-index: 1;
    cursor: pointer;
}

.portfolio figcaption {
    -webkit-transform: rotate3d(1, 0, 0, 90deg);
    transform: rotate3d(1, 0, 0, 90deg);
    width: 100%;
    height: 100%;
    padding: 30px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    background-color: rgb(56, 85, 115, .9);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.portfolio figcaption h4 {
    margin-bottom: 10px;
}

.portfolio figcaption p {
    margin-bottom: 15px;
}

.in-top figcaption {
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: in-top 300ms ease 0ms 1 forwards;
    animation: in-top 300ms ease 0ms 1 forwards;
}

.in-right figcaption {
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-animation: in-right 300ms ease 0ms 1 forwards;
    animation: in-right 300ms ease 0ms 1 forwards;
}

.in-bottom figcaption {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: in-bottom 300ms ease 0ms 1 forwards;
    animation: in-bottom 300ms ease 0ms 1 forwards;
}

.in-left figcaption {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation: in-left 300ms ease 0ms 1 forwards;
    animation: in-left 300ms ease 0ms 1 forwards;
}

.out-top figcaption {
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-animation: out-top 300ms ease 0ms 1 forwards;
    animation: out-top 300ms ease 0ms 1 forwards;
}

.out-right figcaption {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: out-right 300ms ease 0ms 1 forwards;
    animation: out-right 300ms ease 0ms 1 forwards;
}

.out-bottom figcaption {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: out-bottom 300ms ease 0ms 1 forwards;
    animation: out-bottom 300ms ease 0ms 1 forwards;
}

.out-left figcaption {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation: out-left 300ms ease 0ms 1 forwards;
    animation: out-left 300ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
    from {
        -webkit-transform: rotate3d(-1, 0, 0, 100deg);
        transform: rotate3d(-1, 0, 0, 100deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-top {
    from {
        -webkit-transform: rotate3d(-1, 0, 0, 100deg);
        transform: rotate3d(-1, 0, 0, 100deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes in-right {
    from {
        -webkit-transform: rotate3d(0, -1, 0, 90deg);
        transform: rotate3d(0, -1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-right {
    from {
        -webkit-transform: rotate3d(0, -1, 0, 90deg);
        transform: rotate3d(0, -1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes in-bottom {
    from {
        -webkit-transform: rotate3d(1, 0, 0, 90deg);
        transform: rotate3d(1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-bottom {
    from {
        -webkit-transform: rotate3d(1, 0, 0, 90deg);
        transform: rotate3d(1, 0, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes in-left {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 90deg);
        transform: rotate3d(0, 1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@keyframes in-left {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 90deg);
        transform: rotate3d(0, 1, 0, 90deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
}

@-webkit-keyframes out-top {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(-1, 0, 0, 125deg);
        transform: rotate3d(-1, 0, 0, 125deg);
    }
}

@keyframes out-top {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(-1, 0, 0, 125deg);
        transform: rotate3d(-1, 0, 0, 125deg);
    }
}

@-webkit-keyframes out-right {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, -1, 0, 120deg);
        transform: rotate3d(0, -1, 0, 120deg);
    }
}

@keyframes out-right {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, -1, 0, 120deg);
        transform: rotate3d(0, -1, 0, 120deg);
    }
}

@-webkit-keyframes out-bottom {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(1, 0, 0, 125deg);
        transform: rotate3d(1, 0, 0, 125deg);
    }
}

@keyframes out-bottom {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(1, 0, 0, 125deg);
        transform: rotate3d(1, 0, 0, 125deg);
    }
}

@-webkit-keyframes out-left {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 120deg);
        transform: rotate3d(0, 1, 0, 120deg);
    }
}

@keyframes out-left {
    from {
        -webkit-transform: rotate3d(0, 0, 0, 0deg);
        transform: rotate3d(0, 0, 0, 0deg);
    }
    to {
        -webkit-transform: rotate3d(0, 1, 0, 120deg);
        transform: rotate3d(0, 1, 0, 120deg);
    }
}


/*------ 08. Our Features
=======================================*/

.features-box {
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.features-box:hover {
    -webkit-box-shadow: 0px 4px 16px 0px rgba(18, 29, 97, 0.8);
    box-shadow: 0px 4px 16px 0px rgba(18, 29, 97, 0.8);
}

.features-box figcaption {
    align-items: center;
    color: #fff;
    height: 100%;
    left: 0;
    padding: 66px 20px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.features-box figcaption:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #385573;
    z-index: -1;
    opacity: .4;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.features-box:hover figcaption:after {
    opacity: .9;
}

.features-box figcaption i {
    margin-bottom: 20px;
    display: block;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.features-box:hover figcaption i {
    position: relative;
    -webkit-animation: moveFromTop 250ms ease;
    -moz-animation: moveFromTop 250ms ease;
    -ms-animation: moveFromTop 250ms ease;
}

.features-box figcaption h4 {
    margin-bottom: 6px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.features-box:hover figcaption h4 {
    position: relative;
    -webkit-animation: moveFromTop 200ms ease;
    -moz-animation: moveFromTop 200ms ease;
    -ms-animation: moveFromTop 200ms ease;
}

.features-box figcaption p {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    FONT-SIZE: 20PX;
    line-height: 30px;
}

.features-box:hover figcaption p {
    position: relative;
    -webkit-animation: moveFromBottom 250ms ease-in-out;
    -moz-animation: moveFromBottom 250ms ease-in-out;
    -ms-animation: moveFromBottom 250ms ease-in-out;
}

@-webkit-keyframes moveFromTop {
    from {
        top: -600px;
    }
    to {
        top: auto;
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        bottom: -400px;
    }
    to {
        top: auto;
    }
}

/*------ 09. Service
=======================================*/

.service-box {
    position: relative;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 20px 15px 20px 15px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.service-box:hover {
    background: #385573;
    color: #fff;
}

.service-box img {
    position: absolute;
    top: 50px;
    left: 30px;
}

.service-box h4 {
    margin-bottom: 10px;
}

.service-box p {
    margin-bottom: 14px;
}

.service-box:hover p {
    opacity: .8;
}

.blur .service-box {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
}

.blur .service-box img,
.blur .service-box h4 {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    opacity: 0.3;
}

.blur .service-box p{
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    opacity: .3;
}

.blur .service-box a {
    text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
    opacity: 0.3;
}

/*------ 10. Fun fact
=======================================*/

#fun-fact {
    background: url(../img/bg/fun-fact-bg.jpg) no-repeat center / cover;
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 60px 0;
    text-align: center;
}

#fun-fact:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    z-index: -1;
    background: #0671a9;
}

#fun-fact h3 span {
    margin-right: 10px;
}

#fun-fact .single-box {
    position: relative;
}

#fun-fact .single-box:after {
    content: '';
    position: absolute;
    top: -15px;
    right: 0;
    width: 4px;
    height: 120px;
}

#fun-fact .single-box:last-child:after {
    display: none;
}

/*------ 11. Gallery
=======================================*/

#our-gallery {
    overflow: hidden;
}

#our-gallery .gallery-items a {
    float: left;
    width: 20%;
    position: relative;
    color: #000000;
    overflow: hidden;
}

#our-gallery .single-item img {
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    width: 100%;
}

#our-gallery .single-item:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

#our-gallery .single-item:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    z-index: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}

#our-gallery .single-item:hover:after {
    opacity: .8;
}

#our-gallery .gallery-items a:after,
#our-gallery .gallery-items a:before {
    position: absolute;
    width: 1px;
    height: 70px;
    content: "";
    top: 50%;
    left: 50%;
    z-index: 2;
    background: #fff;
    margin-top: -35px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#our-gallery .gallery-items a:after {
    width: 70px;
    height: 1px;
    margin-top: 0;
    margin-left: -35px;
}

#our-gallery .gallery-items a:hover:after,
#our-gallery .gallery-items a:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}



/*------ 12. Team
=======================================*/

.team-member {
    position: relative;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.team-member:hover {
    -webkit-box-shadow: 0px 10px 20px 0px rgba(7, 7, 6, 0.2);
    box-shadow: 0px 10px 20px 0px rgba(7, 7, 6, 0.2);
}

.team-member .team-footer {
    text-align: center;
    padding: 30px 0;
    position: relative;
}

.team-member:hover .team-footer {
    visibility: hidden;
}

.team-member .team-footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.team-member .team-footer:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 125px;
    height: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.team-member:hover .team-footer:before,
.team-member:hover .team-footer:after {
    width: 0;
}

.team-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    padding: 15px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    border-radius: 10px;
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.team-member:hover .team-content {
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    top: -10px;
    left: 10px;
}

.team-content:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 10px;
    opacity: .9;
}

.team-content p.title {
    margin-bottom: 30px;
}

.team-content ul {
    bottom: 0;
    left: 0;
    width: 100%;
    position: absolute;
    padding: 15px 0;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(7, 7, 6, 0.2);
    box-shadow: 0px 3px 7px 0px rgba(7, 7, 6, 0.2);
    border-radius: 10px;
}

.team-content ul li {
    display: inline-block;
}

.team-content ul li a {
    display: block;
    margin: 0 -15px;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    opacity: 0;
}

.team-member:hover .team-content ul li a {
    margin: 0 5px;
    opacity: 1;
}


/*------ 13. Testimonial
=======================================*/

#testimonial .section-header {
    margin-bottom: 75px;
}

.testimonial-carousel .owl-stage-outer {
    overflow: hidden;
}

.single-testimonial {
    position: relative;
    border: 1px solid #eaeaea;
    padding: 20px 10px 20px 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin: 5px 0;
}

.single-testimonial:hover {
    color: #fff;
    -webkit-box-shadow: 0 0 15px rgb(184, 181, 181);
    box-shadow: 0 0 15px rgb(184, 181, 181);
}

.single-testimonial:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-bottom: 40px solid;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.single-testimonial:hover:after {
    border-bottom: 40px solid #385573;
}

.single-testimonial img {
    -webkit-transition:  .3s all;
    -o-transition:  .3s all;
    transition:  .3s all;
    position: absolute;
    top: 0;
    left: 0;
}

.single-testimonial:hover img {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}

.single-testimonial p.title {
    margin-bottom: 20px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.single-testimonial:hover p.title {
    color: #fff;
}

.single-testimonial p {
    margin-bottom: 12px;
}

.single-testimonial ul li {
    display: inline-block;
}

.single-testimonial ul li i {
    color: #fdb742;
}

.testimonial-carousel .owl-dots {
    width:  200px;
    margin:  40px auto 0;
    text-align:  center;
}

.testimonial-carousel .owl-dots div {
    width:  30px;
    height:  6px;
    display:  inline-block;
    margin:  0 5px;
    background:  #385573;
    border-radius:  3px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}


/*------ 14. Package
=======================================*/

.single-package {
    border-radius: 10px 50px 10px 10px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.single-package:hover {
    -webkit-box-shadow: 0 0 30px #ccc;
    box-shadow: 0 0 30px #ccc;
}

.package-head {
    padding: 30px 30px 50px;
    position: relative;
    background: #385573;
    color: #fff;
    border-radius: 10px 50px 0 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.package-head:after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 40% 40% 0 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.heavy-package .package-head:after,
.single-package:hover .package-head:after {
    height: 0;
}

.pricing {
    margin-bottom: 30px;
}

.package-head h3 {
    float: right;
    margin-top: 14px;
    position: relative;
}

.package-head h3:after {
    content:  '';
    position:  absolute;
    top: 18px;
    right: -50px;
    width:  45px;
    height:  2px;
    background:  #fff;
}

.pricing-content {
    padding: 30px 50px;
}

.pricing-content ul li {
    margin-bottom: 20px;
}

.pricing-content ul li img {
    margin-right: 20px;
}

.order-btn {
    width: 100%;
    padding: 15px 0px;
    background: #385573;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 22px;
    font-weight: 500;
    border-radius: 0 0 10px 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: relative;
    z-index: 2;
}

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

.order-btn i {
    margin-left: 5px;
}

.order-btn:before {
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: '';
    border-radius: 0 0 10px 10px;
}

.heavy-package .order-btn:before {
    background: #385573;
}

.single-package:hover .order-btn:before {
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    left: 0;
    right: 0;
    opacity: 1;
    z-index: -1;
}

.heavy-package .package-head,
.single-package:hover .package-head {
    color: #fff
}

/*------ 15. Subscribe
=======================================*/

#subscribe {
    padding: 50px 0;
    background: #385573;
    color: #fff;
}

.subscribe-text {
    position: relative;
    padding-left: 20px;
}

.subscribe-text:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    height: 76px;
    width: 6px;
}

.subscribe-text p {
    opacity: .8;
}

#subscribe-form input {
    width: 100%;
    border: none;
    height: 60px;
    border-radius: 30px;
    padding: 0 30px;
}

#subscribe-form {
    position: relative;
}

#subscribe-form a {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 6px 25px;
    height: 44px;
    border-radius: 22px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(28, 165, 77, 0.3);
    box-shadow: 0px 0px 6px 0px rgba(28, 165, 77, 0.3);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#subscribe-form a:hover {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(28, 165, 77, 0.8);
    box-shadow: 0px 0px 20px 0px rgba(28, 165, 77, 0.8);
}


/*------ 16. Recent Blog
=======================================*/

.recent-blog-post {
    display: inline-block;
    width: 100%;
    border: 1px solid #eaeaea;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.recent-blog-post:hover {
    -webkit-box-shadow: 0px 0px 14px 0px rgba(97, 99, 99, 0.3);
    box-shadow: 0px 0px 14px 0px rgba(97, 99, 99, 0.3);
}

.recent-blog-post .post-thumb {
    width: 48%;
    float: left;
    position: relative;
}

.recent-blog-post .post-thumb:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.recent-blog-post:hover .post-thumb:after {
    opacity: .8;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.post-thumb .post-author {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    padding: 0 15px;
    z-index: 2;
    opacity: 0;
}

.blog-post:hover .post-thumb .post-author,
.recent-blog-post:hover .post-thumb .post-author {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.recent-blog-post .post-content {
    padding: 24px 20px;
    float: left;
    width: 52%;
}

.recent-blog-post .meta-info .posted-by {
    margin-bottom: 5px;
}

.recent-blog-post .meta-info li span.post-date {
    float: right;
}

.recent-blog-post .meta-info li.tags a {
    margin-right: 10px;
}

.recent-blog-post .post-content h5.post-title {
    margin: 10px 0 5px;
}

.recent-blog-post .post-content p {
    margin-bottom: 20px;
}

.recent-blog-post .post-content .boxed-btn {
    padding: 6px 15px;
}

.recent-blog-post .post-content .boxed-btn i {
    margin-left: 5px;
}

/*------ 17. Footer and Action bar
=======================================*/

#footer-widgets {
    background: url(../img/bg/footer-bg.jpg) no-repeat center / cover;
    position: relative;
    z-index: 2;
    color: #fff;
    padding-top: 50px;
    margin-top: 0px;
}

#footer-widgets.contact-page-footer {
    margin-top: 0;
}

#footer-widgets:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #222;
    opacity: .96;
    z-index: -1;
}

.action-bar {
    padding: 50px 0;
    color: #fff;
}

#action-bar {
    position: absolute;
    top: -70px;
    width: 100%;
}

.action-bar .boxed-btn {
    padding: 10px 25px;
}

.action-bar .boxed-btn.white-bg {
    background: #fff;
    margin-right: 20px;
}

.action-bar .boxed-btn.white-bg:hover {
    color: #fff;
}

.action-bar .boxed-btn.contact-btn {
    -webkit-box-shadow: 0px 4px 18px 0px rgba(7, 7, 6, 0.3);
    box-shadow: 0px 4px 18px 0px rgba(7, 7, 6, 0.3);
    margin-left: 20px;
}

/*------ 18. Footer copyright
=======================================*/

.copyright-hr {
    width: 100%;
    height: 1px;
    background: #fff;
    margin-bottom: -0px;
}

.copyright {
    padding: 30px 0;
}

.copyright li {
    display: inline-block;
    margin-right: 10px;
}

.scrollup.boxed-btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 0 0 6px 0;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 30px;
    padding: 0;
    display: none;
    color: #fff;
    z-index: 888;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
}

.scrollup.boxed-btn i {
    margin: 0;
}

.payment-method img {
    width: auto;
    height: 20px;
}

/*------ Breadcrumb Area
=======================================*/

#breadcrumb-area {
    background-repeat: repeat;
    background-position: left top;
    padding: 40px 0;
    background:linear-gradient(307deg, #5a8fbd 0%, #e6f1fb 100%);
    z-index: 2;
    color:#000
}

#breadcrumb-area h1{
    /*    background: rgba(6,113,169,0.6);*/
    display: inline-block;
    margin-bottom: 10px;
    padding: 1px 0px;
    font-weight: bold
}
#breadcrumb-area li {
    /*    background: rgba(6,113,169,0.6);*/
    color:#000
}
#breadcrumb-area li,
#breadcrumb-area li a,
#breadcrumb-area li .active{
    font-size: 16px;
    display: inline-block;

    color:#000;
}

#breadcrumb-area li:after {
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f105";
    margin: 0 0 0 10px;
}

#breadcrumb-area li.active:after {
    display: none;
}


/*------ About Page
=======================================*/

#our-identity h3 {
    margin-bottom: 5px;
}

#our-identity p {
    margin-bottom: 20px;
}

#our-identity .boxed-btn {
    border-radius: 0 0 6px 0;
}

.achieve-box {
    padding: 25px;
    background: #385573;
    color: #fff;
    position: relative;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    height: 230px;
    border-radius: 15px;
}

.achieve-box:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50%;
    height: 6px;
    background: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.achieve-box:hover:after {
    width: 60%;
}

.achieve-box i {
    float: left;
    margin-right: 15px;
}

.achieve-box h4 {
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 23px;
}

/* Sponsonr */

.single-sponsor {
    width: 100%;
    float: left;
    border: 0px solid rgba(0, 0, 0, .1);
    height: 120px;
    text-align: center;
    position: relative;
    cursor: crosshair;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.inner-sponsor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.single-sponsor img {
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    max-width: 180px
}

.single-sponsor:hover img {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

#our-sponsors .single-sponsor:nth-child(1),
#our-sponsors .single-sponsor:nth-child(2),
#our-sponsors .single-sponsor:nth-child(3),
#our-sponsors .single-sponsor:nth-child(4) {
    border-bottom-width: 1px;
}

#our-sponsors .single-sponsor:nth-child(2) {
    border-left-width: 1px;
    border-right-width: 1px;
}

#our-sponsors .single-sponsor:nth-child(3) {
    border-right-width: 1px;
}

#our-sponsors .single-sponsor:nth-child(6) {
    border-left-width: 1px;
    border-right-width: 1px;
}

#our-sponsors .single-sponsor:nth-child(7) {
    border-right-width: 1px;
}


/*------ Services Page
=======================================*/

.servicep-box {
    border: 1px solid #ddd;
    padding: 24px 0 0;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    height: 354px;
}
.termPage {
    padding: 80px 0;
}
.servicep-box:hover {
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.28);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.28);
}
.paragraph {
    background: #fff;
    border-left: 3px solid #11cfe7;
    border-radius: 6px;
    padding: 31px 22px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.paragraph ul li i {
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 5px;
    z-index: 999;
}
.paragraph li {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 12px;
    position: relative;
    padding: 0 0 0 20px;
}
.servicep-box::after {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 50px;
    content: "";
    height: 284px;
    left: 17px;
    position: absolute;
    top: -136px;
    transform: rotate(-16deg);
    width: 100%;
    z-index: -1;
}


.servicep-box img {
    height: 45px;
    margin-bottom: 15px;
}

.servicep-box h4 {
    margin-bottom: 80px;
    color: #385573;
}

.servicep-box p {
    padding: 0 15px;
    margin-bottom: 30px;
}

.servicep-box .boxed-btn {
    background: #49b771;
    display: block;
}

.servicep-box:hover .boxed-btn {
    color: #fff;
}

.servicep-box:hover .boxed-btn:before {
    left: 0;
    right: 0;
    -webkit-transition: 0.5s all ease;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    opacity: 1;
    z-index: -1;
}

/*------ Gallery Page
=======================================*/

#gallery .gallery-items .gallery-load a  {
    position: relative;
    margin-bottom: 30px;
    display: block;
    overflow: hidden;
}

#gallery .gallery-items .gallery-load a img {
    height: 350px;
    transition: all 300ms ease 0s;
    width: 100%;
}

#gallery .gallery-items .gallery-load a:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.gallery-load {
    display: none;
}

#gallery .gallery-items .gallery-load .single-item:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    z-index: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}

#gallery .gallery-items .gallery-load .single-item:hover:after {
    opacity: .8;
}

#gallery .gallery-items .gallery-load a:after,
#gallery .gallery-items .gallery-load a:before {
    position: absolute;
    width: 1px;
    height: 70px;
    content: "";
    top: 50%;
    left: 50%;
    z-index: 2;
    background: #fff;
    margin-top: -35px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#gallery .gallery-items .gallery-load a:after {
    width: 70px;
    height: 1px;
    margin-top: 0;
    margin-left: -35px;
}

#gallery .gallery-items .gallery-load a:hover:after,
#gallery .gallery-items .gallery-load a:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#gallery .load-btn:focus {
    color: #04175c;
}

/*------ Portfolio Page
=======================================*/

.portfolio-page figure img {
    width: 100%;
}

.portfolio-page nav.portfolio-pagination {
    margin-top: 30px;
}

.portfolio-box {
    background: #f9f9ff;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.17);
    margin-bottom: 50px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-align: right;
}

.portfolio-box:hover {
    -webkit-box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.2);
}

.portfolio-box .content {
    padding: 15px 20px 20px;
    text-align: left;
}

.portfolio-box .content h4 {
    margin-bottom: 5px;
}

.portfolio-box .content p {
    margin-bottom: 10px;
}

.pagination {
    border: 1px solid;
    width: 170px;
    margin:  0 auto;
    border-radius:  20px;
}

ul.pagination li a {
    background-color: transparent !important;
    color: #000 !important;
    background: transparent;
    border:  none;
    position: relative;
}

ul.pagination li:nth-child(3) a:after,
ul.pagination li:last-child a:after {
    display: none;
}

ul.pagination li a:after {
    position: absolute;
    content: '';
    top: 4px;
    right: 0;
    width: 1px;
    height: 26px;
    opacity: .2;
}

ul.pagination li a:hover {
    background: transparent;
}

.page-item.active .page-link {
    background:  transparent;
}

ul.pagination li.next a {
    border-radius: 20px;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}

.page-item:first-child .page-link {
    padding-left: 20px;
}

.page-item:last-child .page-link {
    border-radius: 20px;
}

.portfolio-img {
    text-align: right;
}

/*------ Blog Pages
=======================================*/

.blog-post  {
    display: inline-block;
    width: 100%;
    border: 1px solid #eaeaea;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    margin-bottom: 60px;
}

.blog-post:hover {
    -webkit-box-shadow: 0px 0px 14px 0px rgba(97, 99, 99, 0.3);
    box-shadow: 0px 0px 14px 0px rgba(97, 99, 99, 0.3);
}

.blog-post .post-thumb {
    width: 46%;
    float: left;
    position: relative;
}

.blog-post .post-thumb:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.blog-post:hover .post-thumb:after {
    opacity: .8;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.blog-post .post-content {
    padding: 24px 20px 20px;
    float: left;
    width: 100%;
}

.blog-post .post-content h4 {
    margin-bottom: 10px;
}

.blog-post .post-content p {
    margin-bottom: 20px;
}

.blog-post .post-content .read-more {
    display: block;
    margin-bottom: 20px;
}

.blog-post .meta-info li {
    display: inline-block;
    font-size: 10px;
    margin-right: 10px;
}

.blog-post .meta-info li a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.blog-post .meta-info li a i {
    margin-right: 5px;
}

.full-width .blog-post .post-thumb {
    width: 38%;
}

.full-width .blog-post .post-content {
    width: 62%;
}

.full-width .blog-post .post-content h4 {
    margin-bottom: 30px;
}

.full-width .blog-post .post-content p {
    margin-bottom: 30px;
}

.full-width .blog-post .post-content .read-more {
    margin-bottom: 50px;
}

.full-post .blog-post {
    border: none;
}

.full-post .blog-post:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.full-post .post-content,
.full-post .post-thumb {
    width: 100%;
}

.full-post .post-thumb {
    margin-bottom: 50px;
}

.full-post .blog-post .post-content {
    padding: 0;
    margin-bottom: 50px;
}

.full-post .blog-post .post-content .post-title {
    margin-bottom: 20px;
}

.full-post .post-thumb:after {
    display: none;
}

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

.comment-author a {
    color: #2c3145;
    margin-bottom: 5px;
    display: block;
}

.post-comments-area .comment-time-left {
    margin-bottom: 7px;
}

.post-comments-area .media-left {
    padding-right: 25px;
}

.post-comments-area .media-body {
    position: relative;
}

a.comment-date {
    position: absolute;
    right: 0;
    top: 0;
    color: #c2c2c2;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a.comment-date:hover {
    color: #385573;
}

.media ul li {
    display: inline-block;
    color: #5e6271;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}

.media ul li:after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 12px;
    background: #c2c2c2;
}

.media ul li:last-child:after {
    display: none;
}

.media ul li i {
    margin-right: 5px;
}

.post-comments-area .media {
    margin: 0;
    padding: 25px 0 0;
}

.post-comments-area .media .media-body {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 25px;
}
.breadcrumb-nav{
    margin: 0;
}
.post-comments-area p {
    margin-bottom: 12px;
}

.media-replay .media {
    padding-left: 30px;
}

.post-new-comment {
    padding-top: 40px;
}

.media-body ul li {
    color: #5e6271;
}

.form-group input {
    height: 36px;
}

.form-group div {
    margin-bottom: 10px;
}

.post-new-comment .form-control {
    height: 42px;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.post-new-comment textarea.form-control {
    height: 142px;
}

.post-new-comment input,
.post-new-comment textarea {
    margin-bottom: 20px;
}

.post-new-comment .boxed-btn {
    border: none;
    cursor: pointer;
}

/*------ Contact Page
=======================================*/

.input-wrapper {
    position: relative;
}

.input-wrapper label {
    position: absolute;
    left: 15px;
    top: 10px;
    -webkit-transition:-webkit-transform 100ms ease;
    transition:-webkit-transform 100ms ease;
    -o-transition:transform 100ms ease;
    transition:transform 100ms ease;
    transition:transform 100ms ease, -webkit-transform 100ms ease;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    padding:0 2px;
    z-index: 2;
    pointer-events: none;
    color: #000;
}

.input-wrapper input + label,
.input-wrapper textarea + label,
.input-wrapper select + label {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    background: #fff;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
    height: 42px;
    border: 1px solid #e4e4e4;
    /*color: #385573;*/
    width: 100%;
    padding: 6px 10px 0;
    margin-bottom: 24px;
    position: relative;
}

.contact-form textarea {
    height: 140px;
}
.campusForm .contact-form .input-wrapper textarea {
    height: 77px !important;
}
.contact-form .boxed-btn {
    border: none;
    cursor: pointer;
}

.contact-info .info-box {
    border: 1px solid #efefef;
    padding: 20px 30px;
    color: #385573;
    margin-bottom: 14px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.contact-info .info-box:last-child {
    margin-bottom: 0;
}

.contact-info .info-box:hover {
    -webkit-box-shadow: 0px 0px 18px 0px rgba(97, 99, 99, 0.25);
    box-shadow: 0px 0px 18px 0px rgba(97, 99, 99, 0.25);
}

.contact-info .info-box i {
    margin-right: 30px;
    float: left;
    margin-top: 3px;
}

#contact-us {
    background: url('../img/bg/contactus-bg.jpg') no-repeat center / cover;
    position: relative;
    z-index: 2;
    color: #fff;
}

#contact-us:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .75;
    z-index: -1;
}

#contact-us .section-header h2::after,
#contact-us .section-header h2::before {
    background: #fff;
}

#contact-us .section-header h2 {
    color: #fff;
}


.contact-us-box {
    text-align: center;
}

.contact-us-box i {
    margin-bottom: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.contact-us-box h4 {
    margin-bottom: 10px;
}

.contact-us-box:hover i {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH";
}

#map-section {
    height: 500px;
    position: relative;
}

#map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
}



/*------ Coming Soon
=======================================*/


.comingsoon-body {
    background: url(../img/comingsoonbg.jpg) no-repeat center / cover;
    color: #fff;
    position: relative;
    z-index: 2;
}

.comingsoon-body:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #151515;
    z-index: -1;
    opacity: .9;
}

.coming-soon-wrapper {
    overflow: hidden;
}

.coming-soon-wrapper .logo {
    margin: 50px 0 0;
}

.coming-soon-wrapper h1 {
    text-align: center;
    margin-top: 80px;
}

.coming-soon-wrapper h2 {
    text-align: center;
    margin-top: 20px;
}

.count-area {
    margin: 80px 0 80px;
}

.commingsoon-subscribe {
    position: relative;
}

.commingsoon-subscribe input {
    background: transparent;
    border: 1px solid #ccc;
    height: 42px;
    padding: 15px;
    width: 100%;
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.commingsoon-subscribe input:focus {
    border-color: #fff
}

.commingsoon-subscribe input + label {
    padding: 0 5px;
    color: #ccc;
}

.commingsoon-subscribe input:focus + label {
    background: #151515;
    color: #fff;
    -webkit-transform: translateY(-22px);
    -ms-transform: translateY(-22px);
    transform: translateY(-22px);
}

.commingsoon-subscribe button {
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    color: #ccc;
    background: transparent;
    border: 0;
    padding: 0 15px;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.commingsoon-subscribe button:hover {
    color: #fff;
}

.comingsoon-footer {
    margin-top: 80px;
    color: #fff;
    padding-bottom: 30px;
}

.comingsoon-footer .social-list li {
    display: inline-block;
}

.comingsoon-footer .social-list li a {
    display: block;
    padding: 0 20px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.comingsoon-footer .social-list li a:hover {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}

.poweredby a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

/*------ 404 Page
=======================================*/

#page-404 {
    padding: 120px 0 40px;
}

.text-404 i {
    padding: 0 5px;
}

#page-404 h1 {
    margin: 40px 0 30px;
}

#page-404 h3 {
    margin: 0 0 20px;
}


/******* custom ab ******/
.behind_nav{
    display:inline-block;
}
.navbar-pc{
    display:inline-block;
}
.social-icon{
    display: inline-block;
    float: right;
}
.social-icon ul{
    margin-top: 10px;
}
.ahead_nav li a{
    text-transform:uppercase;
}
.header-social li a{
    background: #0671a9;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: relative;
}
.header-social li a i{
    color: #fff;
    position: absolute;
    top: 7px;
    left: 7px;
}
.header-social{
    margin-right:0px !important;
}
.header-social li{
    padding-left: 3px !important;
}
.padding-none{
    padding:0 !important;
}
.features-box  figure img{
    width:50px !important;
    margin-bottom: 20px;
}
.color-bg{
    width:100% !important;
    height:100% !important;
    background:red;
}
.new-height{
    height:300px;
}
.bg-color1{
    background-color:#00a0c6;
}
.bg-color2{
    background-color:#007199;
}
.bg-color3{
    background-color:#006388;
}
.bg-color4{
    background-color:#004f6e;
}
.bg-color5{
    background-color:#002e43;
}
#fun-fact .single-box  p {
    font-size: 24px !important;
    line-height: 34px !important;
}
.color-w {
    color:#fff !important;
}
#popupdiv {
    left: 50%;
    position: fixed;
    top: 108px;
    transform: translateX(-50%);
    z-index: 99;
}
.popup-box{
    background:#fff;
    padding:25px;
    width:500px;
    border-radius: 0 0 10px 10px;
    border-top: 4px solid #22cc5f;
}
.popup-box form input{
    height:36px !important;
    border-radius:1px !important;
}
.popup-box form select{
    height:36px !important;
    border-radius:1px !important;
}


.popup-box form input[type="checkbox"]{
    width: 16px;
    height:16px !important;
    float: left;
    margin-right: 10px;
}
.popup-header{
    color:#444 !important;
}
form{
    color:#444;
}
.popup-box .hire-submit{
    width: 100%;
    background: #0671a9;
    color: #fff;
    font-size:1em !important;
}
.popup-header{
    text-align:center;
    margin-bottom:20px;
}
.bgcolor{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 555;
    background: rgba(0,0,0,0.5);
    left: 0;
}
.popup-title{
    font-size:16px !important;
}
.size-half input{
    width:49%;
}
.first-input input{
    float:left;
    margin-right:9px;
}
#contact-part{
    padding-top: 60px;
}
.queries-container{
    height: 258px;
    display: table-cell;
    vertical-align: middle;
}
#testimonial{
    padding-bottom:60px;
    background:#f5f5f5;
    background:#f5f5f5;
}
.queries-container h2{
    margin-bottom:12px;
}
.queries-container p{
    margin:20px 0;
}

.carousel-inner .item{
    position:relative;
}
.overlay {
    color: #fff;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 18px;
    transform: translateX(-50%);
}
.carousel-inner{
    height: 560px;
}
.carousel-indicators{
    bottom: 80px !important;
    left: 65px !important;
}
.overlay h1{
    margin-bottom:15px;
}
.overlay p{
    margin:20px 0;
}
.form-control{
    font-size:1em !important;
}
.b-dropdown-menu li a{
    padding: 8px 15px !important;
    font-size: 12px;
    text-transform: initial;
}
.navbar-pc li ul{
    width:250px !important;
}

.ahead_nav li a{
    font-weight:700;
}
.navbar-pc ul li a{
    font-weight:700;
}

#contact-info  .owl-dots{
    margin-top:15px;
}
.service-box img{
    width: 52px;
}
.download_content{
    height: 420px;
    display: table-cell;
    vertical-align: middle;
}
.download_content h1{
    margin:20px 0;
}
.download_content p{
    margin: 12px 0 30px;
    width: 354px;
    font-size: 18px;
    line-height: 28px;
    font-weight: lighter;
}

.header-social-footer li a{
    display: block;
    background: #1ca54d;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: relative;
}
.header-social-footer li a i{
    position: absolute;
    font-size: 18px;
    top: 7px;
    left: 7px;
    transition:all 0.2s ease;
}
.header-social-footer li a:hover i{
    transform:rotate(360deg);
}
.team-member img{
    border-radius:10px;
}

.team-content .inner{
    width:224px !important;
}
.team-content .inner ul{
    padding:6px 0;
}
.team-content .inner ul li{
    font-size: 24px;
}

.performance-carousel{
    overflow: hidden !important;
    margin-right: -18px !important;
}
.performance-carousel .owl-stage-outer{
    padding:20px 15px 20px 0;
}

/*.performance-carousel .owl-dots {*/
/*    width:  200px;*/
/*    margin:  40px auto 0;*/
/*    text-align:  center;*/
/*}*/

/*.performance-carousel .owl-dots div {*/
/*    width:  30px;*/
/*    height:  6px;*/
/*    display:  inline-block;*/
/*    margin:  0 5px;*/
/*    background:  #385573;*/
/*    border-radius:  3px;*/
/*    cursor: pointer;*/
/*    -webkit-transition: .3s;*/
/*    -o-transition: .3s;*/
/*    transition: .3s;*/
/*}*/

.style-com{
    height: 110px !important;
}
.figcaption .inner-text img{
    width: 50px !important;
    margin-bottom:20px !important;
}

#myCarousel .carousel-inner .item img{
    width: 100%;
    height: 600px;
}

#contact-part {
    background: url(../img/fw33.jpg);
    background-size: cover;
}
.download_content{
    background: rgba(255,255,255,0.75);
    padding: 0 64px;
}

/*================== new style ==========================*/

.breadcum {
    padding: 10px 0;
    background: #0671a9;
    color: #fff;
}
.main-area{
    padding: 60px 0;
}
.side-img img{
    border: 10px inset #0671a9;
}
.sec-title{
    margin: 12px 0 20px;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
}
.feat p{
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}




.form-group select {
    height: 46px !important;
}

.payment{
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.28);
    border-style: solid;
    border-width: 0px;
    border-radius: 1px;
    padding: 15px;
    margin: 0 20px;
    transition: all 700ms ease 0s;
    border-color: transparent;
}
.behind_nav li i {
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.behind_nav li:hover i {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}


.widget-info li i{
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.widget-info li:hover i {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.widget-info i{
    background: #1ca54d;
    padding: 8px;
    color: #fff !important;
    border-radius: 50%;
}



.mr-2{
    background: #1ca54d;
    padding: 5px;
    border-radius: 50%;
    color: #fff !important;
    font-size: 12px;
}
.paragraph p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 18px;
}
.headingIn {
    color: #184E75;
    font-size: 22px;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.headingIn::after {
    background: #184E75;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}
.kycForm .nav.nav-tabs li {
    width: 25%;
}
.txtArea {
    border: 1px solid #ddd;
    display: block;
    height: 112px;
    padding: 2px 8px;
    width: 100%;
}
.kycForm label {
    color: #666;
    display: block;
}

.kycForm .form-control {
    overflow: hidden;
}
.kycForm .tab .nav-tabs{
    border: none;
    margin-bottom: 20px;
}
.kycForm .tab .nav-tabs li a {
    border-radius: 0;
    color: #184e75;
    font-size: 18px;
    font-weight: 700;
    margin-right: 15px;
    padding: 12px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}
.kycForm .tab .nav-tabs li a:hover{
    color: #fff;
}
.kycForm .tab .nav-tabs li.active a{
    border: none;
    color: #fff;
}
.kycForm .tab .nav-tabs li a:before{
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #184E75;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.kycForm .tab .nav-tabs li a:hover:before,
.kycForm .tab .nav-tabs li.active a:before{
    opacity: 0;
    transform: scale(0.5);
}
.kycForm .tab .nav-tabs li a:after{
    content: "";
    width: 100%;
    height: 100%;
    background: #184E75;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transform: scale(1.2);
    transition: all 0.5s ease 0s;
}
.kycForm .tab .nav-tabs li a:hover:after,
.kycForm .tab .nav-tabs li.active a:after{
    opacity: 1;
    transform: scale(1);
}
.kycForm .tab .tab-content{
    padding: 20px 35px;
    margin: 0;
    background: #ecf0f1;
    border: 1px solid #ddd;
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 25px;
    z-index: 1;
    position: relative;
}
/*.kycForm .tab .tab-content:before,
.kycForm .tab .tab-content:after{
    content: "";
    display: block;
    width: 100%;
    height: 21px;
    background: linear-gradient(-45deg, transparent 75%, #E94D19 75%), linear-gradient(45deg, transparent 75%, #F85C28 75%);
    background-repeat: repeat-x;
    background-size: 16px;
    position: absolute;
    bottom: -21px;
    left: 0;
}*/
.kycForm .tab .tab-content:after{
    bottom: auto;
    top: -21px;
    transform: rotate(-180deg);
}
.kycForm .tab .tab-content h3{
    font-size: 24px;
    margin-top: 0;
}
@media only screen and (max-width: 479px){
    .kycForm .tab .nav-tabs{
        overflow: hidden;
    }
    .kycForm .tab .nav-tabs li{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .kycForm .tab .nav-tabs li a{
        margin-right: 0;
    }
}
.kycForm .form-group {
    margin-bottom: 20px;
}
.kycForm .nav li:last-child a {
    margin: 0;
}
.priceTabe .nav li {
    display: block;
    width: 33.33%;
    text-align: center;
}
.kycForm .form-group input[type="checkbox"],.kycForm .form-group input[type="radio"] {
    height: auto;
    margin: 6px 0;
    vertical-align: top;
}
.mt20{
    margin-top: 20px;
}
.termUp {
    margin-top: -63px;
    position: relative;
    z-index: 99;
}
.termPad {
    padding: 0 0 80px;
}
.faqPad{
    padding: 80px 0;
}
#accordion .panel-title a {
    display: block;
}
.serviceWidth {
    margin-bottom: 80px;
    position: relative;
}
.serviceWidth .tab-content.tabs {
    background: #ecf0f1 none repeat scroll 0 0;
}

.serviceWidth .kycForm .tab .tab-content::before, .serivceWidth .kycForm .tab .tab-content::after {
    background-image: none !important;
}
.serviceWidth::after {
    /*  background: #fff none repeat scroll 0 0;
     content: "";
     height: 15px;
     left: 0;
     position: absolute;
     top: 66px;
     width: 100%;
     z-index: 9999; */
}
.srviceDetail{
    padding: 80px 0;
}
.srviceDetail .container{
    width: auto;
    max-width: 1200px;
}
.detailHeading{
    color: #333333;
    font-family: "Alegreya Sans";
    font-size: 24px;
    font-weight: 700;
    background: url("../img/decor-line.png") no-repeat scroll left 0 bottom 0;
    margin: 0 0 25px;
    padding: 18px 0;
}
.detailIn{
    padding: 0 0 15px;
}
.detailParagraph {
    color: #666;
    font-family: "Heebo";
    font-size: 16px;
    line-height: 24px;
    margin: 12px 0 0;
    font-weight: 300;
}
.stok {
    margin-bottom: 24px;
}
.detailList li {
    color: #666;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    padding: 0 0 0 18px;
    position: relative;
}
.detailList {
    margin: 16px 0 0;
}
.detailList li i {
    color: #0671A9;
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 7px;
}





.detailPrice .pricingTable{
    padding-bottom: 12px;
    margin: 0 15px;
    background: #fff;
    text-align: center;
    overflow: hidden;
}
.detailPrice .pricingTable{
    box-shadow: 0 0 10px rgba(195, 67, 67, 0.3) inset,0 0 20px -5px rgba(0,0,0,0.8);
}
.detailPrice .pricingTable .pricingTable-header{
    padding: 20px 15px 10px;
    background: #66ce04;
    /*    -webkit-clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);
        clip-path: polygon(50% 100%, 100% 60%, 100% 0, 0 0, 0 60%);*/
    position: relative;
}
.detailPrice .pricingTable .pricingTable-header:before{
    content: "";
    width: 300px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    right: -50%;
    top: -130%;
    background: repeating-radial-gradient(rgba(255,255,255,0.05), rgba(255,255,255,0.2) 20%);
    transition: all 0.5s ease 0s;
}
.detailPrice .pricingTable:hover .pricingTable-header:before{
    right: 50%;
}
.detailPrice .pricingTable .title{
    font-size: 40px;
    color: #fff;
    margin: 0;
}
.detailPrice .pricingTable .price-value {
    color: #fff;
    display: block;
    font-family: "Heebo";
    font-size: 25px;
    font-weight: 500;
    margin: 18px 0 13px;
    transition: all 0.3s ease 0s;
}
.detailPrice .pricingTable .pricing-content{
    padding: 30px 25px 0;
    margin: 0;
    list-style: none;
}
.detailPrice .pricingTable .pricing-content li{
    font-size: 18px;
    color: #909090;
    line-height: 40px;
    letter-spacing: 1px;
    text-transform: capitalize;
    border-bottom: 2px solid rgba(0,0,0,0.15);
    margin-bottom: 10px;
    position: relative;
}
.detailPrice .pricingTable .pricing-content li:last-child{
    border-bottom: none;
}
.detailPrice .pricingTable .pricing-content li i{
    color: #66ce04;
}
.detailPrice .pricingTable .pricingTable-signup {
    background: #66ce04 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 20px;
    letter-spacing: 1px;
    margin: 10px 25px 0;
    overflow: hidden;
    padding: 6px 42px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.detailPrice .pricingTable .pricingTable-signup:hover{
    letter-spacing: 2px;
    box-shadow: 0 0 10px rgba(0,0,0,0.7) , 0 0 0 7px rgba(255,255,255,0.5) inset;
}
.detailPrice .pricingTable .pricingTable-signup:before{
    content: "";
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background: repeating-radial-gradient(rgba(255,255,255,0.05), rgba(255,255,255,0.2) 20%);
    position: absolute;
    top: -180%;
    right: -40%;
    transition: all 0.8s ease 0s;
}
.detailPrice .pricingTable .pricingTable-signup:hover:before{
    right: 40%;
}
.detailPrice .pricingTable.blue .pricingTable-header,
.detailPrice .pricingTable.blue .pricingTable-signup{
    background: #0671A9;
}
.detailPrice .pricingTable.blue .pricing-content li i{
    color: #0671A9;
}
.detailPrice .pricingTable.pink .pricingTable-header,
.detailPrice .pricingTable.pink .pricingTable-signup{
    background: #f03c79;
}
.detailPrice .pricingTable.pink .pricing-content li i{
    color: #f03c79;
}
@media only screen and (max-width: 990px){
    .detailPrice .pricingTable{
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 479px){
    .detailPrice .pricingTable{
        margin: 0;
    }
    .detailPrice .pricingTable .pricing-content li{
        font-size: 15px;
    }
}
.detailPrice .title img {
    width: 55px;
}
.price-value img {
    margin: 6px 0 0;
    vertical-align: top;
    width: 24px;
}
.price-value span {
    color: #fff;
    display: inline-block;
    font-size: 18px;
}
.detailPrice {
    margin: 0 0 32px;
}
.futureSlider .bx-wrapper .bx-pager, .futureSlider .bx-wrapper .bx-controls-auto {
    bottom: -32px !important;
}
.futureSlider .bx-wrapper .bx-pager.bx-default-pager a:hover, .futureSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #0671A9;
}
.futureSlider .bx-wrapper .bx-pager.bx-default-pager a{
    background: gray;
}
.manyQuestion {
    max-width: 1200px;
    position: absolute;
    right: 50%;
    top: 44px;
    transform: translateX(50%);
    width: 1200px;
    z-index: 9;
    padding: 0 0 0 600px;
}
.mind h3 {
    color: #fff;
    font-size: 33px;
    font-weight: bold;
}
.question {
    margin: 15px 0 0;
}
.question li {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 34px;
    position: relative;
    padding: 0 0 0 22px;
}
.question li i {
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 10px;
    z-index: 9;
}
.alwaysHappy {
    color: #fff;
    margin: 50px 0 0;
    text-align: center;
}
.alwaysHappy .weHappy{
    color: #fff;
    font-size: 33px;
    font-weight: bold;
}
.getTouch {
    color: #fff;
    font-family: playfair display;
    font-size: 24px;
    font-weight: 500;
    margin: 9px 0 0;
}
.alwaysHappy p {
    font-size: 18px;
    line-height: 26px;
}
.serviceWidth .nav.nav-tabs li {
    display: block !important;
    width: 25%;
    text-align: center;
}
.sectionPrice{
    background: #fff;
}
.priceTabeIn th, .priceTabeIn td{
    color: #385573;
}
.price-title {
    color: #385573;
}
.priceTabeIn .table span {
    display: block;
    font-size: 14px;
}
.mt10{
    margin-top: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.helpNumber {
    font-size: 16px !important;
    line-height: 18px;
}
.mt30 {
    margin-top: 30px;
}
.widget-info li span {
    line-height: 28px;
}
.paragraph-133 {
    color: #666;
    line-height: 27px;
    margin-top: 30px;
}
.heading-233 {
    font-size: 25px;
    margin: 26px 0 6px;
    color: #333;
}
.unorderedList > li {
    font-size: 16px;
    line-height: 28px;
    padding: 0 0 0 20px;
    position: relative;
    /*color: #666;*/
    color: #385573;
}
.unorderedList li i {
    font-size: 13px;
    left: 2px;
    position: absolute;
    top: 6px;
    z-index: 9;
}
.expertPad{
    padding: 0 15px;
}
.expertPad .form-group {
    margin-bottom: 20px;
}
.expertPad .form-group input[type="checkbox"] {
    height: auto;
    vertical-align: top;
}
.hireExpert {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.contact-us-box > p {
    line-height: 32px;
}
.contact-us-box h4 {
    font-size: 26px !important;
}
.freeTrialPage{
    padding: 20px 0 80px;
    background: #ecf0f1;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}
.mb30{
    margin-bottom: 30px;
}
.currentOp {
    font-family: sans-serif;
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 11px;
    position: relative;
}
.currentOp::after {
    background: #1ca54d none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 2px;
    position: absolute;
    width: 80px;
    z-index: 99;
}
.freeTrialPage::after {
    /*background: rgb(24, 78, 116);*/
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.90;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.freeTrialIn{
    padding: 30px;
}
.wdth img{
    width: 100%;
}
.mt100{
    margin-top: 100px;
}
.freeTrialText {
    font-size: 18px;
    line-height: 28px;
    padding: 15px 42px;
}
.freeTrialText > p {
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 5px;
    padding: 0 0 5px;
    text-align: center;
}
.freeTrialForm {
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 5px;
    padding: 30px;
}
.form-group input[type="checkbox"] {
    display: inline-block;
    height: auto;
    vertical-align: top;
}
.imgBorder img{
    border: 1px solid #ddd;
}
.pert span{
    display: inline-block;
    color: #008000;
    padding-left: 20px;
}
.pert {
    border-bottom: 1px solid #008000;
    margin: 0 0 10px;
    padding: 0 0 7px;
    position: relative;
    font-weight: bold;
    text-align: center;
}
.pert::after {
    /*background: #385573;*/
    bottom: -2px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 79px;
}
.subHeading {
    padding: 0 0 15px;
    position: relative;
}
.subHeading::after {
    background: #1ca54d;
    bottom: 11px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
    z-index: 9;
}
.padFoot {
    padding: 0 0 0 10px;
}
#breadcrumb-area h2 span {
    text-transform: uppercase;
}
.brdAll img {
    border: 1px solid #ddd;
    border-radius: 5px;
}
.certi {
    padding: 0 0 50px;
}

.main-timeline{
    overflow: hidden;
    position: relative;
}
.main-timeline:before{
    content: "";
    width: 10px;
    height: 100%;
    border: 3px solid #959595;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}
.main-timeline .timeline{
    width: 50%;
    padding: 10px 60px 10px 100px;
    float: right;
    position: relative;
}
.main-timeline .timeline:before{
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1CA54D;
    border: 5px solid #fff;
    box-shadow: 0 0 1px 5px #1CA54D;
    position: absolute;
    top: 42px;
    left: -20px;
}
.main-timeline .timeline-content{
    display: block;
    background: #e9e9e7;
    padding: 70px 30px 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
    position: relative;
}
.main-timeline .timeline-content:hover{
    text-decoration: none;
}
.main-timeline .year{
    display: block;
    width: 80%;
    height: 50px;
    background: #1CA54D;
    padding: 0 0 0 50px;
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    line-height: 50px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4) inset;
    border-radius: 10px 10px 10px 0;
    position: absolute;
    top: 20px;
    left: -20px;
}
.main-timeline .year:before{
    content: "";
    border-top: 40px solid #1CA54D;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    bottom: -60px;
    left: 0;
}
.main-timeline .title{
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #4a4a4a;
}
.main-timeline .description {
    color: #6f6f6f;
    font-size: 14px;
    height: 60px;
    margin: 12px 0 5px;
    display: block;
}
.main-timeline .timeline:nth-child(2n){
    padding: 10px 100px 10px 60px;
    text-align: right;
}
.main-timeline .timeline:nth-child(2n):before{
    left: auto;
    right: -20px;
}
.main-timeline .timeline:nth-child(2n) .year{
    padding-right: 50px;
    border-radius: 10px 10px 0 10px;
    left: auto;
    right: -20px;
}
.main-timeline .timeline:nth-child(2n) .year:before{
    border-left: none;
    border-right: 20px solid transparent;
    left: auto;
    right: 0;
}
.main-timeline .timeline:nth-child(2){
    margin-top: 140px;
}
.main-timeline .timeline:nth-child(odd){
    margin: -140px 0 0 0;
}
.main-timeline .timeline:nth-child(even){
    margin-bottom: 95px;
}
.main-timeline .timeline:first-child,
.main-timeline .timeline:last-child:nth-child(even){
    margin: 0;
}
.main-timeline .timeline:nth-child(2n):before{
    background: #0671A9;
    box-shadow: 0 0 1px 5px #0671A9;
}
.main-timeline .timeline:nth-child(2n) .year{
    background: #0671A9;
}
.main-timeline .timeline:nth-child(2n) .year:before{
    border-top-color: #0671A9;
}
.main-timeline .timeline:nth-child(3n):before{
    background: #184E74;
    box-shadow: 0 0 1px 5px #184E74;
}
.main-timeline .timeline:nth-child(3n) .year{
    background: #184E74;
}
.main-timeline .timeline:nth-child(3n) .year:before{
    border-top-color: #184E74;
}
.main-timeline .timeline:nth-child(4n):before{
    background: #F55B27;
    box-shadow: 0 0 1px 5px #F55B27;
}
.main-timeline .timeline:nth-child(4n) .year{
    background: #F55B27;
}
.main-timeline .timeline:nth-child(4n) .year:before{
    border-top-color: #F55B27;
}
@media only screen and (max-width: 990px){
    .main-timeline:before{
        top: 8%;
    }
    .main-timeline .timeline{
        padding: 10px 10px 10px 100px;
    }
    .main-timeline .timeline:nth-child(2n){
        padding: 10px 100px 10px 10px;
    }
}
@media only screen and (max-width: 767px){

    .servicep-box {
        height: auto;
        margin-bottom: 15px;
    }
    .rProduct {
        font-size: 22px;
        margin: 0 0 25px;
    }
    .kycForm .tab .nav-tabs li a {
        font-size: 16px;
        margin-right: 0;
    }
    .serviceWidth .nav.nav-tabs li {
        margin: 0 0 8px;
        width: 100%;
    }
    .kycForm .tab .tab-content {
        padding: 20px 0;
    }
    .contact-info iframe {
        height: 218px;
    }
    .grey-bg {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .main-timeline:before{
        width: 8px;
        top: 0;
        left: 12px;
        transform: translateX(0);
    }
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even),
    .main-timeline .timeline:nth-child(odd){
        width: 100%;
        float: none;
        text-align: left;
        padding: 0 0 0 60px;
        margin: 0 0 30px 0;
    }
    .main-timeline .timeline:before,
    .main-timeline .timeline:nth-child(2n):before{
        width: 20px;
        height: 20px;
        border: 3px solid #fff;
        top: 38px;
        left: 6px;
    }
    .main-timeline .timeline:nth-child(2n) .year{
        right: auto;
        left: -20px;
        border-radius: 10px 10px 10px 0;
    }
    .main-timeline .timeline:nth-child(2n) .year:before{
        border-left: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: none;
        right: auto;
        left: 0;
    }
}
.discountDiv {
    padding: 80px 0 0;
}
.textDiv, .imgDiv{
    float: left;
    box-sizing: border-box;
}
.textDiv{
    width: calc(100% - 100px);
}
.imgDiv{
    width: 100px;
    padding: 0 10px;
}
.imgDiv img {
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 100%;
}
.wyChoos {
    background: #f1f1f1;
    padding: 50px 30px;
}
.wyChoos .col-md-6 {
    margin-bottom: 26px;
}
.wats {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.watsIn {
    box-sizing: border-box;
    padding-top: 0;
    border-radius: 5px;
}
.watsAppCon > img {
    vertical-align: middle;
    width: 22px;
}
.wats > p {
    color: #fff;
    font-family: exo;
    font-size: 30px;
    line-height: 43px;
    margin: 0 0 5px;
    text-shadow: 0 4px 4px rgba(0,0,0,.22);
}
.callOn {
    font-size: 35px;
    margin: 24px 0 0;
    text-align: center;
}
.stockHead{
    text-align: center;
    background: url("../img/decor-line.png") no-repeat scroll center bottom 0 !important;
}
.detailServic .nav-tabs li{
    width: 33.33% !important;
}
.detailServic .tab-content.tabs {
    height: 298px;
    padding-top: 0;
}
.freeTrialPage .container {
    max-width: 1260px;
}
.benefits {
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 5px;
    margin-top: 100px;
    padding: 30px;
}
.opni{
    overflow: hidden;
}
.imgIcon{
    float: left;
    width: 100px;
    padding: 0 15px;
}
.imgIcon img{
    width: 100%;
    vertical-align: text-top;
}
.textDiv {
    border-left: 1px solid #ddd;
    float: left;
    padding: 0 0 0 8px;
    width: calc(100% - 100px);
}
.textDiv p {
    color: #666;
    font-size: 14px;
}
.imgIcon span {
    border: 1px solid #1ca54d;
    border-radius: 50%;
    display: block;
    padding: 10px;
}
.bdAdd {
    border: 1px solid #ddd;
    background: #ecf0f1;
}
.detailServic .tab-content.tabs {
    background: #fff;
}




.searchList {
    list-style: none;
}
.searchList li {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 20px;
    margin-bottom: 30px;
}
.searchList li:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border: 1px solid #263bd6;
}
.searchList li .jobimg {
    float: left;
    width: 70px;
    margin-right: 15px;
}
.searchList li h3 a {
    font-size: 18px;
    font-weight: 600;
    color: #00a8ff;
}
.searchList li .companyName {
    margin: 5px 0;
    color: #969595;
}
.searchList li .companyName a {
    color: #969595;
}
.searchList li a:hover {
    color: #333;
}
.searchList li .location {
    color: #000;
}
.searchList li .location span {
    color: #333;
}
.searchList li .listbtn {
    margin-top: 20px;
}
.searchList li .listbtn a {
    background: #fff;
    display: block;
    border-radius: 0;
    width: 100%;
    color: #263bd6;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 15px;
    text-align: center;
    border:1px solid #263bd6;
}
.searchList li .listbtn a:hover {
    background: #263bd6;
    color:#fff;
    text-decoration: none;
}
.searchList li p {
    line-height: 22px;
    color: #333;
    margin: 10px 0 0 0;
}
.searchList li .cateinfo {
    color: #263bd6;
    margin: 10px 0;
}
.searchList li .minsalary {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-top: 25px;
    color: #a8d815;
}
.searchList li .minsalary span {
    color: #999;
    font-weight: 400;
}
.fulltime {
    background: #6aca00 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 4px 6px;
}
.partTime {
    background: #f8a60c none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 4px 6px;
}
.freelance {
    background: #ff0000 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 4px 6px;
}
.location label {
    font-weight: normal;
}
#sidebar {
    background: #f0f0f0;
}
.formCareer {
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
}
.workExprience {
    line-height: 30px;
    padding: 9px 0 0;
    text-align: left;
}
.campusForm {
    background: #fff;
    border: 1px solid #ddd;
    padding: 42px 20px 20px;
}
.campusForm .contact-form input, .campusForm .contact-form textarea, .campusForm .contact-form select {
    background: #ecf0f1;
    border: 1px solid #385573;
    margin-bottom: 32px;
}
.campusForm .input-wrapper input + label, .campusForm .input-wrapper textarea + label, .campusForm .input-wrapper select + label{
    background: #ecf0f1;
}
.campusForm .boxed-btn {
    margin: 0;
}
.sideForm {
    background: #ecf0f1;
    border: 1px solid #ddd;
    margin: 0 0 15px;
    padding: 28px 20px 0;
}
.mt15{
    margin-top: 15px !important;
}
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus{
    border: 1px solid #1ca54d !important;
}
.contact-form select:focus + label{
    color: #1ca54d;
}
.ulockd_bgp2 {
    margin-bottom: 23px;
}
.mapContact {
    border: 1px solid #ddd;
    position: relative;
}
.mapContact span{
    display: inline-block;
    position: absolute;
    z-index: 99;
    transition: all ease-in-out 0.5s;
    background: #1CA54D;
}
.topLine{
    top: 10px;
    left: 10px;
    height: 2px;
    width: 0;
}
.mapContact:hover .topLine{
    width: calc(100% - 20px);
}
.leftLine{
    top: 10px;
    left: 10px;
    width: 2px;
    height: 0;
}
.mapContact:hover .leftLine{
    height: calc(100% - 20px);
}
.bottomLine{
    left: 10px;
    bottom: 10px;
    width: 0;
    height: 2px;
}
.mapContact:hover .bottomLine{
    width: calc(100% - 20px);
}
.rightLine{
    right: 10px;
    width: 2px;
    height: 0;
    bottom: 10px;
}
.mapContact:hover .rightLine{
    height: calc(100% - 20px);
}
.mapContact.contactPad {
    border: medium none;
    padding: 25px;
}
.contact-info {
    margin: 10px 0 0;
}
.contact-info iframe {
    height: 518px;
}
.rProduct {
    font-family: "Heebo";
    font-size: 35px;
    font-weight: 500;
    margin: 0 0 50px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.rProduct::after {
    background: #0671a9 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 80px;
    z-index: 9;
}
.rProduct::before {
    background: #1ca54d;
    bottom: -2px;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 40px;
    z-index: 99;
}
.blackColor {
    color: #000;
}





.paymentDiv #accordion .panel{
    border: none;
    border-radius: 0;
    margin-bottom: 5px;
    box-shadow: none;
}
.paymentDiv #accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
}
.paymentDiv #accordion .panel-title a{
    display: block;
    padding: 15px 30px;
    margin: 0;
    background: #0671A9;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
}
.paymentDiv #accordion .panel-title a:before,
.paymentDiv #accordion .panel-title a.collapsed:before{
    content: "";
    width: 20px;
    height: 2px;
    background: #f9e2ad;
    position: absolute;
    top: 30px;
    right: 30px;
}
.paymentDiv #accordion .panel-title a:after,
.paymentDiv #accordion .panel-title a.collapsed:after{
    content: "";
    width: 2px;
    height: 20px;
    background: #f9e2ad;
    position: absolute;
    bottom: 18px;
    right: 39px;
    transition: all 0.3s ease 0s;
}
.paymentDiv #accordion .panel-title a:after{
    height: 0;
}
.paymentDiv #accordion .panel-body{
    padding: 20px 30px;
    background: #eeeeee;
    border-top: 2px solid #000;
    font-size: 15px;
    color: #000;
    line-height: 28px;
    letter-spacing: 1px;
}
.pdAll00{
    padding: 0 !important;
}
.bankTable {
    background: #fff;
}
.panel-title img {
    margin: 0 5px 0 0;
    vertical-align: top;
}
.opanTag {
    margin: 10px 0 0;
    padding: 0 0 15px;
}
.opanTag > p {
    line-height: 27px;
}
.clickTag{
    display: block;
    cursor: pointer;
    position: relative;
}
.clickTag::after {
    background: #0671a9;
    content: "";
    height: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    z-index: 99;
    transition: all 0.3s ease-in-out;
}
.clickTag.active::after {
    top: 10px !important;
    transform: rotate(90deg) !important;
}
.clickTag::before {
    background: #0671a9;
    content: "";
    height: 2px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    z-index: 99;
    transition: all 0.3s ease-in-out;
}
.clickTag.active::before {
    opacity: 0;
    right: -50px !important;
}
.clickTag > .heading-93 > img {
    margin: 3px 6px 0 0;
    vertical-align: top;
}
.bankDettail .payment {
    border: 1px solid #ddd;
    margin: 0 0 15px;
    padding: 15px 10px;
    background: #ecf0f1;
}
.careerImg{
    float: left;
    width: 120px;
    padding: 0 30px;
}
.careerImg img{
    width: 100%;
}
.careerText{
    float: left;
    width: calc(100% - (120px + 130px) );
}
.caree > li {
    float: left;
    padding: 0 10px;
    width: 50%;
    margin: 0 0 15px;
}
.caree01 > li{
    width: 100% !important;
    margin: 0 !important;
}
.caree li .careerIn a {
    border: 3px solid #e6e7ef;
    padding: 20px 0;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px 0;
    transition: all ease-in-out 0.3s;
}

.caree li .careerIn a:hover {
    border: 3px solid #e6e7ef;
}
.careerText > h2 {
    font-size: 14px;
    font-weight: bold;
    color: #384047;
}
.careerText > p {
    color: #fb236a;
    font-size: 13px;
    margin: 5px 0 0;
}
.careerText > span {
    color: #717f86;
    display: block;
    font-size: 14px;
    margin: 5px 0 0;
}
.careerText span i {
    margin: 0 4px 0 0;
}
.careeer{
    padding: 50px 0;
}
.careerBtn{
    float: right;
    width: 130px;
}
.careerBtn p span {
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    padding: 3px 0;
    text-align: center;
    width: 110px;
    transition: all ease-in-out 0.3s;
}

.careerBtn{
    text-align: right;
    padding: 0 16px 0 0;
}
.careerBtn > span {
    color: #888;
    display: block;
    margin: 13px 0 0;
}



.fullTime .careerBtn p span{
    border: 2px solid #1ca54d;
    color: #1ca54d;
}
.fullTime .careerBtn p span:hover {
    background: #1ca54d;
    color: #fff;
}


.partTimeIn .careerBtn p span{
    border: 2px solid #007BFF;
    color: #007BFF;
}
.partTimeIn .careerBtn p span:hover {
    background: #007BFF;
    color: #fff;
}

.temporary .careerBtn p span{
    border: 2px solid #DC3545;
    color: #DC3545;
}
.temporary .careerBtn p span:hover {
    background: #DC3545;
    color: #fff;
}
.careerIn a {
    display: block;
}
.jobOver {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 40px;
}
.jobOver li {
    padding: 0 0 0 35px;
    position: relative;
    margin-bottom: 30px;
}
.jobOver ul li i {
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 6px;
    z-index: 99;
}
.jobOver ul li h6 {
    color: #333;
    font-size: 13px;
}
.jobOver ul li p {
    color: #888;
    font-size: 15px;
    margin: 5px 0 0;
}
.jobLocation p iframe {
    width: 100%;
}
.jobLocation {
    margin: 24px 0 0;
}
.jobLocation > p {
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.jobLocation p iframe {
    display: block;
    height: 305px;
    width: 100%;
}
.description {
    padding: 20px 10px;
}
.description h3 {
    color: #384047;
    font-family: sans-serif;
    margin-bottom: 10px;
}
.description > p {
    color: #576366;
    font-family: sans-serif;
    font-size: 15px;
    margin-bottom: 13px;
}
.description > ul {
    color: #576366;
    font-size: 15px;
    line-height: 23px;
    list-style: outside none disc;
    padding: 0 0 0 20px;
    margin-bottom: 18px;
}
.description{
    display: none;
}
.backBtn > a {
    display: none;
    font-size: 17px;
    margin: 0 0 8px;
    text-decoration: underline;
}
.applyBtn{
    display: none;
}
.applyBtn > a {
    background: #1ca54d;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 22px;
    margin: 0 0 8px;
    padding: 10px 0;
    text-align: center;
}
.careerApply {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 23px 0 16px;
    padding: 27px 7px;
    display: none;
    background: #eeeeee;
}
.careerApply .form-control {
    height: 38px !important;
}
.careerApply .form-group {
    margin: 0 0 17px;
}
.submitCv .form-group {
    margin-bottom: 22px;
}
.submitCv input[type="checkbox"] {
    display: inline-block;
    margin: 4px 5px 0 22px;
    vertical-align: top;
    height: auto;
}
.submitCv input[type="radio"] {
    display: inline-block;
    margin: 4px 5px 0 22px;
    vertical-align: top;
    height: auto;
}
.careerFooot > li::before {
    display: none;
}
.careerFooot {
    list-style: outside none disc;
    padding: 0 0 0 30px;
    position: relative;
}
.careerFooot::after {
    background: #fff;
    content: "";
    height: 100%;
    left: 20px;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 99;
}
.feedback {
    margin: 0 auto;
    max-width: 800px;
}
.watsappPage {
    bottom: 66px;
    display: inline-block;
    position: fixed;
    right: 13px;
    z-index: 999999;
}
.watsappPage img{
    width: 62px;
}
.freeMain {
    background: #0671a9;
    padding: 50px 0;
}
.col-md-8.bankDettail {
    padding-top: 92px;
}
.hireExpert ul li a.active {
    background: #0671a9;
    color: #fff !important;
}
.wats > h2 {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-family: exo;
    font-size: 35px;
    font-weight: bold;
    margin: 0 0 36px;
    padding: 0 0 12px;
    position: relative;
}
.wats > h2::after {
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 50px;
}
.trackReport{
    background: #ecf0f1;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    height: 100%;
}
.trackReport h3 {
    position: relative;
    text-align: center;
    font-size: 24px;
    margin: 0 0 10px;
}
.trackReport h3::after {
    background: #385573 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 50px;
    z-index: 999;
}
.trackReport h4 {
    border-bottom: 1px solid #385573;
}
.trackReportIn a:hover{
    background: none;
    border: none;
}

.trackReportIn a {
    height: calc(100% - 15px);
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: block;
    margin: 15px 0 0;
    padding: 15px 0;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.trackReportIn img {
    margin: 0 0 10px;
    transition: all 0.3s ease-in-out;
    width: 50px;
}
.trackReportIn a:hover img {
    transform: scale(1.1);
}
.trackReportIn a p {
    transition: all 0.3s ease-in-out;
    font-size: 12px;
}
.trackReportIn a:hover p {
    color: #1ca54d;
}
.trackHead {
    margin-bottom: 39px !important;
}
.modalNew .modal-dialog {
    max-width: 550px;
}
.modalNew .close {
    font-size: 23px;
    position: absolute;
    right: 19px;
    top: 12px;
    z-index: 9999;
}
.modalNew .modal-title {
    width: 100%;
}
.modalNew .modal-body {
    padding: 15px;
}
.ahead_nav01 > li:last-child {
    margin: 0 !important;
}
.navbar-ts,.menu{
    display: none;
}
.navbar-ts > ul > li > a {
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 33px;
    padding: 0 0 0 15px;
}
.right-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right:5px solid transparent;
    border-top: 5px solid #fff;
    position: relative;
    top: 13px;
    left: 7px;
}
.mobileDropIn > a {
    display: block;
    padding: 5px 0 7px 24px;
    color: #fff;
    position: relative;
}
.mobileDropInner > li > a {
    display: block;
    padding: 6px 0 6px 42px;
    color: #fff;
}
.navbar-ts {
    background: #184e74;
    /*height: calc(100vh - 68px);*/
    left: 0;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9999;
    padding: 5px 0 0;
}
.mobileDropIn {
    position: relative;
}
.mobileDropIn::after {
    background: #fff;
    content: "";
    height: calc(100% - 1px);
    left: 16px;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 9;
}
.mobileDropIn::before {
    background: #fff;
    border-radius: 50px;
    content: "";
    height: 7px;
    left: 13px;
    position: absolute;
    top: 11px;
    width: 7px;
    z-index: 99;
}
.mobileDropInner {
    background: #053b61;
    display: none;
    margin: 0 15px;
}
.mobileDrop {
    display: none;
}
.main-logo a img{
    width: 210px;
    padding:5px 0 0;
}
.navbar-area {
    overflow: inherit !important;
}
#campus_reg .clearfix {
    display: flex;
}
@media screen and (max-width: 1200px){


    .information-text {
        height: 400px;
    }
    .social-icon.visiblePC {
        display: none;
    }
    #header-top ul li {
        margin-right: 6px;
    }
    .hireExpert01 {
        padding-left: 0 !important;
    }
    .hireExpert01 .book-now {
        padding: 5px 14px;
    }
    .hireExpert01 .behind_nav > li {
        margin: 0 !important;
    }
}
@media screen and (max-width: 1115px){
    .download_content {
        padding: 18px 30px;
    }
    .download_content {
        display: block;
        height: auto;
        vertical-align: middle;
    }
    .manyQuestion {
        max-width: 1130px;
        padding: 0 0 0 550px;
        width: 1130px;
    }
    .alwaysHappy {
        margin: 50px 0 0 -46px;
    }
}
@media screen and (max-width:991px){
    .detailPrice {
        float: left;
        margin: 0 0 32px;
        width: 25%;
    }
    .srviceDetail {
        padding: 40px 0;
    }
    .srviceDetail .col-md-9, .srviceDetail .col-md-3 {
        flex: inherit !important;
        max-width: 100% !important;
        width: 100%;
    }
    .srviceDetail .col-md-3 {
        margin: 20px 0 0;
        overflow: hidden;
        padding: 0;
    }
    #campus_reg .clearfix {
        display: block;
    }
    .trackReportOut .col-lg-7 {
        margin: 20px 0 0;
    }
    .trackHead {
        margin-bottom: 0 !important;
    }
    .row.prise {
        margin: 17px 20px;
    }
    .div-block-131 {
        margin: 30px 0 0;
    }
    .col-md-8.bankDettail {
        padding-top: 30px;
    }
    #blog-content > .container.mobileContainer > .row {
        margin: 0;
    }
    #gallery .gallery-items .gallery-load a img {
        height: 250px;
    }
    .information-text {
        height: 500px;
    }
    .achieve-box {
        height: 100%;
    }
    #header-top {
        display: block;
    }
    .ahead_nav {
        display:none
    }
    #header-top ul li {

        padding: 2px 0;
    }
    .containerChange{
        max-width: 100%;
        width: 100%;
    }
    .visiblePC{
        display: none;
    }
    .navbar-pc {
        display: none;
    }
    .menu {
        cursor: pointer;
        float: right;
        margin: 8px 0 0;
        width: 40px;
        display: block;
    }
    .manyQuestion {
        max-width: 55%;
        padding: 0;
        position: absolute;
        right: 0;
        top: 26px;
        transform: translateX(0px);
        width: 55%;
    }
    .mind h3 {
        font-size: 25px;
    }
    .question {
        margin: 0;
    }
    .question li {
        font-size: 16px;
        padding: 0 0 0 16px;
    }
    .question li i {
        font-size: 13px;
    }
    .alwaysHappy .weHappy {
        font-size: 25px;
    }
    .getTouch {
        font-size: 18px;
    }
    .alwaysHappy p {
        font-size: 14px;
        line-height: 16px;
    }
    .alwaysHappy {
        margin: 50px 0 0;
    }
    .team-content .inner {
        width: 100% !important;
    }
    .mobileContainer {
        max-width: 100% !important;
        width: 100% !important;
    }
    .download_content p {
        width: auto;
    }
    .careerImg {
        padding: 0 8px;
        width: 68px;
    }
    .careerBtn {
        padding: 0 8px 0 0;
        width: 83px;
    }
    .careerBtn p span {
        width: 74px;
    }
    .careerText {
        float: left;
        width: calc(100% - (83px + 68px));
    }
    #fedback .clearfix {
        display: flex;
    }
}
@media screen and (max-width: 767px){
    .wats {
        position: inherit;
        text-align: center;
        top: 18px;
        transform: translateY(0px);
        width: 100%;
    }
    .wats > h2 {
        border-bottom: 1px solid #fff;
        color: #fff;
        font-family: exo;
        font-size: 25px;
        font-weight: bold;
        margin: 0 0 14px;
        padding: 0 0 12px;
    }
    .wats > p {
        color: #fff;
        font-family: exo;
        font-size: 20px;
        line-height: 28px;
        margin: 0 0 5px;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.22);
    }
    .freeMain {
        padding: 25px 0;
    }
    .freeTrialText {
        font-size: 14px;
        line-height: 22px;
        padding: 15px 0;
    }
    .freeTrialIn {
        padding: 0;
    }
    .freeTrialText > p {
        font-size: 18px;
        line-height: 25px;
    }
    .stok {
        margin-bottom: 0;
        padding: 10px;
    }
    .stok > p {
        color: #333 !important;
    }
    .detailServic .nav-tabs li {
        width: 100% !important;
    }
    .detailServic .tab-content.tabs {
        height: auto;
    }
    .detailPrice {
        float: none;
        margin: 0 0 32px;
        width: 100%;
    }
    #fedback .clearfix {
        display: inherit;
    }
    .termPad {
        padding: 0 0 40px;
    }
    .discountDiv {
        padding: 20px 0 0;
    }
    .main-timeline .description {
        height: auto;
        margin: 5px 0;
    }
    .description {
        padding: 0;
    }
    .headingIn {
        font-size: 18px;
        margin-top: 16px;
    }
    .termPage {
        padding: 20px 0;
    }
    .kycPage .tab-content.tabs {
        padding: 15px;
    }
    .termUp {
        margin-top: -30px;
    }
    .careeer {
        padding: 20px 0;
    }
    .currentOp {
        font-size: 20px;
    }
    .currentOp::after {
        width: 40px;
    }
    .caree li .careerIn a {
        padding: 10px 0;
    }
    .caree > li {
        float: none;
        width: 100%;
        padding: 0;
    }
    .trackmodal .modal-title {
        font-size: 18px;
    }
    .trackmodal {
        padding: 0 15px;
    }
    .trackReport h3 {
        font-size: 20px;
    }
    .trackReportIn .col-md-4, .trackReportIn .col-md-6 {
        width: 50%;
    }
    .trackReport h4 {
        margin: 12px 0 0;
    }
    .payment {
        margin: 0;
    }
    .row.prise {
        margin: 17px 0;
    }
    .ulockd_bgp2 {
        background-image: url("../img/pattern.png");
        padding: 15px 0 0;
    }
    .prise .col-xs-6.col-sm-6.col-md-4.ulockd-pdng0 {
        width: 50% !important;
    }
    #gallery .gallery-items .gallery-load a img {
        height: auto;
    }
    .information-icon {
        height: 78px !important;
        width: 78px !important;
    }
    .information-icon::after {
        height: 105px !important;
        width: 105px !important;
    }
    .information-box {
        display: block !important;
        width: 100% !important;
    }
    .information-text {
        padding: 43px 20px 1px;
        height: auto !important;
    }
    .achieve-box i {
        font-size: 32px !important;
        margin-right: 5px;
        margin-top: 10px;
    }
    .achieve-box p {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .achieve-box {
        height: auto !important;
        padding: 15px;
        margin: 18px 0 0;
    }
    .achieve-box h4 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 6px;
        margin-top: 0;
        height: 47px;
    }
    #our-identity h3 {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    #our-identity p {
        margin-bottom: 0;
    }
    .section-padding {
        padding: 30px 0;
    }
    #breadcrumb-area h2 {
        font-size: 25px !important;
        line-height: 35px !important;
        padding: 1px 8px !important;
    }
    #breadcrumb-area li, #breadcrumb-area li a {
        font-size: 14px;
    }
    #breadcrumb-area {
        padding: 16px 0;
    }
    #breadcrumb-area h1{
        font-size: 25px
    }
    #breadcrumb-area  li{
        font-size: 12px
    }
    .list-inline > li{
        padding:0 !Important
    }
    #services {
        margin: 13px 0 0;
    }
    .section-header {
        margin-bottom: 0;
    }
    .main-logo a img {
        padding: 8px 0;
        width: 156px;
    }
    .manyQuestion {
        display: none;
    }
    .overlay {
        display: none;
    }
    #myCarousel .carousel-inner .item img{
        width: 100%;
        height: 200px;
    }
    .carousel-inner {
        height: auto;
    }
    .carousel-indicators {
        bottom: 38px !important;
        left: 50% !important;
        margin: 0;
        transform: translateX(-50%);
    }
    section#contact-info {
        margin-bottom: 6px;
        margin-top: 0px !important;
    }
    .section-header h2 {
        font-size: 18px !important;
        line-height: 25px;
        margin-bottom: 8px;
    }
    .section-header h1 {
        font-size: 18px !important;
        line-height: 25px;
        margin-bottom: 8px;
    }
    .section-header p {
        font-size: 14px;
        font-weight: bold;
    }
    .single-performance {
        padding: 0 30px 0 15px;
    }
    .team-content p.title {
        margin-bottom: 0;
    }
    #testimonial .section-header {
        margin-bottom: 10px;
    }
    .section-padding-top {
        padding: 30px 0 0;
    }
    #testimonial {
        padding-bottom: 30px;
    }
    .testimonial-carousel .owl-dots {
        margin: 16px auto 0;
    }
    .download_content > h3 {
        font-size: 16px;
        line-height: 22px;
    }
    .download_content {
        padding: 18px 10px;
    }
    .download_content p {
        font-size: 16px;
        line-height: 22px;
        margin: 5px 0;
    }
    #footer-widgets .widget hr {
        margin: 15px 0 20px;
    }
    .clickTag h3 {
        font-size: 18px;
    }
    .bankDettail .payment {
        padding: 8px 10px;
    }
    .div-block-131 {
        margin: 15px 0 0;
    }
    .heading-94 {
        font-size: 18px;
    }
    .div-block-131 br{
        display: none;
    }
    .bankDettail .col-md-6 {
        padding: 0;
    }
    .opanTag > p {
        font-size: 14px;
        line-height: 27px;
    }
}

#myModal .modal-dialog {
    max-width: 310px;
}
#myModal .close {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ddd;
    border-radius: 50px;
    height: 20px;
    opacity: 1;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    z-index: 99;
}

marquee.header-top {
    background: #0870a6 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 4px 0;
    position: fixed;
    width: 100%;
    z-index: 99999;
}
.mobileDrop li a{
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 33px;
    padding: 0 0 0 15px;
}
.mobileDrop {
    background: #94c4e659;
}

.service-content{
    background: #8a6d3b17;
    padding: 20px;
    border-radius: 5px;
}
.service-content img {
    border-radius: 8px;
    box-shadow: 1px 5px 3px 1px #e7e2e2;
}

.service-content p{
    font-size: 14px;
    line-height: 2;
}
.service-content h2{
    text-transform: uppercase;
    margin-bottom: 15px
}
.service-package{
    margin-bottom: 50px;
    border: 1px solid #ccc;
    text-align: center;
    /*    background: #f1c95238;*/
    background: rgb(34,193,195);
    background: linear-gradient(219deg, #185d99 0%, #c3dff7 100%);
    padding: 20px 10px 0;
    box-shadow: 1px 4px 9px 1px #ccc;
    border-radius: 5px;
    height: 170px;
}

.service-package p{
    font-size: 30px;
    padding-top:15px;
    margin-bottom: 20px !important;
    color:#fff;
}
.service-package span{
    font-size: 15px
}
.service-package a{
    text-transform: uppercase;
    padding: 8px 20px;
    font-size: 17px;
    background: #ffc107;
    border: 0;
    color: #000;
}
.service-package strike{
    color: #fff;
    font-size: 16px;
    padding: 0;
    margin: 0;
}
.timers {
    FONT-SIZE: 24PX;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center
}
.time-count {
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    background:#dccf3538;
    position: absolute;
    left: 40%;
    padding: 0 10px;
}
.show-time{
    /*    background: #cfd3d7;
        border: 1px solid #f3f3f3;*/
    padding: 20px;
}