address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block

}



input:focus,

textarea:focus {

    outline: none

}



body {

    line-height: 1

}



blockquote,

q {

    quotes: none

}



blockquote:before,

blockquote:after {

    content: "";

    content: none

}



q:before,

q:after {

    content: "";

    content: none

}



body {

	opacity: 0;

	transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);

}



body.dom-ready {

	opacity: 1;

}



img {

	max-width: 100%;

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



body {

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

    font-size: 17px;

    line-height: 1.60em;

    background: #f1f1f1;

}



p {

	color: #7d7d7d;

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

    font-size: 15px;

    line-height: 24px;

    margin: 0 0 25px

}



h1, h2, h3, h4, h5, h6 {

    line-height: 1.5em;

    margin: 0 0 0.60em;

    font-weight: 300;

    color: #3c3c3c;

}



a,

a:after {

    transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);

    color: inherit

}



a:hover {

	text-decoration: none;

    color: inherit;

    outline: none;

}



code,

pre {

  background: #f1f1f1;

  color: #fff;

}



code {

  padding: 2.5px 5px;

}



pre {

  padding: 12.5px 22.5px;

  margin: 0 0 20px;

}



dl {

  margin: 0 0 25px;

}

dl dt {

  font-weight: 700;

}

dl dd {

  margin-bottom: 10px;

  padding-left: 12.5px;

}



address {

  border: 4px dashed rgba(129, 121, 109, 0.3);

  display: block;

  max-width: 400px;

  line-height: 1.65em;

  font-style: italic;

  padding: 20px 30px;

  font-size: 18px;

  margin-bottom: 20px;

}



table,

td,

th {

  border: 1px solid #f1f1f1;

}



table {

  table-layout: fixed;

  text-align: left;

  margin: 0 0 25px;

  width: 100%;

}

table td,

table th {

  padding: 5px 12.5px;

}

table thead th {

  background: #f1f1f1;

  color: #ffffff;

}

table thead tr th:not(:first-of-type):not(:last-of-type) {

  border-right: 1px solid #ffffff;

  border-left: 1px solid #ffffff;

}

table thead tr th:first-of-type {

  border-right: 1px solid #ffffff;

}

table thead tr th:last-of-type {

  border-left: 1px solid #ffffff;

}



.wp-caption,

.wp-caption-text,

.sticky,

.screen-reader-text,

.gallery-caption,

.bypostauthor {}



input[type="text"],

input[type="email"],

input[type="number"],

input[type="password"],

input[type="submit"],

input[type="search"],

input[type="button"],

textarea,

button {

    -webkit-appearance: none;

    transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);

    border-radius: 0;

    outline: none

}



.aligncenter {

    text-align: center !important;

}



.alignleft {

    text-align: left !important;

}



.alignright {

    text-align: right !important;

}



.flexcenter {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.flexcenter-nj {

    position: relative;

    display: flex;

    align-items: center;

}



.text-white {

    color: #fff !important;

}



.bg-grey {

    background: #f8f8f8;

}



.no-padding {

    padding: 0 !important;

}



.no-margin {

    margin: 0 !important;

}



.row-fit-60 {

  margin: 0 -30px;

}



.row-fit-60 > [class*="col-"] {

  padding: 0 30px;

}



.vc_section.has-container {

    padding-left: 0;

    padding-right: 0;

}



html .vc_section {

    margin-left: 0;

    margin-right: 0;

}



html .row-fit {

  margin: 0;

}

html .row-fit [class*="col-"],

html .row-fit .vc_column_container > .vc_column-inner {

  padding: 0;

}

html .row-fit [class*="col-"] .vc_row,

html .row-fit .vc_column_container > .vc_column-inner .vc_row {

  margin: 0 !important;

}



html .row-fit-10 {

  margin: 0 -5px;

}

html .row-fit-10 [class*="col-"],

html .row-fit-10 .vc_column_container > .vc_column-inner {

  padding: 0 5px;

}

html .row-fit-10 [class*="col-"] .vc_row,

html .row-fit-10 .vc_column_container > .vc_column-inner .vc_row {

  margin: 0 !important;

}



html .row-fit-40 {

  margin: 0 -20px;

}

html .row-fit-40 [class*="col-"],

html .row-fit-40 .vc_column_container > .vc_column-inner {

  padding: 0 20px;

}

html .row-fit-40 [class*="col-"] .vc_row,

html .row-fit-40 .vc_column_container > .vc_column-inner .vc_row {

  margin: 0 !important;

}



/* Transitions */

header .main-header .search-form-wrapper .search-form-trigger,

.feature-item,

.project-item .cover:before,

.project-item .cover ul,

.project-item .title,

.faq-item .title,

.blog-post-item,

.blog-post-item .cover:before,

.blog-post-item .cover ul,

.team-member,

.team-member .cover:before,

.team-member .cover ul,

.portfolio-item .cover:before,

.portfolio-item .cover ul,

.portfolio-item .hover,

.portfolio-item-big .cover:after,

.portfolio-item-big .hover {

	transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);

}



/* Buttons */

.btn.style-1 {

	background: #42515d;

	border-radius: 30px;

	color: #ffffff;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 0.15em;

	padding: 15px 30px;

	font-size: 15px;

}



.btn.style-1:hover {

	background: #bf9d29;

}



.btn.style-2 {

    background: #f8f8f8;

    border-radius: 6px;

    color: #626262;

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 0.15em;

    padding: 10px 30px;

    font-size: 15px;

}



.btn.style-2:hover {

    background: #42515d;

    color: #fff;

}



/* Header */

header .top-bar {

	background: #475765;

	padding: -1px 0 12px;

}



header .wrap {

	position: relative;

	display: flex;

	align-items: center;

    justify-content: space-between;

}



header .top-bar ul li {

	display: inline-block;

	font-size: 15px;

	line-height: 1em;

}



header .top-bar ul.contact li {

	color: #d7b74a;

	font-weight: 500;

	text-transform: uppercase;

	margin-right: 10px;

}



header .top-bar ul.contact li:last-child {

	margin: 0;

}



header .top-bar ul.social {

	display: block;

	margin-left: auto;

}



header .top-bar ul.social li {

	margin-right: 5px;

}



header .top-bar ul.social li:last-child {

	margin: 0;

}



header .top-bar ul li a:hover {

	color: #bf9d29;

}



header .main-header {

	background: #42515d;

}



header .main-header .wrap {

	padding: 7px 0;

}



