@charset "utf-8";

@font-face {
    font-family: 'Cambria';
    src: url('../fonts/Cambria-Bold.woff2') format('woff2'),
        url('../fonts/Cambria-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cambria';
    src: url('../fonts/Cambria.woff2') format('woff2'),
        url('../fonts/Cambria.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cambria';
    src: url('../fonts/Cambria-Italic.woff2') format('woff2'),
        url('../fonts/Cambria-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cambria';
    src: url('../fonts/Cambria-BoldItalic.woff2') format('woff2'),
        url('../fonts/Cambria-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


a,

abbr,

acronym,

address,

applet,

article,

aside,

audio,

b,

big,

blockquote,

body,

canvas,

caption,

center,

cite,

code,

dd,

del,

details,

dfn,

div,

dl,

dt,

em,

embed,

fieldset,

figcaption,

figure,

footer,

form,

h1,

h2,

h3,

h4,

h5,

h6,

header,

hgroup,

html,

i,

iframe,

img,

ins,

kbd,

label,

legend,

li,

mark,

menu,

nav,

object,

ol,

output,

p,

pre,

q,

ruby,

s,

samp,

section,

small,

span,

strike,

strong,

sub,

summary,

sup,

table,

tbody,

td,

tfoot,

th,

thead,

time,

tr,

tt,

u,

ul,

var,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block

}



body {

    line-height: 1;
   

}



ol,

ul {

    list-style: none

}



blockquote,

q {

    quotes: none

}



blockquote:after,

blockquote:before,

q:after,

q:before {

    content: '';

    content: none

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



body {
    font-family: 'Cambria' !important;
    font-size: 13px;
    color: #666;
    line-height: 20px;
    font-weight:300;
    background: #fff!important;
    margin: 0;
    padding: 0;
    z-index: 999;
}

a {

    text-decoration: none;

    cursor: pointer

}



a:focus,

a:hover,

a:visited {

    text-decoration: none;

    outline: 0

}



h1,

h2,

h3,

h4,

h5,

h6 {

    position: relative;

    font-weight: 400;

    margin: 0;

    background: 0 0

}



.h1,

h1 {

    font-size: 36px

}



.h2,

h2 {

    font-size: 30px

}



.h3,

h3 {

    font-size: 24px

}



.h4,

h4 {

    font-size: 18px

}



.h5,

h5 {

    font-size: 14px

}



.h6,

h6 {

    font-size: 12px

}



p {
    font-size: 17px;
    position: relative;
    padding: 0 0;	
	text-align: justify;
    font-weight:400;
}



.btn-blue { 
    background: #ff9f1c;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    max-width: 100%;
    display: block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 25px;
    margin: 10px 0 40px;

}



.btn-blue:hover {

    background: #18b0c7;
    color: #fff;

    text-decoration: none

}



.col-zero {

    padding-left: 0!important;

    padding-right: 0!important

}



.blog-image-r p {

    left: 20px

}



.chapter-titles {

    border-bottom: 4px solid #ebebeb;

    padding-bottom: 1px;

    position: relative;

    margin-top: 24px;

    margin-bottom: 24px;

    font-size: 20px;

    font-weight: 700;

    text-transform: uppercase;

  

}



.chapter-titles h3 {

    font-size: 20px

}

.section-footer .footer-third .address ul li .fa {

    font-size: 17px;

    margin-right: 18px;

}

.section-footer .footer-third .address {

    position: relative;

    display: block;

}

.chapter-titles::after {

    content: "";

    display: block;

    width: 68px;

    height: 4px;

    position: absolute;

    bottom: -4px;

    background: #ffa800;

    border-right: 3px solid #fff

}



.internal-banner {

    width: 100%;

    height: 100px;

    background-image: url(http://themenick.com/temp/main/resources/media/1582968366_blog-banner_0.jpg);

    background-size: cover;

    background-position: center

}
.int-banner-title {

    font-size: 24px;

    font-weight: 600;

    text-shadow: 1px 1px 3px #000;

    color: #fff;

    padding: 10px 0

}
.banner-breadcrumb {

    padding: 5px 0;

    color: #fff

}



.banner-breadcrumb a {

    color: rgba(255, 255, 255, .8)

}
.top-connect ul {

    list-style: none;

    display: flex;

    float: right

}
.top-connect ul li {

    padding: 5px 10px;

    color: #000

}
.top-connect ul li a {
    color: #fff;
    font-size: 16px
}
.top-bar {
    background-color: #222;
    max-width: 100%;
    margin: auto;
    line-height: 40px;
}

.page-content-banner {
    position: relative;
    margin-top: 113px;
    height: 150px;
    padding: 0;
    background-size: cover;
    background-position: center
}
.page-content-banner h1 {

    text-shadow: 1px 1px 3px #000;

    color: #fff;

	position: relative;

    top: 30px;

}
.top-bar-section {

    padding: 0 0px

}
.menu-bar .container {
    padding-left: 0;
    padding-right: 0px;
}
.top-bar-section p{
	color: #fff;
    padding-top: 7px;
    margin-bottom: 0;
}
.logo-section {

    padding: 0 0

}
.logo-section img {
    padding: 0 0;
}
.top-contact-detail {

    padding: 10px 0

}
.top-contact-detail ul {

   padding: 0px 0px;

    list-style: none;

    float: right;

}
.top-contact-detail ul li {

    list-style-type: none;

    float: left;

    border-left: 4px solid #eee;

    padding-left: 30px;

    margin-left: 30px;

    padding-bottom: 0;

    position: relative;

}

.top-contact-detail ul li:first-child{

    border:none;

}

.top-contact-detail ul li .icon-area {

    float: left;

    padding-right: 15px

}



.top-contact-detail ul li .icon-area i {

    margin-right: 7px;

    font-size: 24px;

    vertical-align: bottom;

    color: #ed7336;

}



.top-contact-detail ul li .text-area {

    /*float: right*/

}



.top-contact-detail ul li .text-area span {

    display: block;

    width: 100%;

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    color: #242b55

}
.top-contact-detail ul li .text-area a {

    font-size: 14px;

    color: #333;

    padding-bottom: 0;

    font-weight: 400

}
.top-contact-detail ul li .text-area a:hover {

    text-decoration: none

}
.flexslider {
    border: none!important
}
.menu-bar {
    /*padding: 12px 0;*/
    max-width: 100%;
    margin: auto;
    margin-bottom: 0px;
    /*border-top: 1px solid rgba(255, 255, 255, 0.2);*/

}

.services_section{

   max-width: 1366px;

    margin: auto; 

}
.banner-section {

    overflow: hidden!important;

    width: 100%;

    position: relative;

    top: -48px;

}
.banner-section .container,

/*.top-bar .container {

    width: 100%;

    margin: 0;

    padding: 0

}*/
.menu-section {
    padding: 0 0px;
    position: relative;
    /*top: 10px;*/
    z-index: 9999;
    margin-top: 0px;
}
.menu-section .hamberger {

    padding: 0;

    display: none;

    cursor: pointer

}
.menu-section .hamberger i {
    padding: 0;
    font-size: 20px;
    color: #fff;
    position: relative;
    top: -35px;

}
.menu-section .hamberger span {
    color: #fff;
    float: right;
    text-transform: uppercase
}
.menu-section ul {

    padding: 0 0;

    list-style: none

}
* {

    margin: 0px;

    padding: 0px;

    border: none;

    outline: none;

    font-size: 100%;

}

.section-banner{

    position: relative;

    margin: 0px auto;

   border-bottom: 2px solid #a0a9af;

}

@media only screen and (min-width:320px) and (max-width:768px) {

.section-banner{

    position: relative;

    margin: 0px auto;

    top:23px;

    margin-bottom: 40px;

}} 

.jssorb05 {

    position: absolute;

}

.jssora22l:hover {

    background-position: -130px -31px!important;

}

.jssora22l {

    background-position: -10px -31px;

}

.jssora22l, .jssora22r {

    display: block;

    position: absolute;

    width: 40px;

    height: 58px;

    cursor: pointer;

    background: url(images/slider/a22.png) center center no-repeat;

    overflow: hidden;

}

.menu-section ul li {
   padding: 38px 15px;
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
    left: 10px;

}
.menu-section ul li:hover {

    color: #df6512;  

}
.menu-section ul li a {
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 30px;
    padding-right: 0;
    padding-left: 0;
    -webkit-transition: .3s;
    transition: .3s;
    font-weight: 600;
    margin-left: 20px;
    letter-spacing: 0.5px;
}
.menu-section ul li a.active {
/* background: #1bc4de;*/
color: #f4bf08;
}
.top-list>li:last-child a:before{
  display:none;    
}
.top-list{
  /*float: right;*/
  text-align:center;
}
.menu-section ul li a:hover {
    text-decoration: none;
    background: none;
    color: #FF9F1C;
}
.menu-section ul li:hover ul {

    display: block

}
.menu-section ul li:hover .sub-menu {

    display: none!important

}
.menu-section ul ul {

    display: none;

    position: absolute;

    top: 49px;

    left: 5px;

    z-index: 9999

}
.menu-section ul ul {
    position: absolute;
    top: 40px;
    left: 0;
    display: none;
    background: #0a1229;
    padding: 0;
    z-index: 999;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .176);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.menu-section ul ul li {
    float: none;
    display: list-item;
    position: relative;
    padding: 7px 40px 7px 20px
}
.menu-section ul ul li:hover {

    background: #1bc4de;

    background: -moz-linear-gradient(top, #1bc4de 0, #1bc4de 48%, #18b0c7 48%, #18b0c7 100%);

    background: -webkit-linear-gradient(top, #1bc4de 0, #1bc4de 48%, #18b0c7 48%, #18b0c7 100%);

    background: #4670aa;

    position: relative;

   left: 8px;

}
.menu-section ul li ul li:hover .sub-menu {

    display: block!important

}



.menu-section ul ul ul {

    display: none;

    position: absolute;

    top: 0;

    left: 100%;

    padding: 7px 10px 7px 10px

}



.menu-section ul ul ul li {

    padding: 0px 21px;

    display: inline-block;

    font-size: 14px;

    text-transform: capitalize;

    margin-left: -4px;

    position: relative

}



.menu-section ul ul li {
    position: relative;
    display: block;
    width: 350px;
    padding: 8px 12px;
    text-align: left;
    margin-left: -8px;
    border-top: 1px solid #fff;
    background: #0a1229;
}



.menu-section ul ul li a {

    color: #fff!important

}



.menu-section ul ul li a:hover {

    color: #fff!important

}



.banner-section {

    padding: 0 0;

    max-width: 1366px;

    margin: auto;

}



.page-header-wrapper {

    position: relative;

    padding: 0 0;

    background-color: #c5dadc;

    margin-bottom: 20px

}



.page-header-wrapper .page-header-content {

    padding: 25px 0 25px 0

}



.page-header-wrapper .breadcrumbs {

    padding-top: 5px;

    text-align: center;

    color: #333;

    font-size: 13px

}



.page-header-wrapper .breadcrumbs a {

    color: #333

}



.page-header-wrapper .page-header-title {

    text-align: center

}



.page-header-wrapper .page-header-title h1 {

    font-size: 36px;

    color: #333;

    font-weight: 700;

    margin-top: 0

}

.page-content {

    padding: 10px 0!important

}



.pcontent .col-md-4 {

    width: 100%!important;

    padding: 0 20px 0 0

}



.blog-image-r {

    text-align: left!important

}



.section-default .default-form {

    position: relative;

    display: block

}



.section-default .default-form input {

    width: 100%;

    border: 1px solid #ccc;

    padding: 10px 10px;

    margin: 5px 0

}



.section-default .default-form textarea {

    width: 100%;

    border: 1px solid #ccc;

    padding: 10px 10px;

    margin: 5px 0

}



.tp-full-image {

    position: relative;

    display: block;

    width: 100%;

    margin-bottom: 30px

}



.section-default {
    position: relative;
    padding: 20px 0;
    background: #fff;

}

.section-default ul {
    list-style-type: disc;
    padding-top:16px;

}

.section-default ul li {
    padding: 5px 15px;
    /*width: 31vw;*/
}


.section-default ul li a {

    color: #313131

}

.section-default ul li a:hover {
    color: #4ba143
}

.section-default h1 {

    font-size: 36px;

    line-height: 54px;

    padding-bottom: 15px;

    padding-top: 10px

}



.section-default h2 {

    font-size: 28px;

    line-height:20px;

    padding-bottom: 15px;

    padding-top: 10px;

    /*left: 15px;*/

}



.section-default h3 {

    font-size: 24px;

    line-height: 32px;

    padding-bottom: 15px;

    padding-top: 10px

}



.section-default h4 {
    font-size: 21px;
    line-height: 30px;
}

.section-default h5 {

    font-size: 18px;

    line-height: 28px;

    padding-bottom: 15px;

    padding-top: 10px

}



.section-default h6 {

    font-size: 15px;

    line-height: 23px;

    padding-bottom: 15px;

    padding-top: 10px

}



.stunning-section {

    padding: 30px 0

}



.stunning-section-inner {

    padding: 0 0

}



.stunning-image {

    padding: 0 0

}



.stunning-image img {

    padding: 10px 0 0 0;

    border-radius: 0

}



.stunning-text {

    padding:40px 0 0 0;
}



.stunning-text h2 {

    padding: 0 0;

    font-size: 32px;

    margin-top: 10px

}



.give {

    text-align: center

}



.section-about {

    position: relative;

    display: block;

    padding: 25px 0

}



.section-about .ab-feature-box {

    position: relative;

    display: block

}



.section-about .ab-feature-box .ab-feature-box-icon {

    display: block;

    padding: 0 0 30px 0

}



.section-about .ab-feature-box h1 {

    font-size: 26px;

    text-transform: uppercase;

    font-weight: 800;

    padding: 0 0 20px 10px

}



.section-about .ab-feature-box-content {

    position: relative;

    display: block

}



.ab-feature-box-button a {

    padding: 10px 15px;

    border-radius: 4px;

    background: #000;

    color: #fff;

    text-decoration: none;

    float: right

}



.ab-feature-box-button {

    margin-top: 10px

}



.btn-read {

    color: #fff;

    font-size: 13px;

    padding: 10px 30px;

    border: none;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s

}



.btn-read:hover {

    background-color: #000;

    color: #fff

}



.section-about .ab-feature-box-tab {

    position: relative;

    display: block;

    overflow: hidden

}



.section-about .ab-feature-box-single {

    box-shadow: 0 0 6px 2px rgba(212, 222, 229, .4);

    -webkit-box-shadow: 0 0 6px 2px rgba(212, 222, 229, .4);

    border: 1px solid #d4dee5;

    width: 100%;

    padding: 0 10px;

    margin: 15px 0;

    float: left;

    height: 200px!important

}



.section-about .container {

    padding: 5px 20px!important

}



.section-about .ab-feature-box-single a {

    color: #000

}



.section-about .ab-feature-box-single .single-icon {

    width: 27%;

    color: #000;

    padding: 29px 10px;

    font-size: 50px;

    float: left

}



.section-about .ab-feature-box-single .single-title {

    width: 73%;

    position: relative;

    padding: 5px 0;

    float: left

}



.section-about .ab-feature-box-single .single-title h3 {

    color: #000;

    padding: 0 0 10px 0;

    font-size: 18px;

    text-transform: uppercase;

    letter-spacing: .5px;

    text-align: left

}



.section-about .ab-feature-box-single .single-title p {

    color: #8494a0;

    text-align: left;

    line-height: 20px

}



.blog-section-start .container {

    padding: 0!important

}



.post-detail {

    position: absolute;

    bottom: -10px;

    /*left: 50px;*/

    background: #fff;

    border-radius: 20px;

    padding: 10px

}



.recent-post-big {

    margin-top: 5px

}



.pageclass {

    overflow: hidden;

    height: 450px;

    border-radius: 10px;

    margin-bottom: 5px;

    padding: 0 5px!important

}



.pageclass img {
    width: 100%;
}



.btn-detail {

    padding: 10px 30px;

    background: #000;

    color: #fff;

    margin-left: -16px;

    border: none;

    border-radius: 4px

}



.btn-detail:hover {

    background: rgba(0, 0, 0, .8)

}



.post-detail h4 a {

    color: #000;

    text-shadow: 1px 1px 3px #eee

}



.post-detail ul li a {

    padding: 5px 0;

    color: #000

}



.comment-form,

.comment-sec {

    padding: 0 30px!important

}



.post-image {

    height: 400px;

    overflow: hidden;

    border-radius: 10px

}



.content-box .post-text {

    padding: 10px 0

}



.post-image img {

    width: 100%;

    max-width: 100%;

    border: none;

    border-radius: 10px

}



.section-features {

    position: relative;

    display: block;

    padding: 25px 0

}



.section-features .sec-feature {

    position: relative;

    display: block

}



.section-features .sec-feature .sec-feature-img {

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center

}



.section-features .sec-feature .sec-feature-content {

    background-color: #000;

    padding: 55px 30px 30px 30px;

    text-align: center

}



.section-features .sec-feature .sec-feature-content p {

    color: #fff

}



.section-features .sec-feature .sec-feature-content.bottom {

    padding: 35px 30px 50px 30px

}



.section-features .sec-feature .sec-feature-content.bottom .sec-feature-icon {

    top: 340px;

    z-index: 999

}



.section-features .sec-feature .sec-feature-icon {

    position: absolute;

    color: #000;

    background-color: #fff;

    height: 64px;

    width: 64px;

    line-height: 64px;

    border-radius: 10px;

    text-align: center;

    top: 84px;

    left: 0;

    right: 0;

    margin: auto;

    transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -moz-transform: rotate(45deg)

}



.section-features .sec-feature .sec-feature-icon i {

    position: relative;

    font-size: 30px;

    left: -1px;

    top: 5px;

    transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg)

}



.section-features .sec-feature .sec-feature-content h4 {

    font-size: 15px;

    margin-bottom: 10px;

    color: #fff

}



.sec-feature-content .sec-featured-button {

    position: relative;

    margin-top: 25px;

    margin-bottom: 20px

}



.sec-feature-content .sec-featured-button a {

    color: #fff;

    border: 1px solid #fff;

    padding: 10px 25px;

    border-radius: 20px;

    font-size: 13px;

    font-weight: 700;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s

}



.sec-feature-content .sec-featured-button a:hover {

    background-color: #fff;

    color: #0ba6dd

}



.homepage-section {

    padding: 0 0

}



.homepage-section-inner {

    padding: 0 0

}



.homepage-title {

    padding: 0 0

}



.homepage-title h3 {

    padding: 0 0;

    font-size: 21px;

    color: #4a4a4a

}



.homepage-text {

    padding: 0 0

}



.homepage-text p {

    padding: 0 0;

    color: #959595;

    line-height: 23px

}

.homepage-button {

    padding: 15px 0

}
.portfolio-carousal-section {
    padding: 17px 0
}


.tab-section {
    padding: 20px 0

}
.copyright {
    padding: 10px 0 0 0;
   color: #fff;
}

.powered {
    padding: 0 0 5px 0;
    float: right;
    color: #fff;
}
.powered ul li{
    float: right;
    display: inline-block;
    list-style: none;
    line-height: 40px;
    margin: 0px 0px 0px 30px;
} 
.powered ul li a{
    color:#fff;
}
.powered ul li a:hover{
    color:red;
    text-decoration:none;
}
.foo-list ul li p {

    color: rgba(255, 255, 255, .5)!important

}
.foo-read {
    color: #fff;
}
.foo-social {

    padding: 0px 0;

    text-align: center
}
.foo-social ul {

    list-style: none;

    display: flex

}
.foo-social ul li {
   font-size: 18px;
    margin-right: 10px;
    margin-top: 20px;
    text-align: center;
    width: 40px;
    height: 40px;
    border: solid 2px #fff;
    border-radius: 50%;
    line-height: 36px;

    -webkit-backface-visibility: hidden;

    -o-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}
.foo-social ul li a i {

    margin-top: 9px

}
.foo-social ul li a {

    color: #fff;

}
.footer-top {
    position: relative;
    padding: 60px 0px 0px 0px;
}
.main-footer {
    position: relative;
}
.footer-top .vector-bg {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-repeat: repeat-x;
    animation: slide 100s linear infinite;
    -webkit-animation: slide 100s linear infinite;
}
.footer-top .gallery-widget  .image-list {
    position: relative;
    margin: 0px -5px;
}
.footer-top .gallery-widget .image-list li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0px 5px 10px 5px;
}
.footer-top .gallery-widget  .image-list li .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    width: 90px;
    height: 90px;
    border-radius: 5px;
}
.footer-top .gallery-widget .image-list li .image-box img {
    width: 100%;
    border-radius: 5px;
    transition: all 500ms ease;
}
.footer-widget .footer-title{
    
}
.footer-top .footer-widget {
   position: relative;
    margin-left: -100px;
    margin-right: 38px;
  
}
.address ul li {
    font-size: 18px;
    line-height: 18px;
    color: rgba(255, 255, 255, .5);
    font-weight: 500;
    margin-bottom: 33px;

}
.footer-top p, .footer-top a {
    font-size: 16px;
    line-height: 26px;
    color: #aeb1b8;
    text-align: initial;
}
.footer-top  .social-links li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 6px;
}
.footer-top .social-links li a {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
}
.footer-top .social-links li a:hover {
    background: #ff7c5b;
}
.link-list li a {
    color: rgba(255, 255, 255, .5);
    padding: 0px 0;
    line-height: 35px!important;
    font-size: 16px;
}
.link-list li a:hover {

    color: rgba(255, 255, 255, .8)

}
.footer-first .footer-title,

.footer-fourth .footer-title,

.footer-second .footer-title,

.footer-third .footer-title {

    padding-bottom: 20px

}
.footer-first .footer-title,

.footer-fourth .footer-title,

.footer-second .footer-title,

.footer-third .footer-title {

    padding: 0 0;

    font-size: 20px;

    color: #fff!important;

    font-weight: 600;

    margin-bottom: 30px;
    letter-spacing: 0.5px;
    padding-top: 20px;

}
.ws-instagram-header h3{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding-top: 0px;
}



.footer-content {

    padding: 0 0

}
.footer-box-logo {

    padding: 0 0

}
.footer-box-logo img {

    padding: 0 0

}
.footer-box-text {

    padding: 0 0

}
.footer-content {

    padding: 0 0;

    color: #fff;

    text-align: left;

    font-size: 14px;

    text-transform: capitalize;

    line-height: 25px;

}
.footer-box-newsletter {

    padding: 0 0

}
.footer-box-newsletter h5 {

    padding: 0 0;

    color: #fff;

    font-size: 14px;

    text-transform: capitalize;

    font-weight: 700;

    text-transform: uppercase
}

.footer-box-mail {

    padding: 15px 0

}
.footer-box-mail .signup {

    width: 100%

}
.footer-box-mail .signup input[type=text] {

    padding: 10px 20px;

    text-transform: capitalize;

    width: 80%

}
.footer-box-mail .signup button {

    padding: 10px 0;

    text-align: center;

    width: 18%;

    background-color: #35bcef;

    color: #fff;

    border: 2px solid #35bcef

}
.footer-box-mail .signup button:hover {

    color: #000

}
.footer-social {

    padding: 0 0

}



.footer-social-title {

    padding: 0 0

}



.footer-social-title h5 {

    padding-top: 20px;

    padding-bottom: 15px;

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    font-weight: 600

}



.footer-social ul {

    list-style-type: none

}



.footer-social ul li {

    padding: 0 10px;

    display: inline-block;

    width: 47%;

    height: 40px;

    line-height: 33px;

    text-align: left;

    font-size: 13px;

    color: #fff;

    background-color: transprante;

    border: 2px solid #fff;

    margin-right: 10px;

    margin-top: 15px

}



.footer-social ul li i {

    padding-right: 8px

}



.footer-social ul li:nth-child(2n+2) {

    margin-right: 0

}



.footer-social ul li:hover {

    color: #35bcef;

    background-color: #fff

}



.footer-social ul li:hover a {

    color: #35bcef

}



.footer-social ul li a {

    color: #fff

}



.footer-social ul li a:hover {

    color: #35bcef;

    text-decoration: none

}



.useful-links-title {

    padding: 0 0

}



.useful-links-title h4 {

    padding: 0 0;

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    font-weight: 600

}



.useful-links-list {

    padding: 0 0

}



.useful-links-list ul {

    padding: 0 0;

    list-style: none

}



.useful-links-list ul li {

    padding: 8px 0;

    display: block

}



.useful-links-list ul li a {

    padding: 0 0;

    display: block;

    color: #fff;

    font-size: 14px;

    text-transform: capitalize

}



.useful-links-list ul li a:hover {

    color: #35bcef;

    text-decoration: none

}



.useful-links-list ul li i {

    padding: 0 10px

}



.get-title {

    padding: 0 0

}



.get-title h4 {

    padding: 0 0;

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    font-weight: 600

}



.get-list {

    padding: 0 0

}



.get-list ul {

    padding: 0 0;

    list-style: none

}



.get-list ul li {

    padding: 8px 0;

    display: block;

    color: #fff;

    text-transform: capitalize

}



.get-list ul li a {

    padding: 0 0;

    display: block;

    color: #fff;

    font-size: 14px;

    text-transform: capitalize

}



.get-list ul li a:hover {

    color: #69635d;

    text-decoration: none

}



.get-list ul li i {

    padding: 0 10px;

    font-size: 16px

}



.get-list ul li span {

    color: #69635d

}



.tweet-title {

    padding: 0 0

}



.tweet-title h4 {

    padding: 0 0;

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    font-weight: 600

}



.tweet-list {

    padding: 15px 0

}



.tweet-list p {

    padding: 0 0;

    color: #fff;

    text-align: left;

    font-size: 14px;

    text-transform: capitalize;

    line-height: 25px

}



.tweet-list p a {

    padding: 0 0;

    color: #fff

}



.tweet-list p a:hover {

    padding: 0 0;

    color: #69635d;

    text-decoration: none

}



.tweet-list p i {

    padding: 0 10px;

    font-size: 16px

}



.copyright-section {

    padding: 10px 0 20px 0;

    background-color: #3a3a3a;

    color: #fff

}



.copyright-section p {

    padding: 0;

    color: #fff;

    text-transform: capitalize;

    font-size: 14px

}



.copyright-section a {

    padding: 0 0;

    color: #35bcef

}



.copyright-section a:hover {

    padding: 0 0;

    color: #fff;

    text-decoration: none

}



.copyright-section .copy-left {

    padding: 0 0;

    text-align: left

}



.copyright-section .copy-right {

    padding: 0 0;

    text-align: right

}



.about-bar {

    background-color: #999;

    padding: 20px 0

}



.about-us-title {

    padding: 0 0

}



.about-us-title h2 {

    font-size: 35px;

    text-transform: capitalize

}



.about-content {

    padding: 20px 0

}



.about-text p {

    padding: 5px 0;

    line-height: 25px

}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    /*border-radius: 10px;*/
}


.contact-information {

    position: relative;

    display: block

}
.portfolio-carousal-section p{
    padding-bottom: 20px;
    text-align: center;
}


.contact-information .contact-information-row {

    margin-bottom: 26px

}



.contact-information-row .contact-information-icon {

    border: 1px solid #000;

    display: inline-block;

    color: #000;

    width: 38px;

    height: 38px;

    line-height: 35px;

    text-align: center;

    font-size: 20px;

    border-radius: 4px;

    margin-left: 11px;

    margin-right: 15px;

    transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -moz-transform: rotate(45deg)

}



.contact-information-row .contact-information-icon i {

    transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg)

}



.contact-information-row .contact-information-content {

    margin: 0;

    display: inline-block;

    position: relative;

    top: 7px;

    font-size: 15px;

    color: #858585;

    max-width: calc(100% - 69px)

}



.con-submit {

    cursor: pointer!important;

    color: #fff;

    border: 1px solid #000;

    background-color: #000;

    padding: 15px 30px!important;

    border-radius: 30px;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 700;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s

}



.con-submit:hover {

    color: #fff!important;

    border: 1px solid #000;

    background-color: rgba(0, 0, 0, .8)

}



.map-wrapper {

    position: relative;

    display: block

}



.address-title {

    padding: 0 0

}



.address-title p {

    padding: 0 0;

    line-height: 25px;

    color: #8e8b8b

}



.address-title-list {

    padding: 0

}



.address-title-list ul {

    list-style-type: none;

    border: 1px solid #cfcfcf;

    border-radius: 3px

}



.address-title-list ul li {

    position: relative;

    padding: 30px 20px 30px 100px;

    border-bottom: 1px solid #cfcfcf;

    font-size: 14px;

    color: #aaa

}



.address-title-list ul li .icon {

    position: absolute;

    left: 35px;

    top: 50%;

    margin-top: -22px;

    line-height: 40px;

    height: 40px;

    font-size: 36px;

    color: #01bcfa

}



.contact-page-map {

    padding: 0 0;

    border: 1px solid #ccc;

    margin-top: 50px

}



.page-section {

    padding: 0 0;

    display: block;

    overflow: hidden;

    position: relative;

    width: 100%

}



.feature-service {
     padding: 30px 30px;
    text-align: center;
    border: solid 3px #ff9f1c;
    height: 360px; 
}



.feature-service img {

    width: 100%;

    /*border: 2px solid #b4b4b4;*/

    height: auto;

    margin: 0 auto

}



.feature-service h1 {  

    font-size: 24px;

    font-weight: 600;

    text-transform: capitalize;
    margin: 0px;
    padding-bottom: 0;

}



.feature-service p {

   color: #777777;

    font-size: 17px;

    font-weight: 300;

    line-height: 1.625em;

    position: relative;
    text-align: center;

}
.helpline {

    width: 100%;

    height: auto;

    padding: 10px 0 10px 0;

    background-color: #35bcef;

    margin-bottom: 30px

}
.gallery-item {

    padding: 20px 0

}
.mixed-grid .nav li,

.work-section .nav li {

    padding: 7px 15px;

    margin: 0 20px 30px 20px;

    border-radius: 3px;

    border: 1px solid transparent;

    color: #fff;

    text-transform: capitalize

}



.mixed-grid .nav.black li,

.work-section .nav.black li {

    color: #171717

}



.mixed-grid .nav li.active,

.mixed-grid .nav li:hover,

.work-section .nav li.active,

.work-section .nav li:hover {

    border: 1px solid #fff;

    cursor: pointer;

    color: #fff

}



.mixed-grid .nav.black li.active,

.mixed-grid .nav.black li:hover,

.work-section .nav.black li.active,

.work-section .nav.black li:hover {

    border: 1px solid #171717;

    cursor: pointer;

    color: #171717

}



.work-section .nav-pills {

    text-align: center

}



.work-section .portfolio-grid .grid {

    max-width: 400px

}



.portfolio-grid .grid img {

    margin: 0 auto

}



.mixed-grid .nav>li,

.work-section .nav>li {

    float: none;

    display: inline-block

}



#mix-container .mix {

    display: none;

    padding: 10px

}



.figcaption {

    width: 100%

}



.figcaption {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    opacity: 0;

    text-align: center;

    color: #fff;

    padding: 20px;

    width: 100%;

    left: 0;

    right: 0

}



.figcaption i {

    color: #fff;

    padding: 10px;

    background: rgba(0, 0, 0, .8);

    border-radius: 50%

}



.portfolio-grid .grids:hover .figcaption {

    position: absolute;

    opacity: 1

}



.portfolio-grid .grids:hover img {

    opacity: .2;

    -webkit-transition: all .2s ease-out;

    transition: all .2s ease-out

}



.portfolio-grid .grid {

    position: relative;

    background-color: #000

}



.img-overlay {

    background: none repeat scroll 0 0 rgba(0, 0, 0, .4);

    bottom: 0;

    left: 0;

    opacity: 0;

    position: absolute;

    right: 0;

    top: 0;

    transition: all .2s ease-out 0s

}



.widget .img-overlay {

    display: none

}



.grid-item:hover .figcaption,

.grid-item:hover .img-overlay {

    opacity: 1

}



.project-meta {

    margin-bottom: 20px

}



.grid-list .grids {

    border-bottom: 1px solid rgba(0, 0, 0, .2);

    padding-bottom: 40px!important;

    margin-bottom: 30px!important

}



.grid-list .title {

    margin-bottom: 8px

}



.grid-list .description {

    margin-bottom: 15px;

    font-style: italic;

    font-size: 12px

}



.single-product {

    border: 1px solid rgba(0, 0, 0, .1);

    border-radius: 0;

    overflow: hidden;

    position: relative

}



.zoom-product-thumb {

    text-align: center;

    border-top: 1px solid rgba(0, 0, 0, .1)

}



.zoom-product-thumb img {

    display: inline-block;

    width: 80px

}



.zoomContainer img,

.zoomWrapper img {

    width: 100%

}



.zoomWindow {

    border: none!important;

    box-shadow: 0 0 5px rgba(0, 0, 0, .15);

    z-index: 99!important

}



.product-regulator {

    display: inline-block;

    margin-bottom: 40px;

    vertical-align: top

}



.product-regulator button {

    border: 1px solid #e1e1e1;

    border-radius: 0;

    color: #1e1e1e;

    height: 54px;

    padding: 15px 12px;

    display: inline-block

}



.product-regulator #output {

    color: #7f7f7f;

    display: inline-block;

    height: 54px;

    padding: 15px 12px;

    text-align: center;

    vertical-align: top;

    width: 80px;

    border: 1px solid #e1e1e1

}



