@import url(bootstrap.min.css);
@import url(../plugin/megamenu/css/hover-dropdown-menu.css);
@import url(../plugin/owl-carousel/css/owl.carousel.css);
@import url(../plugin/owl-carousel/css/owl.theme.default.css);
@import url(../plugin/font-awesome/css/font-awesome.min.css);
@import url(../plugin/mixItUp/css/mixitup.css);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
body,
img {
    max-width: 100%
}

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

body,
em,
p {
    font-size: 16px
}

body,
em,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    line-height: 1.6em;
    font-family: 'Montserrat', sans-serif
}

figure,
textarea {
    display: inline-block;
    width: 100%
}

.social-icon,
.social-icon a {
    text-align: center
}

body {
    color: #626161;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

body.dark {
    background-color: #1B1B1B
}

img {
    float: left
}

a {
    cursor: pointer;
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out
}

.itg-button,
a:focus,
a:hover,
a:visited {
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out
}

a:focus,
a:hover,
a:visited {
    outline: 0;
    transition: all .45s ease-in-out
}

em,
p {
    color: grey
}

body.dark em,
body.dark p {
    color: #ccc
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-weight: 400;
    margin: 0;
    background: 0 0;
    color: #262626;
    clear: both
}

.box-check,
.box-check:before,
.check,
.check::before {
    position: absolute
}

#paichart,
.banner,
.banner-section,
.location_map,
.our-facts,
.parallax-style,
.service-box {
    background-size: cover
}

#paichart,
.banner,
.banner-section,
.comming-soon-style-1,
.location_map,
.our-facts,
.parallax-style,
.service-box {
    background-repeat: no-repeat
}

.colorW,
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
    color: #fff
}

.banner-title,
.facts h3,
.s-font,
.theme-heading h2 {
    font-family: "Baskervville", serif;
}

.high-theme-clr {
    font-weight: 600
}

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

ul li a {
    display: inline-block
}

.clear {
    clear: both
}

.parallax-style {
    background-attachment: fixed;
    height: 100%;
    top: 0
}

.grey_bg {
    background-color: #eee
}

body.dark .grey_bg {
    background-color: #131212
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=text],
select {
    padding: 5px 20px;
    border: 0;
    display: inline-block;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .12);
    outline: 0;
    height: 40px;
    font-size: 13px;
    color: #000
}

textarea {
    padding: 5px 20px;
    border: 0;
    float: left;
    border: 1px solid rgba(0, 0, 0, .12);
    outline: 0;
    font-size: 13px;
    color: #000
}

input[type=checkbox]:checked~label,
input[type=radio]:checked~label {
    #color: #2e2e2e
}

input[type=checkbox],
input[type=radio] {
    position: absolute;
    visibility: hidden
}

.box-check:before {
    display: block;
    content: "\f00c";
    border-radius: 0;
    top: 0;
    left: 1px;
    margin: auto;
    transition: background .25s linear;
    -webkit-transition: background .25s linear;
    font: normal normal normal 11px/1 FontAwesome;
    opacity: 0
}

.itg-button,
.navbar-nav>li>a {
    font-family: "Baskervville", serif;
}

.box-check {
    display: block;
    border: 2px solid;
    border-radius: 0;
    height: 15px;
    width: 15px;
    top: 17px;
    margin-top: -10px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

.check,
input[type=checkbox]:checked~.box-check {
    border: 2px solid
}

.check::before {
    display: block;
    content: '';
    height: 10px;
    width: 10px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background .25s linear;
    -webkit-transition: background .25s linear;
    visibility: hidden
}

.check {
    display: block;
    height: 20px;
    width: 20px;
    top: 50%;
    margin-top: -10px;
    left: 15px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

.search_bar,
section {
    position: relative;
    width: 100%;
    float: left
}

input[type=radio]:checked~.check::before {
    visibility: visible
}

input[type=checkbox]:checked~.box-check:before {
    opacity: 1
}

label.radio-label,
ul.list label.radio-label {
    display: block;
    position: relative;
    font-size: 16px;
    padding: 5px 0 0 15px;
    margin: 0 auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all .25s linear;
    text-transform: capitalize
}

.about-list .about_box,
.itg-button,
.social-icon li,
.top-bar ul li,
.top-bar ul li a i,
label {
    display: inline-block
}

label {
    font-weight: 400;
    margin: 0 0 5px;
    color: #777
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #777
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #777
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #777
}

input:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    color: #777
}

.itg-button {
    font-size: 18px;
    padding: 10px 30px;
    line-height: 1.2em;
    transition: all .45s ease-in-out;
    text-transform: capitalize;
    background-color: transparent;
    border: 1px solid
}

.about-list .about_box,
.service-box {
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out
}

.itg-button.active,
.itg-button:hover {
    color: #fff
}

.search_bar .itg-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    outline: 0
}