header .main-header .main-nav {

    position: relative;

    margin: 0 0 0 auto

}



header .main-header .main-nav ul {

    list-style-type: none;

    padding: 0;

    margin: 0;

    text-transform: uppercase;

    font-weight: 500;

    font-size: 15px;

    color: #d7b74a

}



header .main-header .main-nav ul li {

    display: inline-block;

    list-style-type: none;

}



header .main-header .main-nav ul li:not(:last-child) {

    margin-right: 30px;

}



header .main-header .main-nav ul li>a {

	position: relative;

	padding: 9px;

}



header .main-header .main-nav ul li>a:hover {

    color: #bf9d29

}



header .main-header .main-nav ul li.current-menu-item a:after {

	content: "";

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	height: 2px;

	background: #d7b74a;

}



header .main-header .main-nav ul li>a:hover:after {

	background: #bf9d29;

}



header .main-header .main-nav ul li.menu-item-has-children {

    position: relative

}



header .main-header .main-nav ul li.menu-item-has-children > a{

	padding-right: 15px;

}



header .main-header .main-nav ul li.menu-item-has-children > a:before {

    content: "\e904";

    font-family: icomoon;

    position: absolute;

    font-weight: normal;

    font-size: 12px;

    right: 0;

    top: 4px;

    transform: rotate(90deg);

    opacity: 0.7;

}



header .main-header .main-nav ul li.menu-item-has-children:hover>a {

    color: #bf9d29

}



header .main-header .main-nav ul li.menu-item-has-children:hover>.sub-menu {

    transform: translate(-50%, 0);

    visibility: visible;

    opacity: 1

}



header .main-header .main-nav ul li .sub-menu {

    transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);

    transform: translate(-50%, -30px);

    visibility: hidden;

    position: absolute;

    text-align: center;

    padding: 14px 0 0;

    line-height: 1em;

    width: 190px;

    z-index: 3;

    opacity: 0;

    top: 100%;

    left: 50%;

    color: #3c3c3c;

}



header .main-header .main-nav ul li .sub-menu li {

    display: block;

    width: 100%;

    padding: 10px 0;

    background: #fff;

    text-align: left;

}



header .main-header .main-nav ul li .sub-menu li:first-child {

	-webkit-border-top-left-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-topright: 5px;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

	padding-top: 25px;

}



header .main-header .main-nav ul li .sub-menu li:last-child {

	-webkit-border-bottom-right-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-moz-border-radius-bottomright: 5px;

	-moz-border-radius-bottomleft: 5px;

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

	padding-bottom: 25px;

}



header .main-header .main-nav ul li .sub-menu li a {

	padding: 0 10px 0 30px;

	display: inline-block;

}



header .main-header .main-nav ul li .sub-menu li a:after {

	content: "";

	position: absolute;

    width: 20px;

    height: 2px;

    background: #42515d;

    opacity: 0;

    top: 50%;

    left: 0;

    right: auto;

    bottom: auto;

    transform: translateY(-50%);

}



header .main-header .main-nav ul li .sub-menu li a:hover:after {

	opacity: 1;

}





header .main-header .navigation-toggle {

    display: none;

    cursor: pointer;

    padding: 2px;

    margin: 0 0 0 auto;

}



header .main-header .navigation-toggle .icon {

    position: relative;

    display: block;

    background: #fff;

    height: 2px;

    width: 25px;

    margin: 8px 0;

    transition: all 200ms ease-in-out;

}



header .main-header .navigation-toggle .icon:before,

header .main-header .navigation-toggle .icon:after {

    position: absolute;

    content: "";

    height: 2px;

    background: #fff;

    width: 25px;

    transition: all 200ms ease-in-out;

}





header .main-header .navigation-toggle:hover .icon,

header .main-header .navigation-toggle:hover .icon:before,

header .main-header .navigation-toggle:hover .icon:after  {

    background: #d7b74a;

}





header .main-header .navigation-toggle .icon:before {

    top: -6px;

}



header .main-header .navigation-toggle .icon:after {

    bottom: -6px;

}



header .main-header .search-form-wrapper form {

	position: absolute;

    right: 32px;

   	top: 50%;

	transform: translateY(-50%);

    max-width: 250px;

    width: 100%;

    visibility: hidden;

    opacity: 0;

    transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);

}



header .main-header .search-form-wrapper form input {

	background: none;

	outline: none;

    border: none;

    border-bottom: 2px solid #fff;

    color: #fff;

    font-size: 15px;

    width: 100%;

}



header .main-header .search-form-wrapper form input::-webkit-input-placeholder {

  color: #fff;

}

header .main-header .search-form-wrapper form input::-moz-placeholder {

  color: #fff;

}

header .main-header .search-form-wrapper form input:-ms-input-placeholder {

  color: #fff;

}

header .main-header .search-form-wrapper form input:-moz-placeholder {

  color: #fff;

}



header .main-header .search-form-wrapper .search-form-trigger {

	color: #fff;

	cursor: pointer;

	font-size: 15px;

	margin-left: 20px;

}



header .main-header .search-form-wrapper .search-form-trigger:hover {

	color: #42515d;

}



.header-search-form-visible header .main-header .search-form-wrapper form {

	opacity: 1;

	visibility: visible;

}



.header-search-form-visible header .main-header .main-nav {

	opacity: 0;

	visibility: hidden;

}



@media(max-width: 992px) {

    header .main-header .navigation-toggle {

        display: block;

    }



    header .main-header .main-nav ul {

        color: #3c3c3c;

    }



    header .main-header .main-nav {

        position: absolute;

        display: block;

        background: #fff;

        top: 62px;

        z-index: 1001 !important;

        right: 0;

        padding: 15px 15px;

        min-width: 190px;

        border-radius: 5px;

        visibility: hidden;

        opacity: 0;

        transition: all 200ms ease-in-out

    }



    header .main-header .main-nav ul li {

        display: block;

        margin: 0 0 5px !important;

    }



    header .main-header .main-nav ul li.current-menu-item a:after {

        display: none;

    }



    header .main-header .main-nav ul li.menu-item-has-children > ul.sub-menu {

        padding-left: 15px;

        opacity: 1;

        visibility: visible;

        position: relative;

        background: transparent;

    }



    header.menu-visible .main-header .main-nav {

        opacity: 1;

        visibility: visible;

    }



    header .main-header .main-nav ul li .sub-menu li {

        background: none;

        padding: 5px !important;

        border-radius: 0 !important;

    }



    header .main-header .main-nav ul li.menu-item-has-children > .sub-menu {

        transform: none !important;

        padding: 5px 0 0;

        top: auto;

        left: auto;

    }





    header .main-header .main-nav ul li .sub-menu li a:after {

        display: none;

    }



    header .main-header .main-nav ul li .sub-menu li a {

        padding: 0 10px 0 0;

    }



    .rev_slider_wrapper{

      height: 328px !important;

    }

    ul.social {

	    width: 90px;

		}

    ul.socials li{

      display: block;

    }

    .main-footer .top .socials li {

			display: block !important;

			width: 90% !important;

    }

}