.product-meta-details {

    border-top: 1px solid rgba(0, 0, 0, .1);

    padding-top: 15px;

    font-size: 14px

}



.grid-col-2 .grid-item,

.grid-col-2 .grid-sizer {

    margin: 0 0;

    padding: 0 0;

    width: 50%

}



.grid-col-2 .grid-item .post {

    padding: 0 30px 0 0

}



.grid-col-3 .grid-item,

.grid-col-3 .grid-sizer {

    margin: 0 0;

    padding: 0 0;

    width: 33.3%

}



.grid-col-4 .grid-item,

.grid-col-4 .grid-sizer {

    margin: 0 0;

    width: 25%

}



.grid-col-5 .grid-item,

.grid-col-5 .grid-sizer {

    margin: 0 0;

    width: 20%

}



.grid-col-6 .grid-item,

.grid-col-6 .grid-sizer {

    margin: 0 0;

    width: 16%

}



.pad.mixed-grid .grid-col-6 .img-overlay {

    margin: 14px

}



.pad.mixed-grid .grid-col-6 .item .img-overlay {

    margin: 7px

}



.pad.mixed-grid .grid-col-6 .figcaption {

    padding: 15px 26px

}



.grid-col-6 .grid-item h4,

.grid-col-6 .grid-sizer h4 {

    font-size: 13px;

    margin-bottom: 5px

}