.pad0 {
    padding: 0
}

.pad5 {
    padding: 5px
}

.pad10 {
    padding: 10px
}

.pad15 {
    padding: 15px
}

.pad20 {
    padding: 20px
}

.pad30 {
    padding: 30px
}

.pad40 {
    padding: 40px
}

.pad50 {
    padding: 50px
}

.pad60 {
    padding: 60px
}

.pad70 {
    padding: 70px
}

.pad80 {
    padding: 80px
}

.pad90 {
    padding: 90px
}

.pad100 {
    padding: 100px
}

.padTB0 {
    padding: 0
}

.padTB5 {
    padding: 5px 0
}

.padTB10 {
    padding: 10px 0
}

.padTB15 {
    padding: 15px 0
}

.padTB20 {
    padding: 20px 0
}

.padTB30 {
    padding: 30px 0
}

.padTB40 {
    padding: 40px 0
}

.padTB50 {
    padding: 50px 0
}

.padTB60 {
    padding: 60px 0
}

.padTB70 {
    padding: 70px 0
}

.padTB80 {
    padding: 80px 0
}

.padTB90 {
    padding: 90px 0
}

.padTB100 {
    padding: 100px 0
}

.padT0 {
    padding-top: 0
}

.padT5 {
    padding-top: 5px
}

.padT10 {
    padding-top: 10px
}

.padT15 {
    padding-top: 15px
}

.padT20 {
    padding-top: 20px
}

.padT30 {
    padding-top: 30px
}

.padT40 {
    padding-top: 40px
}

.padT50 {
    padding-top: 50px
}

.padT60 {
    padding-top: 60px
}

.padT70 {
    padding-top: 70px
}

.padT80 {
    padding-top: 80px
}

.padT90 {
    padding-top: 90px
}

.padT100 {
    padding-top: 100px
}

.padB0 {
    padding-bottom: 0
}

.padB5 {
    padding-bottom: 5px
}

.padB10 {
    padding-bottom: 10px
}

.padB20 {
    padding-bottom: 20px
}

.padB30 {
    padding-bottom: 30px
}

.padB40 {
    padding-bottom: 40px
}

.padB50 {
    padding-bottom: 50px
}

.padB60 {
    padding-bottom: 60px
}

.padB70 {
    padding-bottom: 70px
}

.padB80 {
    padding-bottom: 80px
}

.padB90 {
    padding-bottom: 90px
}

.padB100 {
    padding-bottom: 100px
}

.padL0 {
    padding-left: 0
}

.padL5 {
    padding-left: 5px
}

.padL10 {
    padding-left: 10px
}

.padL20 {
    padding-left: 20px
}

.padL30 {
    padding-left: 30px
}

.padL40 {
    padding-left: 40px
}

.padL50 {
    padding-left: 50px
}

.padL60 {
    padding-left: 60px
}

.padL70 {
    padding-left: 70px
}

.padL80 {
    padding-left: 80px
}

.padL90 {
    padding-left: 90px
}

.padL100 {
    padding-left: 100px
}

.padLR0 {
    padding-left: 0
}

.padLR5 {
    padding-left: 5px
}

.padLR10 {
    padding-left: 10px
}

.padLR20 {
    padding-left: 20px
}

.padLR30 {
    padding-left: 30px
}

.padLR40 {
    padding-left: 40px
}

.padLR50 {
    padding-left: 50px
}

.padLR60 {
    padding-left: 60px
}

.padLR70 {
    padding-left: 70px
}

.padLR80 {
    padding-left: 80px
}

.padLR90 {
    padding-left: 90px
}

.padLR100 {
    padding-left: 100px
}

.padR0 {
    padding-right: 0
}

.padR5 {
    padding-right: 5px
}

.padR10 {
    padding-right: 10px
}

.padR20 {
    padding-right: 20px
}

.padR30 {
    padding-right: 30px
}

.padR40 {
    padding-right: 40px
}

.padR50 {
    padding-right: 50px
}

.padR60 {
    padding-right: 60px
}