header .main-header.fixed {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 50;

}



/* Footer */

.main-footer .top {

    background: #42515d;

    padding: 70px 0 0px;

}



.main-footer .top .socials {

    text-align: center;

    padding: 45px 0 35px;

}



.main-footer .top .socials li {

    list-style-type: none;

    display: inline-block;

    margin-right: 10px;

    margin-bottom: 10px;

}



.main-footer .top .socials li:last-child {

    margin: 0;

}



.main-footer .top .socials li a {

    display: block;

    position: relative;

    color: #ffffff;

    font-size: 15px;

    font-weight: 300;

    border-radius: 4px;

    border: 2px solid #fff;

    padding: 21px 30px 21px 58px;

}



.main-footer .top .socials li a:hover {

    background: #fff;

    color: #3c3c3c;

}



.main-footer .top .socials li a.facebook:before {

    content: "\e905";

}



.main-footer .top .socials li a.twitter:before {

    content: "\e917";

}



.main-footer .top .socials li a.instagram:before {

    content: "\e90d";

}



.main-footer .top .socials li a:before {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 20px;

    font-family: 'icomoon';

    font-size: 25px;

}



.main-footer .bottom {

    background: #f1f1f1;

    padding: 36px 0 70px;

}



.main-footer .bottom .copyright {

    margin: 34px 0 0;

    text-align: right;

}



/* Forms */

.subscribe-form {

    position: relative;

}



.subscribe-form .input-line {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.subscribe-form h3 {

    color: #3c3c3c;

    font-size: 19px;

    line-height: 24px;

    font-weight: 600;

}



.subscribe-form .input-line input {

    color: #7d7d7d;

    font-size: 16px;

    line-height: 24px;

    width: 100%;

    border: none;

    outline: none;

    background: #ffffff;

    border-radius: 30px;

    padding: 13px 20px;

}



.subscribe-form .input-line button {

    background: #42515d;

    border-radius: 30px;

    color: #ffffff;

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 0.15em;

    padding: 12px 26px;

    font-size: 15px;

    border: none;

    outline: none;

    margin-left: -60px;

}



.subscribe-form .input-line button:hover {

    background: #696fcc;

}



.subscribe-form .result_container {

    position: absolute;

    bottom: -28px;

    font-size: 12px;

    color: red;

    left: 10px;

}



/* Widgets */

.main-footer .widget {

    margin: 0 0 30px;

}



.main-footer .widget .widget-title {

    color: #fff;

    font-weight: 400;

}



.main-footer .widget ul li {

    list-style-type: none;

    color: #fff;

    font-size: 15px;

    line-height: 24px;

}



.main-footer .widget ul li a:hover {

    color: #3c3c3c;

}



/* Hero Section */

.hero-section {

    padding: 57px 0 100px;

    background: url(../assets/hero-section-bg.png) center right no-repeat #d7b74a;

    text-align: center;

}



.hero-section h2 {

    color: #ffffff;

    font-weight: 300;

    font-size: 60px;

    line-height: 72px;

}



.hero-slider {

	background: #4558a2;

	z-index: 20;

}



.hero-slider .slides-list {

	padding: 50px 0 38px;

}



.hero-slider .slide .container>.row {

    display: flex;

    align-items: center;

}



.hero-slider .slide .hero-description h2 {

	color: #ffffff;

	font-size: 60px;

	line-height: 72px;

	font-weight: 300;

}



.hero-slider .slide .hero-description h2 b {

	font-weight: bold;

}



.hero-slider .slide .image-column {

    height: 500px;

    overflow: hidden;

}



.hero-slider .slick-arrow {

    transform: translate(0, -50%);

    position: absolute;

    line-height: 1em;

    background: 0;

    font-size: 0;

    padding: 0;

    border: 0;

    top: 50%;

    z-index: 10;

}



.hero-slider .slick-arrow:before {

    transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);

    display: inline-block;

    text-align: center;

    line-height: 1em;

    font-size: 80px;

    color: #374682;

}



.hero-slider .slick-arrow.slick-prev {

    left: 35px

}



.hero-slider .slick-arrow.slick-prev:before {

    content: "\e903";

    font-family: icomoon

}



.hero-slider .slick-arrow.slick-next {

    right: 35px

}



.hero-slider .slick-arrow.slick-next:before {

    content: "\e904";

    font-family: icomoon

}



.hero-slider .slick-arrow:hover:before {

    color: #fff;

}



.hero-slider .slick-dots {

    transform: translate(-50%, 0);

    bottom: 20px;

    left: 50%

}



.hero-slider .slick-dots li {

    display: inline-block

}



.hero-slider .slick-dots li button {

    text-align: center;

    line-height: 1em;

    font-size: 13px;

    color: #d7b74a;

    background: 0;

    padding: 0;

    border: 0;

    margin: 0

}



.hero-slider .slick-dots li button:after {

    content: "";

    transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);

    display: block;

    background: #ccb99e;

    border-radius: 4px;

    width: 22px;

    height: 6px;

    margin-top: 3px;

    opacity: 0

}



.hero-slider .slick-dots li.slick-active button:after {

    opacity: 1

}



/* Main Content */

.content-wrapper .content-box {

	position: relative;

	max-width: 1250px;

	margin: -70px auto;

	background: #fff;

	box-shadow: 0px 0px 15px 0px rgba(82, 82, 82, 0.1);

	z-index: 100;

}



.section-title {

	text-align: center;

	padding: 90px 0 50px;

}



.section-title h2,

.single-title {

	position: relative;

	color: #3c3c3c;

	font-size: 45px;

	font-weight: 300;

	line-height: 1em;

	margin: 0 0 22px;

	padding: 0 0 20px;

}



.section-title.white h2,

.section-title.white p {

    color: #fff;

}