.pad.mixed-grid {

    margin: 0 -15px

}



.pad.mixed-grid .grid-item {

    padding: 8px

}



.pad.mixed-grid .img-overlay {

    margin: 25px

}



.pad.mixed-grid .item .img-overlay {

    margin: 17px

}



.pad.mixed-grid .figcaption {

    padding: 15px 30px

}



.gallery-item {
    overflow: hidden;
    position: relative;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    margin: 0px 0;
}
.gallery-item .gallery-image {
    padding: 0 0;
    border-right: solid 1px #fff;
    border-top: solid 1px #fff;
}
.gallery-item .gallery-image figure{
	overflow: hidden;
}
.gallery-item .gallery-image img {
    width: 100%;
    object-fit: cover;
    transition: all 1s ease;
    height: 220px;
}
.gallery-item .gallery-image img:hover{
	transform: scale(1.1, 1.2);
}
.gallery-item .gallery-title {

    padding: 0px 10px 10px 10px;

    background-color: #fff;

    text-align: center;

    color: #333;
    height: 98px;

}

.gallery-item:hover .gallery-item-overlay {

    display: block;

    -webkit-transition: all .3s ease-in-out 0s;

    -moz-transition: all .3s ease-in-out 0s;

    -o-transition: all .3s ease-in-out 0s;

    transition: all .3s ease-in-out 0s

}