.padR70 {
    padding-right: 70px
}

.padR80 {
    padding-right: 80px
}

.padR90 {
    padding-right: 90px
}

.padR100 {
    padding-right: 100px
}

.mar0 {
    margin: 0
}

.mar5 {
    margin: 5px
}

.mar10 {
    margin: 10px
}

.mar15 {
    margin: 15px
}

.mar20 {
    margin: 20px
}

.mar30 {
    margin: 30px
}

.mar40 {
    margin: 40px
}

.mar50 {
    margin: 50px
}

.mar60 {
    margin: 60px
}

.mar70 {
    margin: 70px
}

.mar80 {
    margin: 80px
}

.mar90 {
    margin: 90px
}

.mar100 {
    margin: 100px
}

.marT0 {
    margin-top: 0
}

.marT5 {
    margin-top: 5px
}

.marT10 {
    margin-top: 10px
}

.marT15 {
    margin-top: 15px
}

.marT20 {
    margin-top: 20px
}

.marT30 {
    margin-top: 30px
}

.marT40 {
    margin-top: 40px
}

.marT50 {
    margin-top: 50px
}

.marT60 {
    margin-top: 60px
}

.marT70 {
    margin-top: 70px
}

.marT80 {
    margin-top: 80px
}

.marT90 {
    margin-top: 90px
}

.marT100 {
    margin-top: 100px
}

.marB0 {
    margin-bottom: 0
}

.marB5 {
    margin-bottom: 5px
}

.marB15 {
    margin-bottom: 15px
}

.marB10 {
    margin-bottom: 10px
}

.marB20 {
    margin-bottom: 20px
}

.marB30 {
    margin-bottom: 30px
}

.marB40 {
    margin-bottom: 40px
}

.marB50 {
    margin-bottom: 50px
}

.marB60 {
    margin-bottom: 60px
}

.marB70 {
    margin-bottom: 70px
}

.marB80 {
    margin-bottom: 80px
}

.marB90 {
    margin-bottom: 90px
}

.marB100 {
    margin-bottom: 100px
}

.marL0 {
    margin-left: 0
}

.marL5 {
    margin-left: 5px
}

.marL10 {
    margin-left: 10px
}

.marL20 {
    margin-left: 20px
}

.marL30 {
    margin-left: 30px
}

.marL40 {
    margin-left: 40px
}

.marL50 {
    margin-left: 50px
}

.marL60 {
    margin-left: 60px
}

.marL70 {
    margin-left: 70px
}

.marL80 {
    margin-left: 80px
}

.marL90 {
    margin-left: 90px
}

.marL100 {
    margin-left: 100px
}

.marR0 {
    margin-right: 0
}

.marR5 {
    margin-right: 5px
}

.marR10 {
    margin-right: 10px
}

.marR20 {
    margin-right: 20px
}

.marR30 {
    margin-right: 30px
}

.marR40 {
    margin-right: 40px
}

.marR50 {
    margin-right: 50px
}

.marR60 {
    margin-right: 60px
}

.marR70 {
    margin-right: 70px
}

.marR80 {
    margin-right: 80px
}

.marR90 {
    margin-right: 90px
}

.marR100 {
    margin-right: 100px
}

.social-icon a {
    width: 35px;
    height: 35px;
    background-color: #fff;
    font-size: 15px;
    border-radius: 100%;
    padding: 8px 0;
    color: #000;
    margin: 0 5px;
    line-height: 1.2em
}

.social-icon a:hover {
    color: #fff
}

#header {
    position: relative;
    width: 100%;
    float: left
}

.top-bar {
    padding: 10px 0;
    background-color: #000;
    color: #bfbfbf
}

.top-bar.theme-bg,
.top-bar.theme-bg a:hover {
    color: #fff
}

.top-bar ul li {
    margin: 0 10px
}

.top-bar ul li a i {
    margin: 0 8px 0 0
}

.top-bar .right {
    text-align: right
}

.top-bar .left {
    text-align: left
}

#banner-typing,
.about-list .about_box,
.banner-content,
.blog .caption,
.cases figcaption,
.chart,
.mixitup-btn,
.our-facts,
.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev,
.pricing,
.service-box,
.service-icon,
.theme-heading {
    text-align: center
}

a.navbar-brand {
    padding: 30px 0
}

.navbar-nav>li>a {
    padding: 31px 20px
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    background-color: transparent;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 1px
}

