@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Playfair+Display:400,700');
@charset "utf-8";

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: 'Archivo', sans-serif;

    font-size: 14px;

    color: #666;

    line-height: 20px;

    font-weight: 400;

    background: #fff;

    margin: 0;

    padding: 0

}



* {

      font-family: 'Archivo', sans-serif;

}



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;
   
   font-family: 'Bebas Neue', cursive;	

}



.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 {

    position: relative;

    padding: 0 0

}



.btn-blue {

    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: linear-gradient(to bottom, #1bc4de 0, #1bc4de 48%, #18b0c7 48%, #18b0c7 100%);

    padding: 10px 30px;

    color: #fff;

    text-transform: capitalize;

    font-weight: 700

}



.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;
   margin-top: 40px;
    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: #000;

    font-size: 16px

}
.top-bar {

    background-color: #fff;

   padding: 0px 0 0px 0;

    max-width: 100%;

    margin: auto;

}
.page-content-banner {

    position: relative;

    height: 200px;

    padding: 0;

    background-size: cover;
   margin-top: 40px;
    background-position: center

}



.page-content-banner h1 {

    text-shadow: 1px 1px 3px #000;
    text-align: center;
    color: #fff;
    position: relative;
    top: 70px; 
	display:none;

}
/*.page-content-banner h1:first-child::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 50px;*/
/*    height: 1px;*/
/*    background-color: #fff;*/
/*    left: 42rem;*/
/*    bottom: 15px;*/
/*}*/

/*.page-content-banner h1:last-child::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 50px;*/
/*    height: 1px;*/
/*    background-color: #fff;*/
/*    left: 66rem;*/
/*    bottom: 15px;*/
/*}*/
.top-bar-section {
    position: absolute;
   padding: 20px 100px;
   width: 100%;

}



.logo-section {

    padding: 0 0

}



.logo-section img {
        /*padding: 4px 87px 0px 0px;*/
         /*width: 100%; */
        margin-top: -10px;
        /*margin-left: 19px;*/

}



.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: 0 0;

     background:transparent;

    max-width: 100%;

    margin: auto;

    margin-bottom: 0px;

}

.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: 0px;

    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: #000;

}
.menu-section .hamberger span {
    color: #fff;
    float: right;
    text-transform: uppercase
}
.menu-section ul {
    float: right;
    padding: 15px 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: 15px 0px;

    display: inline-block;

    font-size: 14px;

    text-transform: capitalize;

    position: relative;
    color: dodgerblue;
    left: 10px;

}
.menu-section ul li:hover {

    color: #df6512;  

}
.menu-section ul li a {

    color: #fff;

   padding: 14px 30px;

    font-size: 15px;

   font-weight: 500;

    line-height: 35px;

    opacity: 1;

    transition: all 300ms ease;

    text-transform: uppercase;

}



.menu-section ul li a.active {
 color: red;
}

/*.top-list>li>a:before {*/

/*    background-color: #b1dcf9;*/

/*}*/

/*.top-list>li>a:before{*/

/*  content: '';*/

/*    position: absolute;*/

/*    top: 50%;*/

/*    right: 10px;*/

/*    height: 20px;*/

/*    width: 4px;*/

/*    opacity: .3;*/

/*    display: block;*/

/*    margin-top: -10px;  */

/*}*/

.top-list>li:last-child a:before{
  display:none;    
}

.menu-section ul li a:hover {

   color: #c65028;

    text-decoration: none

}
.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: 30px;

    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: #7f7e7e;

    position: relative;

   left: 10px;

}
.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: 400px;
    padding: 5px 0px;
    letter-spacing: 2px;
    text-align: left;

    margin-left: -10px;

    /*border-top: 1px solid #000;*/

    background:#c65028;

   

}



.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: 10px 20px

}



.section-default ul {

    list-style-type: disc;

    padding-left: 40px;

    /*list-style-image: url(../images/icon/li-icon-aero.png)*/

}



.section-default ul li {

    padding: 5px 10px

}



.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: 30px;

    line-height: 40px;

    /*padding-bottom: 15px;*/

    /*padding-top: 10px;*/

    left:0px

}



.section-default h3 {

    font-size: 24px;

    line-height: 32px;

    padding-bottom: 15px;

    padding-top: 10px

}



.section-default h4 {

    font-size: 21px;

    line-height: 30px;

    left:0px

}



.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: 300px;

    border-radius: 10px;

    margin-bottom: 5px;

    padding: 0 5px!important

}



.pageclass img {

    max-width: 100%;

    width: 100%;

    border-radius: 10px

}



.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: 1px 0 0 0;

    /*float: left;*/
   text-align: center;
        color: #000;
        font-size: 20px;

}



.footer-content p {

    padding-top: 17px

}



.powered {

    padding: 0 0 5px 0;

    float: right;

    color: #fff;

}
.foo-list ul li p {

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

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

    padding: 20px 0;

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

    list-style: none;

    display: flex

}
.foo-social ul li {

   font-size: 18px;

    margin-right: 5px;

    margin-top: 20px;

    text-align: center;

    width: 45px;

    height: 45px;

    /*background: #ff5e14;*/

    border-radius: 0;

    line-height: 45px;

    -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-section {

    padding: 50px 0 30px 0;

   color: #9ca5af;

    background: #fff;

    position: relative;

    clear: left;

    max-width: 1366px;

    margin: auto;

}



.address ul li {

    color: rgba(255, 255, 255, .5);
    margin-bottom: 10px;
    font-size: 15px;

}



.link-list li a {

    color: rgba(255, 255, 255, .5);

    padding: 5px 0;

    line-height: 26px!important

}



.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;

    text-transform: uppercase;

    color: #fff!important;

    font-weight: 600;

    margin-bottom: 30px;

}



.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: 40px 0;

    color: #000;

    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

}



.contact-information {

    position: relative;

    display: block

}



.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 0;

    text-align: center

}



.feature-service img {

    width: 100%;

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

    height: auto;

    margin: 0 auto

}



.feature-service h1 {

    /*text-align: center;*/

    font-size: 20px;

    font-weight: 600;

    text-transform: capitalize

}



.feature-service p {

   color: #777777;

    font-size: 14px;

    font-weight: 300;

    line-height: 1.625em;

    position: relative;

}



.helpline {

    width: 100%;

    height: auto;

    padding: 10px 0 10px 0;

    background-color: #35bcef;

    margin-bottom: 30px

}



.gallery-item {

    padding: 20px 0

}



.gallery-item img {

    width: 100%;

    min-height: 200px;

    max-height: 200px

}



.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 {

    position: relative;

    padding: 0 0;

    margin: 15px 0

}



.gallery-item .gallery-image {

    padding: 0 0

}



.gallery-image img {

    width: 100%;

    min-height: 200px;

    max-height: 200px

}



.gallery-item .gallery-title {

    padding: 15px 10px;

    background-color: #d5d5d5;

    text-align: center;

    color: #333

}



.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;
    height: 175px;
}



.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: 18px;
     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;

    padding: 12px 20px;

    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;

    

}