.gallery-item-overlay {

    position: absolute;

    top: 5%;

    left: 5%;

    padding: 80px 0;

    background-color: rgba(0, 0, 0, .4);

    display: none;

    width: 90%;

    height: 90%;

    -webkit-transition: all .8s ease-in-out 0s;

    -moz-transition: all .8s ease-in-out 0s;

    -o-transition: all .8s ease-in-out 0s;

    transition: all .8s ease-in-out 0s

}



.gallery-item-overlay .overlay-content {

    position: relative;

    color: #fff;

    text-align: center;

    z-index: 9999;

    -webkit-transition: all .8s ease-in-out 0s;

    -moz-transition: all .8s ease-in-out 0s;

    -o-transition: all .8s ease-in-out 0s;

    transition: all .8s ease-in-out 0s

}



.gallery-item-overlay .overlay-content ul {

    list-style-type: none;

    text-align: center;

    z-index: 99999

}



.gallery-item-overlay .overlay-content ul li {

    display: block;

    font-size: 18px;

    color: #fff;

    padding: 8px 0

}



.gallery-item-overlay .overlay-content ul li a {

    color: #fff;

    padding: 5px 20px;

    display: inline-table

}



.gallery-item-overlay .overlay-content ul li a:hover {

    color: #fff;

    padding: 5px 20px;

    text-decoration: none

}