body.dark .navbar-default .navbar-nav>li>a {
    color: #fff
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.nav .open>a:focus,
.nav .open>a:hover,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
ul.nav.navbar-nav li a:hover {
    background-color: transparent;
    color: #fff
}

.navbar-default {
    background-color: transparent
}

div#main-menu {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .26)
}

.clients:before,
.service-box:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.banner-section {
    background-image: url(../img/slider/main-banner.jpg);
    width: 100%;
    /* height: 100vh; */
    position: relative
}

.banner-section:before {
    background-color: rgba(0, 0, 0, .7);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#banner-typing {
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: -80px;
    width: 100%
}

.slide-caption {
    float: left;
    width: 100%;
    position: relative;
    height: 100vh
}

.slide-content label {
    font-size: 24px;
    color: #b2b2b2
}

.slide-content h1 {
    font-size: 40px;
    padding: 15px 0;
    color: #fff
}

.slide-content .itg-button {
    margin-right: 15px
}

.slide-content .itg-button:last-child {
    margin-right: 0
}

.slide-content {
    width: 100%;
    max-width: 600px;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -110px
}

.slide-statue figure {
    float: left
}

.slide-statue {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 400px
}

#main-slider.owl-theme .owl-dots {
    position: absolute;
    bottom: 40px
}

#main-slider.owl-theme .owl-dots .owl-dot span {
    height: 5px;
    width: 40px
}

.theme-heading {
    max-width: 600px;
    margin: auto auto 50px;
    position: relative
}

.theme-heading label {
    font-size: 18px;
    margin-bottom: 0;
    color: grey
}

.theme-heading h2 {
    position: relative;
    color: #000;
    font-weight: 600;
    font-size: 36px
}

.theme-heading span {
    position: relative;
    font-size: 20px
}

.theme-heading span:after,
.theme-heading span:before {
    width: 60px;
    height: 1px;
    background-color: grey;
    top: 50%;
    position: absolute;
    margin-top: -1px
}

.theme-heading span:after {
    content: "";
    right: 30px
}

.banner:before,
.cases figure:before,
.clients:before,
.service-box:before {
    right: 0;
    content: ""
}

.theme-heading span:before {
    content: "";
    left: 30px
}

.theme-heading.white span:after,
.theme-heading.white span:before,
body.dark .theme-heading span:after,
body.dark .theme-heading span:before {
    background-color: #fff
}

.theme-heading.white h2,
.theme-heading.white label,
body.dark .theme-heading h2,
body.dark .theme-heading label {
    color: #fff
}

.about-us-section {
    position: relative;
    width: 100%;
    float: left
}

.about-us-half-sec {
    position: absolute;
    width: 100%;
    top: 0
}

.about-list {
    width: 100%;
    float: left;
    position: relative
}

.about-list li {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.about-list li p,
.about-list li:last-child {
    margin-bottom: 0
}

.about-list .about_box {
    float: left;
    width: 80px;
    height: 80px;
    border: 1px solid grey;
    font-size: 30px;
    padding: 24px 0;
    transition: all .45s ease-in-out
}

body.dark .about-list .about_box {
    border: 1px solid #ccc;
    color: #ccc
}

.clients .client-img,
.service-icon {
    border-radius: 100%;
    overflow: hidden
}

.about-list li:hover .about_box {
    color: #fff
}

.about-list .about_box_content {
    display: inline-block;
    float: right;
    width: 80%
}

.why_choose_us,
.why_choose_us ul li,
.why_choose_us_img {
    float: left;
    width: 100%
}

.about-content p {
    margin-bottom: 20px
}

#services {
    background-color: #eee
}

body.dark #services {
    background-color: #131212
}

.service-box {
    float: left;
    background-image: url(../img/all/practice-area-bg.jpg);
    width: 100%;
    position: relative;
    padding: 25px 15px;
    transition: all .45s ease-in-out
}

.service-box:before,
.service-icon {
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out
}

.service-box:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 1;
    background-color: #fff;
    transition: all .45s ease-in-out
}

.banner,
.service-box h3,
.service-content,
.service-icon,
.why_choose_us {
    position: relative
}

body.dark .service-box:before {
    background-color: #1b1b1b
}

#services .margin-small {
    margin-bottom: 30px
}

.service-box:hover:before {
    opacity: .7
}

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

.service-icon {
    width: 100px;
    height: 100px;
    background-color: #eee;
    font-size: 35px;
    margin: auto auto 20px;
    display: table;
    padding: 32px 0;
    color: #000;
    transition: all .45s ease-in-out
}