.single-title {

    padding: 0 0 30px;

    margin: 0 0 30px;

}



.section-title h2:after,

.single-title:after {

	content: "";

	position: absolute;

	width: 35px;

	height: 2px;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

	background: #d7b74a;

}





.section-title.align-left h2:after {

    left: 3px;

    transform: none;

}



.section-title.align-right h2:after {

    right: 3px;

    transform: none;

}





.single-title:after {

    left: 0;

    transform: none;

}



.section-title h2 b {

	font-weight: 700;

}



.section-title p {

	color: #7d7d7d;

	font-size: 15px;

	line-height: 24px;

	max-width: 900px;

	margin: 0 auto;

}



.section-title.clean {

    padding: 5px 0 0;

}



.section-title.clean h2 {

    padding: 0 0 10px;

}



.section-title.clean h2:after {

    display: none;

}



/* Features Section */

.features-section {

	padding: 0 0 45px;

}



.feature-item {

	text-align: center;

	padding: 25px 30px;

	margin: 0 0 25px;

}



.feature-item:hover {

    box-shadow: 0px 0px 24px 0px rgba(69, 88, 162, 0.1);

}



.feature-item i {

	display: block;

	margin: 0 0 28px;

	color: #42515d;

	font-size: 65px;

	line-height: 1em;

}



.feature-item h3 {

	color: #3c3c3c;

	font-size: 15px;

	font-weight: 500;

	text-transform: uppercase;

	margin: 0 0 20px;

}



.feature-item p {

	margin: 0;

}



/* About Section */

.about-section {

    background: #f8f8f8;

    padding: 75px 0;

}



.about-section-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



/* Team Section */

.team-section {

    padding: 0 0 30px;

}



.team-member {

    text-align: center;

    padding: 0 0 20px;

    margin: 0 0 40px;

}



.team-member:hover {

    box-shadow: 0px 0px 24px 0px rgba(69, 88, 162, 0.1);

    transform: translateY(-15px);

}



.team-member .cover {

    position: relative;

    margin: 0 0 25px;

}



.team-member .cover img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.team-member .cover:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(255,255,255,0.5);

    opacity: 0;

}



.team-member .cover ul {

    position: absolute;

    list-style-type: none;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    opacity: 0;

    margin-top: -6px;

    width: 100%;

}



.team-member .cover ul li {

    display: inline-block;

    margin-right: 20px;

}



.team-member .cover ul li:last-child {

    margin: 0;

}



.team-member .cover ul li a {

    display: block;

    color: #fff;

    width: 54px;

    height: 54px;

    background: #42515d;

    border-radius: 50%;

    text-align: center;

    line-height: 54px;

    -webkit-box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    -moz-box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

}



.team-member .cover ul li a:hover {

    background: #fff;

    color: #42515d;

}



.team-member .cover:hover:before,

.team-member .cover:hover ul  {

    opacity: 1;

    margin: 0;

}



.team-member h3,

.team-member .position {

    color: #3c3c3c;

    font-weight: 500;

    font-size: 15px;

    line-height: 22px;

    margin: 0;

}



/* Skills Section */

.skills-section {

    background: #f8f8f8;

    padding: 0 0 55px;

}

.skill-item {

    margin: 0 0 85px;

}



.skill-item i {

    color: #8186f2;

    font-size: 30px;

}



.skill-item h4 {

    color: #3c3c3c;

    font-weight: 600;

    font-size: 15px;

    text-transform: uppercase;

    margin: 14px 0 10px;

}



.skill-item p {

    margin: 0;

}



/* Projects Section */

.project-item {

    margin: 0 0 35px;

}



.project-item .cover {

    position: relative;

    display: block;

    margin: 0 0 5px;

}



.project-item .cover img {

    width: 100%;

    object-fit: cover;

    max-height: 260px;

}



.project-item .cover:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(255,255,255,0.5);

    opacity: 0;

}



.project-item .cover ul {

    position: absolute;

    list-style-type: none;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    opacity: 0;

    margin-top: -6px;

}



.project-item .cover ul li {

    display: inline-block;

    margin-right: 20px;

}



.project-item .cover ul li:last-child {

    margin: 0;

}



.project-item .cover ul li a {

    display: block;

    color: #fff;

    width: 54px;

    height: 54px;

    background: #42515d;

    border-radius: 50%;

    text-align: center;

    line-height: 57px;

    -webkit-box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    -moz-box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    font-size: 25px;

}



.project-item .cover ul li a:hover {

    background: #fff;

    color: #42515d;

}



.project-item .title {

    display: block;

    text-align: center;

    opacity: 0;

    visibility: hidden;

    color: #3c3c3c;

    font-size: 15px;

    line-height: 24px;

    font-weight: 500;

}



.project-item .title:hover {

    color: #42515d;

}



.project-item:hover .cover ul,

.project-item:hover .cover:before {

    opacity: 1;

    margin: 0;

}



.project-item:hover .title {

    opacity: 1;

    visibility: visible;

}



/* FAQ */

.faq-section {

    background: #323439;

    padding: 72px 0 60px;

}



.faq-item .title {

    position: relative;

    color: #ffffff;

    font-size: 19px;

    line-height: 24px;

    font-weight: 500;

    padding: 0 0 14px;

    margin: 0 0 14px;

    cursor: pointer;

}



.faq-item .title:hover {

    color: #42515d;

}



.faq-item .title:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    height: 3px;

    width: 0;

    background: #42515d;

    transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);

}



.faq-item .description {

    display: block;

    color: #ececec;

    border-bottom: 1px solid #47494d;

    transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);

    visibility: hidden;

    opacity: 0;

    height: 0;

    padding: 0;

    margin: 0;

}



.faq-item.active .title {

    color: #42515d;

}





.faq-item.active .title:after {

    width: 100%;

}



.faq-item.active .description {

    visibility: visible;

    opacity: 1;

    height: 100%;

    padding: 0 0 25px;

    margin: 0 0 25px;

}



/* Preview Section */

.carousel-section {

    padding: 0 0 65px;

}



.preview-carousel {

    position: relative;

    padding: 35px 0;

}



.preview-carousel .slick-list {

    margin: 0 100px;

}



.preview-carousel li {

    padding-left:  30px;

    padding-right: 30px;

}



.preview-carousel li img {

    display: block;

    margin: 0 auto;

}



.preview-carousel .slick-arrow {

    position: absolute;

    transform: translate(0, -50%);

    line-height: 1em;

    background: 0;

    font-size: 0;

    padding: 0;

    border: 0;

    top: 50%

}