.recent-post-big {

    border: 1px solid #ebebeb

}



.recent-post-big .recent-image-big {

    padding: 0 0

}



.recent-image-big img {

    padding: 0 0;

    width: 100%;

    min-height: 180px;

    max-height: 180px;
    object-fit: cover;

}



.recent-post-big .recent-post-contant {

    padding: 10px 10px

}



.recent-post-big .recent-post-contant h2 {

    line-height: 18px;

    margin-top: 0

}



.recent-post-big .recent-post-contant h2 a {

    color: #333;

    font-size: 20px;

    line-height: 25px

}



.recent-post-big .recent-post-contant h2 a:hover {

    text-decoration: none

}



.recent-post-content {

    padding: 0 0

}



.recent-post-content h3 {

    margin-top: 0

}



.recent-post-content .recent-title {

    padding: 0 0;

    color: #333

}



.recent-post-content .recent-title a {

    color: #333

}



.recent-post-content .post-detail {

    position: relative;

    margin-bottom: 5px;

    margin-top: 15px

}



.recent-post-content .post-detail li {

    display: inline-block;

    padding: 0 20px 0 0

}



.recent-post-content .post-detail li a {

    color: #333;

    font-size: 12px;

    font-style: italic

}



.recent-post-content .post-detail li a:hover {

    text-decoration: none;

    color: #35bcef

}