.clients .caption,
.clients .client-img,
.theme-box .caption span {
    display: inline-block
}

.service-box h3,
.service-box p {
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out
}

.service-box h3 {
    line-height: 1em;
    transition: all .45s ease-in-out
}

.service-box:hover h3 {
    color: #fff
}

.service-box p {
    margin-bottom: 0;
    color: grey;
    font-size: 16px;
    padding: 15px 0;
    transition: all .45s ease-in-out
}

.service-box:hover a,
.service-box:hover p {
    color: #fff
}

.why_choose_us_img img {
    width: 100%
}

.why_choose_us ul li {
    margin-bottom: 30px
}

.why_choose_us p,
.why_choose_us ul li:last-child {
    margin-bottom: 0
}

.why_choose_us h3 span {
    font-size: 30px;
    font-weight: 600;
    margin-right: 5px
}

.banner {
    background-image: url(../img/all/banner.jpg)
}

.banner:before {
    background-color: rgba(0, 0, 0, .7);
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0
}

.theme-box,
.theme-box figure {
    position: relative;
    width: 100%;
    float: left
}

.banner-content h2 {
    color: #fff;
    font-size: 36px
}

.banner-content h2.banner-title {
    font-size: 48px;
    margin-bottom: 20px;
    color: #fff
}

.theme-box .caption {
    float: left;
    padding: 20px 0 30px;
    text-align: center
}

.theme-box .caption p {
    margin-bottom: 0;
    padding-top: 10px
}

.theme-box figure img {
    width: 100%
}

.theme-box figcaption {
    position: absolute;
    width: 100%;
    display: inline-block;
    bottom: 0;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out
}

.theme-box figcaption .content {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -20px
}

.theme-box:hover figcaption {
    opacity: 1
}

#testimonial {
    background-color: #000
}

.clients {
    width: 100%;
    float: left;
    position: relative;
    padding: 20px;
    background-color: #2e2e2e
}

.client-img-designation {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.clients .client-img {
    max-width: 80px;
    float: left;
    margin-right: 20px
}

.clients .caption {
    float: left;
    margin-top: 8px
}

.client-content {
    float: left;
    width: 100%;
    color: #ccc
}

.clients .caption h3 {
    color: #fff;
    line-height: 1.4em
}

.client-content p {
    margin-bottom: 0
}

.clients .caption label {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    font-style: italic
}

.clients:before {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 60px solid #000;
    border-left: 60px solid #4d4d4d;
    top: 0
}

#paichart {
    background-image: url(../img/all/background-chart.jpg);
    position: relative
}

body.dark #paichart {
    background-image: url(../img/all/background-chart-dark.jpg);
    background-color: #000
}

.chart-list h4 {
    position: relative;
    padding-left: 80px
}

.chart-list h4:before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0
}

.chart-detail .chart-list h4 {
    position: relative;
    padding-left: 70px;
    line-height: 2.2em;
    font-weight: 600;
    margin-bottom: 0
}

.chart-list li {
    margin-bottom: 15px;
    width: 100%;
    float: left
}

.chart-list li:last-child {
    margin-bottom: 0
}

.chart-detail {
    float: left;
    width: 100%;
    position: relative
}

.chart-detail p {
    margin-bottom: 20px
}

.chart-detail h4 {
    margin-bottom: 15px
}

.chart-detail h3 {
    margin-bottom: 5px
}

.chart {
    width: 100%;
    margin-top: 60px
}

#mixItUp {
    float: left;
    width: 100%
}

.mix-default .mix:before {
    float: left
}

.cases {
    float: left;
    margin-bottom: 30px
}

.cases figure {
    float: left;
    width: 100%;
    position: relative
}

.cases figcaption,
.cases figure:before {
    position: absolute;
    opacity: 0;
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out
}

.cases figcaption {
    font-size: 50px;
    color: #fff;
    top: 50%;
    width: 100%;
    margin-top: -25px;
    transition: all .45s ease-in-out
}

.cases figure:before {
    top: 0;
    left: 0;
    bottom: 0;
    transition: all .45s ease-in-out
}

.mixitup-btn a.filter:after,
.mixitup-btn a.filter:before {
    content: "/\00a0";
    position: absolute
}

.pricing,
path.area {
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out
}

.cases figure img {
    width: 100%
}