.preview-carousel .slick-arrow:before {

    transition: all 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);

    display: inline-block;

    border-radius: 50%;

    text-align: center;

    line-height: 50px;

    font-size: 18px;

    color: #3c3c3c;

    height: 50px;

    width: 50px;

    background: #f1f1f1;

}



.preview-carousel .slick-arrow.slick-prev {

    left: 0

}



.preview-carousel .slick-arrow.slick-prev:before {

    content: "\e900";

    font-family: icomoon

}



.preview-carousel .slick-arrow.slick-next {

    right: 0

}



.preview-carousel .slick-arrow.slick-next:before {

    content: "\e901";

    font-family: icomoon

}



.preview-carousel .slick-arrow:hover:before {

    background : #42515d;

    color: #fff

}



/* Testimonials */

.testimonials-section {

    background: #f8f8f8;

    padding: 0 0 65px;

}



.testimonial {

    text-align: center;

    background: url(../assets/testimonial-bg.png) no-repeat center bottom;

    padding-bottom: 35px;

    max-width: 800px;

    margin: 0 auto;

}



.testimonial p {

    font-size: 17px;

    line-height: 24px;

}



.testimonial .name,

.testimonial .date {

    color: #3c3c3c;

    font-size: 15px;

    line-height: 24px;

    font-weight: 400;

    margin: 0;

}



.testimonial .date {

    color: #a3a3a3;

}



.testimonial .cover {

    margin-top: 30px;

    border-radius: 50%;

}



/* Write to Us Section */

.writetous-section {

    background: url(../assets/contact-section-bg.jpg);

    background-size: cover;

    text-align: center;

    padding: 70px 0 55px;

}



.writetous-section h3 {

    color: #fff;

    font-size: 45px;

    line-height: 72px;

    font-weight: 300;

    margin: 0 0 35px;

}



/* Blog Section */

.blog-section {

    background: #f8f8f8;

    padding: 0 0 35px;

}



.blog-page-section {

    background: #f8f8f8;

}



.blog-page-section .blog-list {

    padding: 70px 0 25px;

}



.blog-post-item {

    background: #fff;

    margin: 0 0 60px;

}



.blog-post-item.no-image-post .cover {

    min-height: 140px;

    background: #f1f1f1;

}



.carousel-item .blog-post-item {

    margin: 0;

}



.blog-post-item:hover {

    box-shadow: 0px 0px 24px 0px rgba(69, 88, 162, 0.1);

    transform: translateY(-15px);

}



.blog-post-item .cover {

    position: relative;

    display: block;

    margin: 0 0 25px;

    min-height: 90px;

    background: #eee;

}



.blog-post-item .cover img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.blog-post-item .cover:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(255,255,255,0.5);

    opacity: 0;

}



.blog-post-item .cover ul {

    position: absolute;

    list-style-type: none;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    opacity: 0;

}



.blog-post-item .cover ul li {

    display: inline-block;

    margin-right: 20px;

}



.blog-post-item .cover ul li:last-child {

    margin: 0;

}



.blog-post-item .cover ul li a {

    display: block;

    color: #fff;

    width: 54px;

    height: 54px;

    background: #42515d;

    border-radius: 50%;

    text-align: center;

    line-height: 57px;

    -webkit-box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    -moz-box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    font-size: 25px;

}



.blog-post-item .cover ul li a:hover {

    background: #fff;

    color: #42515d;

}



.blog-post-item:hover .cover:before,

.blog-post-item:hover .cover ul  {

    opacity: 1;

}



.blog-post-item .title {

    color: #3c3c3c;

    font-size: 15px;

    line-height: 24px;

    font-weight: 500;

    text-align: center;

    padding: 0 20px;

    margin: 0 0 20px;

}



.blog-post-item .title a:hover {

    color: #42515d;

}



.blog-post-item .cover:hover:before,

.blog-post-item .cover:hover .hover {

    opacity: 1;

}



.blog-post-item .date {

    display: block;

    text-align: center;

    color: #42515d;

    font-size: 15px;

    line-height: 24px;

    font-weight: 600;

    text-transform: uppercase;

    padding: 0 20px 25px;

}



.pagination ul {

    padding: 5px 0 65px;

    text-align: center;

}



.pagination ul li {

    list-style-type: none;

    display: inline-block;

}



.pagination ul li a {

    color: #3c3c3c;

    font-size: 15px;

    font-weight: 600;

    padding: 9px 10px;

    border-radius: 5px;

}



.pagination ul li a:hover {

    color: #42515d;

}



.pagination ul li .current {

    color: #fff;

    background: #42515d;

    padding: 9px 14px;

    border-radius: 5px;

}



.pagination ul li .current:hover {

    background: #7177d6;

    color: #fff;

}





/* Single Section */

.single-blog-post .heading {

    padding: 60px 0 10px;

}



.single-blog-post .heading h2 {

    position: relative;

    color: #3c3c3c;

    font-size: 30px;

    line-height: 48px;

    font-weight: 300;

    padding: 0 0 10px;

    margin: 0 0 17px;

    text-align: center;

}



.single-blog-post .heading h2:after {

    position: absolute;

    content: "";

    left: 50%;

    bottom: 0;

    margin-left: -15px;

    height: 3px;

    width: 30px;

    background: #42515d;

    border-radius: 5px;

}



.single-blog-post .heading .meta {

    text-align: center;

}



.single-blog-post .heading .meta li {

    list-style-type: none;

    display: inline-block;

    color: #42515d;

    font-size: 15px;

    line-height: 24px;

    font-weight: 400;

    margin: 0 10px 10px;

}



.single-blog-post .cover {

    padding: 0 0 60px;

}



.single-blog-post .description {

    padding: 0 0 30px;

}



.single-blog-post .post-footer  {

    padding: 20px 0 50px;

}



.single-blog-post .post-footer .share {

    display: inline-block;

    list-style-type: none;

    background: #fff;

    box-shadow: 0px 0px 15px 0px rgba(82, 82, 82, 0.10);

    border-radius: 30px;

    padding: 10px 20px;

}



.single-blog-post .post-footer .share li {

    display: inline-block;

    font-size: 14px;

    padding: 0 8px;

}



.single-blog-post .post-footer .share li.title {

    color: #3c3c3c;

    font-size: 15px;

    line-height: 24px;

    text-transform: uppercase;

    font-weight: 600;

    padding-right: 25px;

}