.recent-post-content .post-detail i {

    color: #35bcef

}



.post-btn {

    background-color: #35bcef;

    border: 2px solid #35bcef;

    padding: 8px 30px;

    margin-top: 3px;

    display: inline-table;

    color: #333

}



.post-btn:hover {

    background-color: transparent;

    border: 2px solid #35bcef;

    color: #35bcef

}



.comment-title {

    margin: 0 0 30px 0

}



.comment-title h4 {

    text-transform: uppercase

}



.comment-title i {

    color: #35bcef

}



.comment-box {

    position: relative;

    margin: 0 0 30px 0;

    padding: 0 0 50px 110px;

    border-bottom: 1px solid #d0d0d0

}



.comment-box .author-thumb {

    position: absolute;

    left: 0;

    top: 0;

    width: 90px;

    height: 90px;

    border: 1px solid #d0d0d0

}



.comment-box .author-thumb img {

    width: 100%;

    height: 100%;

    display: block

}



.comment-box .comment-info {

    margin-bottom: 10px;

    color: #666

}



.comment-box .comment-info a {

    color: #35bcef

}



.comment-form {

    position: relative

}



.comment-title {

    margin: 30px 0 30px 0

}



.comment-title h4 {

    text-transform: uppercase

}



.comment-form input[type=text],