.cases:hover figcaption,
.cases:hover figure:before {
    opacity: 1
}

.cases figcaption a:hover {
    color: #fff
}

.mixitup-btn a.filter {
    padding: 0 20px;
    font-size: 16px;
    margin: 0;
    position: relative
}

body.dark .mixitup-btn a.filter {
    color: #fff
}

.mixitup-btn {
    margin-bottom: 30px
}

.mixitup-btn a.filter:before {
    left: 100%;
    top: -1px
}

.mixitup-btn a.filter:after {
    top: -1px;
    right: -5px
}

.mixitup-btn a.filter:last-child:after,
.mixitup-btn a.filter:last-child:before {
    display: none
}

.our-facts {
    background-image: url(../img/all/facts-banner.jpg)
}

.our-facts:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fact-icon {
    margin: 10px 0
}

.fact-icon span:after,
.fact-icon span:before {
    width: 60px;
    height: 1px;
    background-color: #fff;
    top: 50%;
    margin-top: -1px
}

.fact-icon span {
    font-size: 14px;
    color: #fff;
    position: relative
}

.fact-icon span:after,
.fact-icon span:before,
.pricing .caption:before {
    content: "";
    position: absolute
}

.fact-icon span:after {
    right: 30px
}

.fact-icon span:before {
    left: 30px
}

.pricing,
.pricing-btn,
.pricing-list {
    float: left;
    width: 100%
}

.pricing .caption:before,
.pricing-list:before {
    height: 69%;
    transform: rotate(46deg) skew(46deg)
}

.facts h2 {
    font-size: 45px;
    color: #fff
}

.facts h3 {
    font-size: 36px;
    color: #fff
}

.pricing {
    transition: all .45s ease-in-out;
    padding-right: 15px
}

.pricing:hover .itg-button {
    color: #fff
}

.pricing .caption {
    color: #fff;
    padding: 30px 0;
    position: relative;
    overflow: visible
}

.pricing .caption h2 {
    color: #fff;
    margin-bottom: 10px
}

.pricing .caption .price {
    font-size: 50px;
    color: #fff;
    line-height: 1em
}

.pricing-list {
    margin: 0;
    padding: 0;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    position: relative
}

body.dark .pricing-btn,
body.dark .pricing-list {
    border-right: 1px solid #131212;
    border-left: 1px solid #131212
}

.pricing-list li {
    padding: 13px 5px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    color: #000;
    font-weight: 600
}

body.dark .pricing-list li {
    border-bottom: 1px solid #131212;
    color: #fff
}

body.dark .pricing-btn {
    border-bottom: 1px solid #131212
}

.blog-meta,
.pricing-btn {
    border-bottom: 1px solid #eee
}

.pricing-btn {
    padding: 30px;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    position: relative
}

.pricing .caption:before {
    width: 20px;
    right: -17px;
    top: 36px;
    z-index: 3
}

.pricing-btn:before,
.pricing-list:before {
    width: 20px;
    position: absolute;
    left: inherit;
    content: "";
    right: -18px
}

.pricing-list:before {
    background-color: #d9d9d9;
    top: 50px;
    z-index: 2
}

body.dark .pricing-btn:before,
body.dark .pricing-list:before {
    background-color: #131212
}

.pricing-btn:before {
    height: 98%;
    background-color: #d9d9d9;
    top: -23px;
    transform: rotate(-44deg) skew(-44deg);
    z-index: 1
}

.blog,
.blog-caption,
.location_details {
    width: 100%;
    float: left
}

.blog figure:after,
.location_map:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.location_map {
    background-image: url(../img/all/location-background.png);
    position: relative
}

.location_map:before {
    background-color: rgba(0, 0, 0, .9);
    position: absolute
}

.mapael .map {
    position: relative
}

.mapael .mapTooltip {
    position: absolute;
    background-color: #fff;
    moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 0;
    padding: 3px 20px;
    z-index: 1000;
    display: none
}

.blog,
.blog figure,
.blog-caption,
.location_details {
    position: relative
}

path.area {
    transition: all .45s ease-in-out
}

.blog .caption,
.blog figure:after {
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out
}

.location_details h3 {
    color: #fff;
    margin-bottom: 10px
}

.location_details p {
    color: #ccc;
    margin-bottom: 20px
}

.blog-caption {
    padding: 0 20px;
    margin-top: -50px
}

.blog-detail,
.blog-meta {
    padding: 10px;
    float: left;
    width: 100%
}