.single-blog-post .post-footer .share li a {

    position: relative;

}



.single-blog-post .post-footer .share li a:before {

    content: "";

    position: absolute;

    box-shadow: 0px 0px 24px 0px rgba(69, 88, 162, 0.1);

    border-radius: 50%;

    width: 55px;

    height: 55px;

    z-index: 0;

    left: -19px;

    top: -20px;

    opacity: 0;

    transition: 200ms ease-in-out;

}



.single-blog-post .post-footer .share li a:hover:before {

    opacity: 1;

}



.single-blog-post .post-footer .share li .icon-google_plus {

    font-size: 20px;

}



.single-blog-post .post-footer .tags a {

    display: inline-block;

    color: #7d7d7d;

    font-size: 15px;

    line-height: 24px;

    font-weight: 400;

    background: #f1f1f1;

    border-radius: 30px;

    padding: 13px 20px;

    margin: 0 2px 2px;

}



.single-blog-post .post-footer .tags a:hover {

    background: #e4e4e4

}



/* Comments Section */

.comments-area {

    padding: 70px 0 70px;

    border-top: 2px solid #e0e0e0;

}



.comments-area .comments-title {

    color: #3c3c3c;

    font-size: 19px;

    line-height: 24px;

    text-align: center;

    font-weight: 600;

    margin: 0 0 65px;

}



.comments-area .comments-list li {

    list-style-type: none;

}



.comments-area .comments-list li .comment {

    position: relative;

    display: flex;

    border-bottom: 1px solid #e0e0e0;

    padding: 15px 0;

    margin: 0 0 10px;

}



.comments-area .comments-list li:last-child .comment {

    border: none;

    margin: 0;

}



.comments-area .comments-list li .comment .avatar-wrapper {

    position: relative;

}



.comments-area .comments-list li .comment .avatar-wrapper {

    width: 30%;

    padding: 7px 0 0 58px;

}



.comments-area .comments-list li .comment .avatar-wrapper .avatar {

    position: absolute;

    top: 4px;

    left: 0;

}



.comments-area .comments-list li .comment .avatar-wrapper .name {

    color: #3c3c3c;

    font-size: 15px;

    line-height: 17px;

    font-weight: 600;

    margin: 0;

}



.comments-area .comments-list li .comment .avatar-wrapper .time {

    color: #7d7d7d;

    font-size: 12px;

    line-height: 16px;

}



.comments-area .comments-list li .comment .comment-body {

    width: 70%;

}



.comments-area .comments-list li .comment .comment-body p {

    margin: 0 0 5px;

}



.comments-area .comments-list li .comment .comment-body .comment-reply-link {

    color: #878787;

    font-size: 15px;

    font-weight: bold;

}



.comments-area .comments-list li .comment .comment-body .comment-reply-link:hover {

    color: #42515d;

}



.comments-area .respond-area {

    padding: 70px 0 0 ;

}



.contact-form-wrapper {

    padding: 90px 0;

}



.form .title {

    color: #3c3c3c;

    font-size: 19px;

    line-height: 24px;

    font-weight: 500;

    text-align: center;

    margin: 0 0 50px !important;

}



.form input[type="text"],

.form textarea {

    border-bottom: 3px solid #3c3c3c;

    width: 100%;

    border: none;

    background: none;

    border-radius: 0;

    outline: none;

    border-bottom: 2px solid #3c3c3c;

    color: #3c3c3c;

    font-size: 17px;

    font-weight: 500;

    line-height: 22px;

    padding: 12px 0;

    margin: 0 0 38px;

}



.form input[type="text"]:focus,

.form textarea:focus {

    border-color: #42515d;

}



.form .submit-btn {

    background: #42515d;

    color: #ffffff;

    font-size: 15px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 0.15em;

    border-radius: 35px;

    outline: none;

    border: none;

    padding: 10px 30px;

    display: table;

    margin: 0 auto;

}



.form .submit-btn:hover {

    background: #696fcc;

}



/* Sidebar */

.sidebar {

    padding: 70px 0 40px;

}



.sidebar .widgets-list {

    position: relative;

    display: flex;

    justify-content: center;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.sidebar .widgets-list .widget-wrapper {

    padding: 0 5px;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 25%;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

}



.sidebar .widget {

    margin: 0 0 30px;

}



.sidebar .widget .widget-title {

    color: #3c3c3c;

    font-size: 19px;

    line-height: 24px;

    font-weight: 500;

    margin: 0 0 15px;

}



.sidebar .widget ul li {

    list-style-type: none;

}



.sidebar .widget ul li a {

    position: relative;

    color: #7d7d7d;

    font-size: 15px;

}



.sidebar .widget ul li a:hover {

    color: #42515d;

}



.sidebar .widget ul li a:before {

    content: "-";

    padding-right: 5px;

}





.widget .tt-instagram-feed {

    display: flex;

    align-items: flex-start;

    flex-wrap: wrap;

    margin: 0 -3px;

    max-width: 180px;

}



.widget .tt-instagram-feed li {

    margin-bottom: 6px;

    line-height: 1em;

    max-width: 33.3%;

    flex: 0 0 33.3%;

    padding: 0 3px;

    width: 33.3%;

    font-size: 0;

}



.widget .tt-instagram-feed li a {

    display: inline-block;

    position: relative;

    line-height: 1em;

    font-size: 0;

    width: 100%;

}



.widget .tt-instagram-feed li a img {

    width: 100%;

}



.widget .tt-instagram-feed li a:before {

    content: "" !important;

    transition: all 200ms ease-in-out;

    background: rgba(255, 255, 255, 0.4);

    pointer-events: none;

    position: absolute;

    z-index: 2;

    opacity: 0;

    bottom: 0;

    right: 0;

    left: 0;

    top: 0;

}



.widget .tt-instagram-feed li a:hover:before {

    opacity: 1;

}



.widget ul.posts li {

    position: relative;

    padding: 0 0 15px 60px;

}



.widget ul.posts li img {

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0;

    width: 48px;

    height: 48px;

}



.widget ul.posts li a:before {

    content: none;

}



.widget ul.posts li h4 {

    color: #3c3c3c;

    font-size: 15px;

    font-weight: 500;

    line-height: 24px;

}



.widget .tagcloud a {

    display: inline-block;

    color: #7d7d7d;

    font-size: 15px !important;

    line-height: 24px;

    font-weight: 400;

    background: #f1f1f1;

    border-radius: 30px;

    padding: 15px 20px;

    margin: 0 0 8px;

}



.widget .tagcloud a:hover {

    background: #e4e4e4

}





/* Contact Section */

.google-map #map {

    min-height: 500px;

}