input[type=email],

textarea {

    position: relative;

    display: block;

    width: 100%;

    line-height: 25px;   

    border: 1px solid #ddd;

    background-color: #fff;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

    -moz-transition: all .5s ease

}



.testimonial-icon {

    width: 100px!important;

    height: 100px!important;

    border-radius: 100%;

    border: 3px solid #fff;

    margin: 5px auto

}



.testimonial-text {

    text-align: center;

    color:#000;

}



.testimonial-author h4 {

    color:#000;

    text-align: center;

}



.sidebar {

    position: relative;

    display: block;

    padding: 0 0

}



.sidebar .widget {

    margin-bottom: 50px;

    border: 1px dotted #e0e0e0;

    padding: 15px 15px

}



.widget-text p {

    padding: 0 0

}



.sidebar .widget-title {

    font-size: 18px;

    line-height: 22px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .5px;

    margin-bottom: 25px

}



.widget-categories {

    position: relative

}



.widget-categories ul {

    padding: 0;

    margin: 0

}



.widget-categories ul li {

    list-style-type: none;

    position: relative;

    padding: 0 35px 10px 20px;

    border-bottom: 1px dotted #e0e0e0;

    margin-bottom: 10px

}



.widget-categories ul li:before {

    position: absolute;

    top: 0;

    left: 0;

    font-family: FontAwesome;

    font-size: 16px;

    line-height: 26px;

    content: '\f105'

}



.widget-categories ul li a {

    font-weight: 400;

    color: #666

}