body.dark .blog .caption {
    background-color: #131212
}

.blog .caption {
    background-color: #fff;
    float: left;
    width: 100%;
    padding-bottom: 10px;
    transition: all .45s ease-in-out
}

body.dark .blog:hover .caption {
    box-shadow: 0 6px 12px rgba(225, 225, 225, .1)
}

.blog:hover .caption {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

body.dark .blog-meta a {
    color: #fff
}

.blog-meta a {
    color: #000;
    font-size: 14px;
    margin: 0 10px
}

.blog figure {
    float: left;
    width: 100%
}

.blog figure img {
    width: 100%
}

.blog figure:after {
    position: absolute;
    opacity: 0;
    transition: all .45s ease-in-out
}

.blog:hover figure:after {
    opacity: 1
}

.blog-detail h4 {
    margin-bottom: 5px
}

.blog-detail p {
    margin-bottom: 10px
}

.carousel-style-1 {
    position: relative
}

.carousel-style-1 figure {
    margin-bottom: 1px
}

.carousel-style-1.owl-theme .owl-nav .owl-prev {
    margin-left: -6%
}

.carousel-style-1.owl-theme .owl-nav .owl-next {
    margin-right: -6%
}

.owl-theme .owl-nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: -22px
}

#partener-slider.owl-theme .owl-nav {
    z-index: -1
}

body.dark .owl-theme .owl-nav .owl-next,
body.dark .owl-theme .owl-nav .owl-prev {
    background-color: #131212
}

.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev {
    line-height: 1.2em;
    font-size: 22px;
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
    width: 35px;
    height: 35px;
    background-color: #eee;
    border: 0;
    padding: 3px 0;
    border-radius: 0;
    color: 000
}

.owl-theme .owl-nav .owl-next:hover,
.owl-theme .owl-nav .owl-prev:hover {
    color: #fff
}

.owl-theme .owl-nav .owl-prev {
    float: none;
    margin-left: 0
}

.owl-theme .owl-nav .owl-next {
    float: none;
    margin-right: 0
}

.owl-dots {
    position: relative;
    width: 100%;
    padding-top: 20px
}

.owl-theme .owl-dots .owl-dot span {
    margin: 0 6px;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border: 1px solid
}

.partner-slider figure {
    border: 1px solid #e0dfdf
}

.theme-form input,
.theme-form textarea {
    margin-bottom: 30px
}

body.dark .theme-form input,
body.dark .theme-form textarea {
    background-color: #131212;
    color: #fff
}

.theme-form input.itg-button,
body.dark .theme-form input.itg-button {
    margin-bottom: 0
}