.google-map {

    position: relative;

}



.google-map .info {

    position: absolute;

    bottom: 0;

    right: 0;

    background: #42515d;

    padding: 20px 20px 32px 20px;

}



.google-map .info h3 {

    font-size: 45px;

    color: #fff;

    margin: 0 0 10px 27px;

}



.google-map .info ul li {

    position: relative;

    list-style-type: none;

    color: #ffffff;

    font-size: 15px;

    font-weight: 300;

    padding: 4px 0 4px 30px;

}



.google-map .info ul li:before {

    content: "";

    position: absolute;

    display: block;

    width: 13px;

    height: 3px;

    background: #fff;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}



.google-map .info ul li span {

    font-weight: 500;

}



/* Pricing Section */

.pricing-section {

    padding: 0 0 70px;

}



.pricing-table {

    padding: 20px 28px 25px;

    box-shadow: 0px 0px 24px 0px rgba(69, 88, 162, 0.1);

    margin: 0 0 30px;

    border: 2px solid transparent;

}



.pricing-table.vip {

    border-color: #42515d;

}



.pricing-table.vip .buy-btn {

    background: #42515d;

    color: #fff

}



.pricing-table.vip .buy-btn:hover {

    background: #f8f8f8;

    color: #626262;

}



.pricing-table .titles {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.pricing-table .titles h4 {

    color: #3c3c3c;

    font-size: 19px;

    line-height: 24px;

    font-weight: 600;

    margin: 0;

}



.pricing-table .titles .price {

    color: #3c3c3c;

    font-size: 30px;

    font-weight: 400;

    line-height: 72px

}



.pricing-table .titles .price span {

    font-size: 15px;

}



.pricing-table .features {

    margin: 24px 0;

}



.pricing-table .features li {

    list-style-type: none;

    color: #7d7d7d;

    font-size: 15px;

    line-height: 24px;

}



.pricing-table .buy-btn {

    display: table;

    margin: 0 auto 0 0;

}



/* Portfolio Section */

.isotope-filters {

    text-align: center;

    padding: 45px 0 0;

}



.isotope-filters li {

    list-style-type: none;

    display: inline-block;

    text-align: center;

    padding: 0 20px 10px 20px;

}



.isotope-filters li a {

    position: relative;

    color: #3c3c3c;

    font-size: 19px;

    line-height: 24px;

    font-weight: 500;

    padding: 0 0 8px;

}



.isotope-filters li a:hover {

    color: #42515d;

}



.isotope-filters li a:after {

    position: absolute;

    content: "";

    bottom: 0;

    left: 0;

    height: 3px;

    width: 100%;

    background: #42515d;

    border-radius: 5px;

    opacity: 0;

}



.isotope-filters li a.current:after {

    opacity: 1;

}



.isotope-container {

    padding: 36px 0 70px;

}



.portfolio-item .cover,

.portfolio-item {

    position: relative;

}



.portfolio-item .cover img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.portfolio-item .cover:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(255,255,255,0.5);

    opacity: 0;

}



.portfolio-item .cover ul {

    position: absolute;

    list-style-type: none;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    opacity: 0;

    margin-top: -6px;

}



.portfolio-item .cover ul li {

    display: inline-block;

    margin-right: 20px;

}



.portfolio-item .cover ul li:last-child {

    margin: 0;

}



.portfolio-item .cover ul li a {

    display: block;

    color: #fff;

    width: 54px;

    height: 54px;

    background: #42515d;

    border-radius: 50%;

    text-align: center;

    line-height: 57px;

    -webkit-box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    -moz-box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    font-size: 25px;

}



.portfolio-item .cover ul li a:hover {

    background: #fff;

    color: #42515d;

}



.portfolio-item:hover .cover:before,

.portfolio-item:hover .cover ul  {

    opacity: 1;

    margin: 0;

}



.portfolio-item .hover {

    padding: 25px;

    text-align: center;

    background: #fff;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    z-index: 1;

    transform: translateY(50%);

}



.portfolio-item .hover a:hover {

    color: #42515d;

}



.portfolio-item:hover .hover {

    opacity: 1;

    visibility: visible;

    transform: translateY(100%);

}



.portfolio-item .hover h3 {

    color: #3c3c3c;

    font-size: 15px;

    line-height: 20px;

    font-weight: 600;

    margin: 0;

}



.portfolio-item .hover span {

    color: #c7c7c7;

    font-size: 15px;

    line-height: 24px;

    font-weight: 600;

}



.portfolio-item-big {

    position: relative;

}



.portfolio-item-big img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.portfolio-item-big .cover {

    position: relative;

}



.portfolio-item-big .cover:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(255,255,255,0.95);

    opacity: 0;

}



.portfolio-item-big .hover {

    position: absolute;

    top: 45%;

    transform: translateY(-50%);

    left: 80px;

    right: 80px;

    visibility: hidden;

    opacity: 0;

}



.portfolio-item-big .hover h3 {

    position: relative;

    color: #3c3c3c;

    font-size: 45px;

    line-height: 65px;

    font-weight: 300;

    padding: 0 0 10px;

    margin: 0 0 17px;

}



.portfolio-item-big .hover h3:after {

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    height: 3px;

    width: 30px;

    background: #42515d;

    border-radius: 5px;

}



.portfolio-item-big .hover h3 a:hover {

    color: #42515d;

}



.portfolio-item-big .hover span {

    display: block;

}



.portfolio-item-big .hover .category {

    color: #42515d;

    font-size: 15px;

    line-height: 24px;

    font-weight: 600;

    margin: 0 0 10px;

}



.portfolio-item-big .hover .category a:hover {

    color: #3c3c3c;

}



.portfolio-item-big .hover .meta {

    color: #4e4e4e;

    font-size: 15px;

    line-height: 24px;

    text-transform: uppercase;

    font-weight: 600;

}



.portfolio-item-big .read-more {

    display: block;

    margin: 55px 0 0 auto;

    color: #fff;

    width: 54px;

    height: 54px;

    background: #42515d;

    border-radius: 50%;

    text-align: center;

    line-height: 54px;

    -webkit-box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    -moz-box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3);

    font-size: 20px;

}



.portfolio-item-big .read-more:hover {

    background: #fff;

    color: #42515d;

}