.widget-categories ul li a:hover {

    text-decoration: none;

    color: #35bcef

}



.widget-tags {

    position: relative

}



.widget-tags li {

    display: inline-block;

    background-color: #35bcef;

    padding: 3px 10px 3px 10px;

    margin: 5px 0 0 0;

    border: 2px solid #35bcef

}



.widget-tags li:hover {

    border: 2px solid #35bcef;

    background-color: transparent;

    color: #35bcef;

    text-decoration: none

}



.widget-tags li:hover a {

    color: #35bcef;

    text-decoration: none

}



.widget-tags li a {

    color: #fff;

    font-weight: 400;

    font-size: 13px

}



.team-section {

    padding: 0 0 40px 0

}



.section-title {

    position: relative;

    text-align: center;

    padding-bottom: 0

}



.section-title h1 {

    font-size: 24px;

    text-transform: uppercase;

    font-weight: 700;

    margin-bottom: 0

}



.team-content {

    padding: 15px 206px;

    line-height: 21px

}



.team-content p {

    font-size: 14px;

    text-align: center

}



.page-section {

    padding: 0 0;

    display: block;

    overflow: hidden;

    position: relative;

    width: 100%

}



.team {

    padding: 20px 0 0 0;

    overflow: hidden
}
.team-box-section {

    padding: 0 30px

}

.team-inner-title {
   padding: 19px 0 0 0px;

}
.team-inner-title h4 {

    font-size: 18px;

    letter-spacing: 1px;

    text-transform: uppercase;

    text-align: center;

    margin: 0

}



.team-inner-title p {

    text-align: center;

    text-transform: capitalize;

    margin: 0;

    padding: 0;

    color: #999

}



.team-inner-image {

    padding: 15px 0 0 0

}



.team-inner-image img {

    width: 100%;

    min-height: 200px;

    max-height: 200px;
    object-fit: cover;

}



.team-inner-image p {

    font-size: 14px;

    text-align: center;

    margin: 0;

    color: #999;

    position: relative;

    top: 15px;

}



.team-icons {

    padding: 10px 0 0 0

}



.team-icons ul {

    list-style: none;

    text-align: center

}



.team-icons ul li {

    display: inline-block;

    padding: 0 5px;

    font-size: 18px;

    font-weight: 700

}



.team-icons ul li:first-child::before {

    content: "";

    position: absolute;

    width: 50px;

    height: 1px;

    background-color: #333;

    left: 45px;

    bottom: 22px

}



.team-icons ul li:last-child::before {

    content: "";

    position: absolute;

    width: 50px;

    height: 1px;

    background-color: #333;

    right: 45px;

    bottom: 22px

}



.team-icons ul li a {

    color: #333

}



.team-icons ul li a:hover {

    color: #35bcef

}



.modal {

    display: none;

    position: fixed;

    z-index: 1;

    padding-top: 100px;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: #000

}



.modal-content {

    position: relative;

    background-color: #fefefe;

    margin: auto;

    padding: 0;

    width: 50%;

    max-width: 1200px

}



.close {

    color: #fff;

    position: absolute;

    top: 10px;

    right: 25px;

    font-size: 35px;

    font-weight: 700

}



.close:focus,

.close:hover {

    color: #999;

    text-decoration: none;

    cursor: pointer

}



.mySlides {

    display: none

}



.cursor {

    cursor: pointer

}



.next2,

.prev2 {

    cursor: pointer;

    position: absolute;

    top: 50%;

    width: auto;

    padding: 16px;

    margin-top: -50px;

    color: #fff;

    font-weight: 700;

    font-size: 20px;

    transition: .6s ease;

    border-radius: 0 3px 3px 0;

    user-select: none;

    -webkit-user-select: none

}



.next2 {

    right: 0;

    border-radius: 3px 0 0 3px

}



.next2:hover,

.prev2:hover {

    background-color: rgba(0, 0, 0, .8)

}



.numbertext {

    color: #f2f2f2;

    font-size: 12px;

    padding: 8px 12px;

    position: absolute;

    top: 0

}



img {

    margin-bottom: -4px

}



.caption-container {

    text-align: center;

    background-color: #000;

    padding: 2px 16px;

    color: #fff

}



.demo {

    opacity: .6

}



.active,

.demo:hover {

    opacity: 1

}



img.hover-shadow {

    transition: .3s

}



.hover-shadow:hover {

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)

}



.feature-service1 {

    padding: 24px;

    background: #fff;

    text-align: center;

    position: relative;

    margin-top: 62px

}



.feature-service1 img {

    margin: 0 auto

}



.feature-service1 a:hover {

    text-decoration: none

}



.feature-service1 h1 {

    text-align: center;

    font-size: 28px;

    font-weight: 600;

    color: #333;

    margin-top: 15px!important;

    text-transform: capitalize;

    

}
.specialties{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 1452px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
    margin: 50px 0;
}

.specialties.new{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 1452px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
    margin: 50px 0;
     background-image: url(https://themenick.in/project/cgtt/cms/resources/media/newbanner/1609941291_new1_0.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-position:top;
}
.specialties.new article{
	z-index: 9;
}
.specialties.new pre{
	z-index: 9;
}
/*.specialties.new::before{
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background-color: rgba(19, 56, 136, 0.7);
  top: 0px;

}*/
.specialties article{
    width: 18%;
    border-radius: 24px;
    text-align: center;
    margin-left: 1%;
    margin-right: 1%;
    height: 180px;
    margin-top: 20px;
    overflow: visible;
    display: inline-block;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    border: solid 2px #ff6600;   
    transition: all 1s ease;
    background-color: #fff;
}
.specialties article:hover {
    transform: scale(0.9);
    box-shadow: #ff6600 5px 5px;
}
.specialties p{
    font-size: 17px;
    padding-bottom: 20px;
    font-weight: 400;
}
.tourism-vehicle img {
    margin-left: 23px;
    margin-top: 23px;
    object-fit: initial;
    height: 40vh;
}
.tourism-vehicle {
    display: flex;
    flex-direction: column;
}
.card-section ul li {
    font-size: 19px;
    width: 58vw;
}