.preloader.loaderout {
    top: -100%;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

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

.cssload-container {
    display: block;
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -14px
}

.cssload-loading i {
    width: 25px;
    height: 5px;
    display: inline-block;
    border-radius: 0
}

.top-footer,
.top-footer .widget,
.top-footer .widget ul.gallery {
    width: 100%;
    float: left
}

.cssload-loading i:first-child {
    opacity: 0;
    animation: cssload-loading-ani2 .58s linear infinite;
    -o-animation: cssload-loading-ani2 .58s linear infinite;
    -ms-animation: cssload-loading-ani2 .58s linear infinite;
    -webkit-animation: cssload-loading-ani2 .58s linear infinite;
    -moz-animation: cssload-loading-ani2 .58s linear infinite;
    transform: translate(-19px);
    -o-transform: translate(-19px);
    -ms-transform: translate(-19px);
    -webkit-transform: translate(-19px);
    -moz-transform: translate(-19px)
}

.cssload-loading i:nth-child(2),
.cssload-loading i:nth-child(3) {
    animation: cssload-loading-ani3 .58s linear infinite;
    -o-animation: cssload-loading-ani3 .58s linear infinite;
    -ms-animation: cssload-loading-ani3 .58s linear infinite;
    -webkit-animation: cssload-loading-ani3 .58s linear infinite;
    -moz-animation: cssload-loading-ani3 .58s linear infinite
}

.cssload-loading i:last-child {
    animation: cssload-loading-ani1 .58s linear infinite;
    -o-animation: cssload-loading-ani1 .58s linear infinite;
    -ms-animation: cssload-loading-ani1 .58s linear infinite;
    -webkit-animation: cssload-loading-ani1 .58s linear infinite;
    -moz-animation: cssload-loading-ani1 .58s linear infinite
}

@keyframes cssload-loading-ani1 {
    100% {
        transform: translate(39px);
        opacity: 0
    }
}

@-o-keyframes cssload-loading-ani1 {
    100% {
        -o-transform: translate(39px);
        opacity: 0
    }
}

@-ms-keyframes cssload-loading-ani1 {
    100% {
        -ms-transform: translate(39px);
        opacity: 0
    }
}

@-webkit-keyframes cssload-loading-ani1 {
    100% {
        -webkit-transform: translate(39px);
        opacity: 0
    }
}

@-moz-keyframes cssload-loading-ani1 {
    100% {
        -moz-transform: translate(39px);
        opacity: 0
    }
}

@keyframes cssload-loading-ani2 {
    100% {
        transform: translate(19px);
        opacity: 1
    }
}

@-o-keyframes cssload-loading-ani2 {
    100% {
        -o-transform: translate(19px);
        opacity: 1
    }
}

@-ms-keyframes cssload-loading-ani2 {
    100% {
        -ms-transform: translate(19px);
        opacity: 1
    }
}

@-webkit-keyframes cssload-loading-ani2 {
    100% {
        -webkit-transform: translate(19px);
        opacity: 1
    }
}

@-moz-keyframes cssload-loading-ani2 {
    100% {
        -moz-transform: translate(19px);
        opacity: 1
    }
}

@keyframes cssload-loading-ani3 {
    100% {
        transform: translate(19px)
    }
}

@-o-keyframes cssload-loading-ani3 {
    100% {
        -o-transform: translate(19px)
    }
}

@-ms-keyframes cssload-loading-ani3 {
    100% {
        -ms-transform: translate(19px)
    }
}

@-webkit-keyframes cssload-loading-ani3 {
    100% {
        -webkit-transform: translate(19px)
    }
}

@-moz-keyframes cssload-loading-ani3 {
    100% {
        -moz-transform: translate(19px)
    }
}

.top-footer {
    background-color: #0d0d0d;
    position: relative;
    color: #969696
}

.top-footer .widget .logo {
    float: left;
    margin-bottom: 30px
}

.top-footer .widget p {
    color: #969696;
    line-height: 1.8em;
    margin-bottom: 0;
    clear: both
}

.top-footer .widget .social-icon {
    text-align: left;
    margin-top: 30px
}

.top-footer .widget h3 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 30px
}

.top-footer .widget ul li {
    margin-bottom: 10px
}

.top-footer .widget ul.gallery li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 75px
}

.twt-feed p {
    display: inline-block;
    width: 85%;
    float: right
}

.twt-feed {
    float: left;
    width: 100%
}

.twt-feed li {
    float: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #262837
}

.twt-feed li:last-child {
    float: left;
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0
}

.bottom-footer {
    background-color: #000;
    color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0
}

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

#scroll-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    font-size: 25px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    z-index: 9
}

#scroll-top.showScrollTop {
    opacity: 1;
    visibility: visible
}

.main-static-banner .special-style {
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    background-size: cover !important;
    width: 100%;
    z-index: 0
}

.block-detail-head {
    width: 100%;
    float: left;
    margin-top: 15px
}

.color-light {
    color: #fff
}

.comming-soon-content {
    padding: 20px 0;
    z-index: 3;
    position: relative
}

.special-style {
    height: 100%;
    overflow: hidden;
    padding: 0;
    width: 100%;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.special-style-fixed {
    position: fixed
}

.comming-soon-style-1 {
    background-image: url(../img/all/comming-soon-back.jpg);
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.special-section {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -260px
}

.dark-overlay:before {
    content: "";
    background-color: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 2
}

.comming-soon-content figure {
    margin: auto auto 20px;
    float: none;
    width: auto
}

.comming-soon-content h2 {
    font-size: 30px;
    color: #fff
}

.comming-soon-content h1 {
    font-size: 60px;
    color: #fff
}

.comming-soon-content .search_bar button {
    top: 0;
    right: 0;
    height: 100%
}

.timer {
    width: 100%;
    float: left;
    margin-bottom: 30px
}

.timer ul li {
    float: left;
    width: 25%;
    text-align: center;
    padding: 20px 0
}

.timer ul li span {
    font-size: 60px;
    display: block
}

.timer ul li span.normal {
    font-size: 25px
}

.after-border {
    position: relative
}

.after-border:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #717171;
    position: absolute;
    right: 0;
    top: 0
}