.portfolio-item-big:hover .cover:after {

    opacity: 1;

}



.portfolio-item-big:hover .hover {

    visibility: visible;

    opacity: 1;

    top: 50%;

}



.col-md-8 .portfolio-item-big .hover {

    left: 25px;

    right: 25px;

}



.col-md-8 .portfolio-item-big .hover h3 {

    font-size: 35px;

    line-height: 45px;

}



.single-portfolio {

    padding: 0 0 130px;

}



.single-portfolio .cover img {

    width: 100%;

    max-height: 600px;

    object-fit: cover;

}



.single-portfolio .description > *:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

}



.single-portfolio .heading h2 {

    position: relative;

    color: #3c3c3c;

    font-size: 30px;

    line-height: 48px;

    font-weight: 300;

    padding: 0 0 10px;

    margin: 0 0 17px;

}



.single-portfolio .heading h2:after {

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    height: 3px;

    width: 30px;

    background: #42515d;

    border-radius: 5px;

}



.single-portfolio .heading span {

    display: block;

}



.single-portfolio .heading .category {

    color: #42515d;

    font-size: 15px;

    line-height: 24px;

    font-weight: 600;

    margin: 0 0 10px;

}



.single-portfolio .heading .category a:hover {

    color: #3c3c3c;

}



.single-portfolio .heading .meta {

    color: #4e4e4e;

    font-size: 15px;

    line-height: 24px;

    text-transform: uppercase;

    font-weight: 600;

}



.single-portfolio .spacer {

    padding: 75px 0;

}

/* 404 Section */

.section-404 {

    background: url(../assets/404-background.jpg);

    background-size: cover;

    padding: 170px 0 270px;

}



.section-404 .search-form {

    position: relative;

    display: block;

    margin: 0 auto;

    max-width: 480px;

    padding: 14px 0;

}



.section-404 .search-form input {

    color: #ffffff;

    font-size: 18px;

    line-height: 24px;

    background: none;

    border: none;

    width: 100%;

}



.section-404 .search-form input::-webkit-input-placeholder {

  color: #fff;

}

.section-404 .search-form input::-moz-placeholder {

  color: fff;

}

.section-404 .search-form input:-ms-input-placeholder {

  color: fff;

}

.section-404 .search-form input:-moz-placeholder {

  color: fff;

}



.section-404 .search-form button {

    position: absolute;

    background: none;

    color: #fff;

    outline: none;

    border: none;

    font-size: 16px;

    top: 14px;

    right: 0;

    padding: 0;

}



.section-404 .search-form:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 3px;

    background: #fff;

    border-radius: 4px;

}



.section-404 .social {

    background: #fff;

    padding: 10px 10px 10px 20px;

    border-radius: 30px;

    display: table;

    margin: 60px auto 0;

}



.section-404 .social li {

    display: inline-block;

    list-style-type: none;

    font-size: 16px;

}



.section-404 .social li.first {

    color: #3c3c3c;

    font-weight: 500;

    text-transform: uppercase;

    padding-right: 15px;

}



.section-404 .social li a {

    position: relative;

    display: block;

    padding: 0 10px;

    text-align: center;

}



.section-404 .social li a:hover {

    color: #5b7de9;

}



/* Responsive */

@media(max-width: 1200px) {

    .portfolio-item .cover ul li a {

        width: 30px;

        height: 30px;

        line-height: 30px

    }

}



@media(max-width: 992px) {

    .portfolio-item-big .hover h3 {

        font-size: 35px;

        line-height: 42px;

    }



    .portfolio-item-big .hover {

        top: 50%;

        left: 20px;

        right: 20px;

    }

}



@media(max-width: 768px) {

    .hero-slider .slide .container>.row {

        display: block;

    }



    .hero-slider .slide .hero-description {

        padding: 40px 0;

    }



    .hero-slider .slide .hero-description h2 {

        font-size: 40px;

        line-height: 45px;

    }



    .preview-carousel .slick-list {

        margin: 0 40px;

    }



    footer .bottom .flexcenter {

        display: block;

    }



    .main-footer .bottom .copyright {

        text-align: center;

    }



    .about-section-img img,

    .about-services img,

    .single-portfolio .flexcenter-nj img {

        display: table;

        max-height: 250px;

        margin: 15px auto;

        width: 100%;

        object-fit: cover;

    }



    .flexcenter-nj {

        display: block;

        margin: 0 -10px;

    }



    .flexcenter-nj [class*="col-"] {

        padding: 0 10px;

    }



    .container-fluid.no-padding {

        padding-left: 10px !important;

        padding-right: 10px !important;

    }

}



@media(max-width: 450px) {

    .portfolio-item-big .hover h3 {

        font-size: 25px;

        line-height: 30px;

    }



    .portfolio-item-big .hover .meta {

        font-size: 12px;

        line-height: 18px;

    }



    .portfolio-item-big .read-more {

        margin: 0 0 0 auto;

        width: 30px;

        height: 30px;

        line-height: 30px;

    }

}



/* Slick */

.slick-slider * {

    outline: none !important

}



.slick-slider {

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent

}



.slick-list {

    position: relative;

    overflow: hidden;

    display: block;

    margin: 0;

    padding: 0

}



.slick-list:focus {

    outline: none

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand

}



.slick-slider .slick-track,

.slick-slider .slick-list {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.slick-track {

    position: relative;

    left: 0;

    top: 0;

    display: block

}



.slick-track:before,

.slick-track:after {

    content: "";

    display: table

}



.slick-track:after {

    clear: both

}



.slick-loading .slick-track {

    visibility: hidden

}



.slick-slide {

    float: left;

    height: 100%;

    min-height: 1px;

    display: none

}



[dir="rtl"] .slick-slide {

    float: right

}



.slick-slide img {

    display: block

}



.slick-slide.slick-loading img {

    display: none

}



.slick-slide.dragging img {

    pointer-events: none

}



.slick-initialized .slick-slide {

    display: block

}



.slick-loading .slick-slide {

    visibility: hidden

}



.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent

}



.slick-arrow.slick-hidden {

    display: none

}

.lang-item a img {
    vertical-align: baseline
}

.menu-item a img { vertical-align: baseline; }

.wpcf7 textarea, .wpcf7 input[type="email"], .wpcf7 input[type="date"], .wpcf7 select, .wpcf7 input[type="text"], .wpcf7 input[type="file"] {
    width: 100%;
}