@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Roboto:300,400,500,700,900);

/*---------------------------------------------



Template Name: ZUGAN 

Template URL: http://www.radiustheme.com/demo/html/zugan/zugan/index.html 

Description: Zugan Minimal Portfolio

Author: Radiustheme.com

Author URL: http://www.radiustheme.com 

Version: 1.1 



===================   

CSS INDEX

===================



[01] Typography

[02] Common Style

[03] Preloader Style  

[04] ScrollUp Style

[05] Media Box Custom Style

[06] Gutters Style

[07] Animation Style

[08] Title Style

[09] Own Carousal Nav Style

[10] Header Area Style

[11] Slider Area Style

[12] Service Area Style

[13] Portfolio Area Style 

[14] Testimonial Area Style

[15] Banner Area Style

[16] Blog Area Style 

[17] Brand Area Style

[18] Social Link Area Style

[19] About Us Area Style 

[20] Inner Page Banner Area Style

[21] Widget Sidebar Area Style

[22] Pagination Area Style

[23] Team Area Style

[24] Progress Bar Area Style

[25] Clients Area Style

[26] Shop Page Area Style

[27] MultiScroll Page Area Style

[28] Fullpage Scroll Page Area Style

[29] Contact Page Area Style

[30] Error Page Area Style

[31] Coming Soon Area Style

[32] Footer Area Style  



/*=======================================================================

[01] Typography 

=========================================================================*/

html {

  height: 100%;

  font-size: 62.5%;

}

@media only screen and (max-width: 1199px) {

  html {

    font-size: 60%;

  }

}

@media only screen and (max-width: 991px) {

  html {

    font-size: 55%;

  }

}

@media only screen and (max-width: 767px) {

  html {

    font-size: 50%;

  }

}

@media only screen and (max-width: 479px) {

  html {

    font-size: 45%;

  }

}

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

  html {

    font-size: 40%;

  }

}

body {

  font-size: 16px;

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

  font-weight: 400;

  height: 100%;

  line-height: 1.7;

  vertical-align: baseline;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  text-rendering: optimizeLegibility;

  color: #444444;

  background-color: #ffffff;

}

p {

  margin: 0 0 20px 0;

  color: #444444;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 400;

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

  margin: 0 0 20px 0;

  color: #111111;

}

h1,

h2 {

  line-height: 1.2;

}

h3,

h4,

h5 {

  line-height: 1.4;

}

h1 {

  font-size: 36px;

}

h2 {

  font-size: 28px;

}

@media only screen and (max-width: 767px) {

  h2 {

    font-size: 26px;

  }

}

h3 {

  font-size: 22px;

}

h4 {

  font-size: 20px;

}

h5 {

  font-size: 18px;

}

/*=======================================================================

[02] Common Style

=========================================================================*/

a {

  text-decoration: none;

}

a:active,

a:hover,

a:focus {

  text-decoration: none;

}

a:active,

a:hover,

a:focus {

  outline: 0 none;

}



code  a:link, a{

	color: #0C8CD3;



}

img {

  max-width: 100%;

  height: auto;

}

ul {

	list-style-type: none;

	list-style-image: none;

	margin: 100;

	padding: 0;

}

.select-full-width {

  width: 100%;

}

.inner-page-margin {

  margin-top: 108px;

}

@media only screen and (max-width: 991px) {

  .inner-page-margin {

    margin-top: 71px;

  }

}

.margin-b-30 {

  margin-bottom: 3rem;

}

@media only screen and (min-width: 1440px) {

  .container {

    max-width: 1240px;

  }

}

.col-custom {

  margin-bottom: 3rem;

}

@media only screen and (min-width: 1200px) {

  .col-custom {

    max-width: 20%;

    flex: 20%;

    -webkit-box-flex: 20%;

    -ms-flex: 20%;

  }

}

.box-layout .box-layout-child {

  padding-left: 10rem;

  padding-right: 10rem;

}

.box-layout .box-layout-child-1 {

  padding-left: 5rem;

  padding-right: 5rem;

}

.box-layout .box-layout-child-2 {

  padding-left: 3rem;

  padding-right: 0;

}

.box-layout .box-layout-child-3 {

  padding-left: 10rem;

  padding-right: 10rem;

}

@media only screen and (max-width: 1399px) {

  .box-layout .box-layout-child-3 {

    padding: 0;

  }

}

.box-layout .box-layout-child-4 {

  padding-left: 10rem;

  padding-right: 10rem;

}

@media only screen and (max-width: 991px) {

  .box-layout .box-layout-child-4 {

    padding: 0;

  }

}

.box-layout .box-layout-child-5 {

  padding-left: 10rem;

  padding-right: 10rem;

}

@media only screen and (max-width: 1199px) {

  .box-layout .box-layout-child-5 {

    padding-left: 50px;

    padding-right: 50px;

  }

}

.full-width-container {

  width: 100%;

  padding-right: 0;

  padding-left: 0;

  margin-right: auto;

  margin-left: auto;

}

.possition-static {

  position: static !important;

}

.bg-common {

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}

.form-response .alert-danger,

.form-response .alert.alert-info,

.form-response .alert.alert-success {

  margin-top: 10px;

  margin-bottom: 0;

}

.form-response .alert-danger p,

.form-response .alert.alert-info p,

.form-response .alert.alert-success p {

  margin-bottom: 0;

}

@media only screen and (max-width: 991px) {

  .sidebar-break-md {

    margin-top: 5rem;

  }

}

.sidebar-widget-area {

  margin-bottom: 3rem;

}

.sidebar-widget-area .widget ul li a {

	color:#3579D5;

}

.sidebar-widget-area .widget ul li a:hover {

	color:#85ADE4;

}

.sidebar-widget-area .widget {

  margin-bottom: 4rem;

}

.sidebar-widget-area .widget:last-child {

  margin-bottom: 0 !important;

}

.table-responsive::-webkit-scrollbar-thumb {

  border-radius: 0;

  border: 0;

  background-color: #111111;

}

.table-responsive::-webkit-scrollbar {

  -webkit-appearance: none;

  width: 14px;

  height: 14px;

  background-color: rgba(17, 17, 17, 0.3);

}

.popup-content {

  position: relative;

  background: #FFF;

  border-radius: 4px;

  width: auto;

  max-width: 1000px;

  margin: 20px auto;

  animation: fadeInDownBig 1s;

}

@media only screen and (max-width: 575px) {

  .popup-content {

    margin-top: 72px;

  }

}

.popup-content .media {

  align-items: center;

}

.popup-content .media .item-img {

  width: 50%;

}

@media only screen and (max-width: 575px) {

  .popup-content .media .item-img {

    width: 100%;

  }

}

.popup-content .media .item-img img {

  border-radius: 4px 0 0 4px;

}

.popup-content .media .media-body {

  margin-left: 6rem;

}

@media only screen and (max-width: 575px) {

  .popup-content .media .media-body {

    margin-left: 0;

    padding: 3rem;

  }

}

.popup-content .media .media-body .item-title {

  font-weight: 600;

}

@media only screen and (max-width: 767px) {

  .popup-content .media .media-body .item-title {

    font-size: 24px;

  }

}

.popup-content .media .media-body .item-title a {

  color: #111111;

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

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

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

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

  transition: all 0.3s ease-out;

}

.popup-content .media .media-body .item-title a:hover {

  color: #444444;

}

.popup-content .media .media-body .item-category {

  margin-top: 3rem;

}

.popup-content .media .media-body .item-category li {

  font-size: 16px;

  color: #646464;

  font-weight: 500;

  margin-bottom: 10px;

}

@media only screen and (max-width: 767px) {

  .popup-content .media .media-body .item-category li {

    font-size: 18px;

  }

}

.popup-content .media .media-body .item-category li:last-child {

  margin-bottom: 0;

}

.popup-content .media .media-body .item-category li i {

  font-size: 14px;

  color: #000000;

  margin-right: 15px;

}

@media only screen and (max-width: 767px) {

  .popup-content .media .media-body .item-category li i {

    font-size: 16px;

  }

}

.isotop-btn {

  margin-bottom: 4rem;

  position: relative;

  display: inline-block;

}

@media only screen and (max-width: 767px) {

  .isotop-btn:after {

    display: none;

  }

}

.isotop-btn a.nav-item {

  font-size: 20px;

  margin-right: 10px;

  margin-bottom: 20px;

  padding: 5px 20px;

  display: inline-block;

  position: relative;

  cursor: pointer;

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

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

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

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

  transition: all 0.3s ease-out;

}

.isotop-btn a.nav-item span {

  font-size: 14px;

  position: absolute;

  top: -6px;

  right: -3px;

}

.isotop-btn a.nav-item:last-child {

  margin-right: 0px;

}

.isotop-btn a.nav-item:after {

  content: "";

  height: 4px;

  width: 0%;

  background-color: #111111;

  border-radius: 4px;

  bottom: -10px;

  left: 0;

  right: 0;

  z-index: 2;

  position: absolute;

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

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

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

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

  transition: all 0.3s ease-out;

}

@media only screen and (max-width: 575px) {

  .isotop-btn a.nav-item:after {

    height: 2px;

  }

}

.isotop-btn a.nav-item:hover {

  color: #b4b4b4;

}

.isotop-btn a.nav-item:hover:after {

  width: 100%;

}

.isotop-btn a.current {

  color: #b4b4b4;

}

.isotop-btn a.current:after {

  width: 100%;

}

.isotop-btn:after {

  content: "";

  height: 4px;

  width: 100%;

  background-color: #f2f2f2;

  border-radius: 4px;

  bottom: 10px;

  left: 0;

  right: 0;

  z-index: 1;

  position: absolute;

}

.isotop-btn-1 {

  margin-bottom: 2.5rem;

  position: relative;

  display: inline-block;

}

.isotop-btn-1 a.nav-item {

  font-size: 18px;

  color: #646464;

  margin-right: 40px;

  margin-bottom: 10px;

  display: inline-block;

  position: relative;

  cursor: pointer;

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

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

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

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

  transition: all 0.3s ease-out;

}

.isotop-btn-1 a.nav-item span {

  font-size: 14px;

  position: absolute;

  top: -8px;

  right: -24px;

}

.isotop-btn-1 a.nav-item:last-child {

  margin-right: 0px;

}

.isotop-btn-1 a.nav-item:hover {

  color: #111111;

}

@media only screen and (max-width: 575px) {

  .isotop-btn-1 a.nav-item {

    margin-right: 20px;

  }

}

.isotop-btn-1 a.current {

  color: #111111;

}

.loadmore-layout1 {

  margin-top: 7rem;

  text-align: center;

}

.loadmore-layout1 .item-btn {

  position: relative;

  padding: 12px 20px;

  font-size: 14px;

  border-radius: 4px;

  border: 1px solid;

  border-color: #111111;

  color: #111111;

  background-color: transparent;

  text-transform: uppercase;

  font-weight: 500;

  display: inline-block;

  cursor: pointer;

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

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

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

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

  transition: all 0.3s ease-out;

  z-index: 2;

}

.loadmore-layout1 .item-btn i:before {

  font-size: 14px;

  margin-left: 8px;

  font-weight: 600;

}

.loadmore-layout1 .item-btn:hover {

  background-color: #111111;

  color: #ffffff;

}

.loadmore-layout2 {

  margin-top: 4rem;

  text-align: center;

}

.loadmore-layout2 .item-btn {

  position: relative;

  padding: 12px 20px;

  font-size: 14px;

  border-radius: 4px;

  border: 1px solid;

  border-color: #111111;

  color: #111111;

  background-color: transparent;

  text-transform: uppercase;

  font-weight: 500;

  display: inline-block;

  cursor: pointer;

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

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

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

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

  transition: all 0.3s ease-out;

  z-index: 2;

}

.loadmore-layout2 .item-btn i:before {

  font-size: 14px;

  margin-left: 8px;

  font-weight: 600;

}

.loadmore-layout2 .item-btn:hover {

  background-color: #111111;

  color: #ffffff;

}

/*=======================================================================

[03] Preloader Style       

=========================================================================*/

#preloader {

  background: #000000 url('img/preloader.gif') no-repeat scroll center center;

  height: 100%;

  left: 0;

  overflow: visible;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 9999999;

}

/*=======================================================================

[04] ScrollUp Style

=========================================================================*/

#scrollUp {

  background-color: rgba(17, 17, 17, 0.3);

  bottom: 20px;

  color: #ffffff;

  display: block;

  font-size: 18px;

  height: 44px;

  line-height: 40px;

  position: fixed;

  right: 20px;

  text-align: center;

  text-decoration: none;

  width: 44px;

  z-index: 99999;

  border: 2px solid #111111;

  border-radius: 50%;

  transition: all 1s ease-out;

}

#scrollUp i {

  color: #111111;

}

#scrollUp:hover,

#scrollUp:focus {

  background-color: #111111;

}

#scrollUp:hover i,

#scrollUp:focus i {

  color: #ffffff;

}

#scrollUp {

  animation: blinker 10s linear infinite;

}

/*=======================================================================

[05] Media Box Custom Style

=========================================================================*/

.media-body {

  margin-left: 3rem;

}

.media-body.space-xl {

  margin-left: 50px;

}

.media-body.space-lg {

  margin-left: 40px;

}

.media-body.space-md {

  margin-left: 20px;

}

.media-body.space-sm {

  margin-left: 15px;

}

.media-body.space-xs {

  margin-left: 10px;

}

.media-body.media-body-box {

  padding: 20px 20px 20px 3rem;

  margin-left: 0;

}

.media-body.media-body-box p {

  margin-bottom: 0;

}

@media only screen and (max-width: 1199px) {

  .media-none--lg {

    display: block;

  }

  .media-none--lg > div {

    width: 100%;

  }

  .media-none--lg img {

    width: 100%;

  }

  .media-none--lg img.media-img-auto {

    width: auto;

  }

  .media-none--lg .media-body,

  .media-none--lg .media-body.space-xl,

  .media-none--lg .media-body.space-lg,

  .media-none--lg .media-body.space-md,

  .media-none--lg .media-body.space-sm,

  .media-none--lg .media-body.space-xs {

    margin-top: 20px;

    margin-left: 0;

  }

  .media-none--lg .media-body.media-body-box {

    margin-top: 0;

    margin-left: 0;

    padding: 3rem;

  }

}

@media only screen and (max-width: 991px) {

  .media-none--md {

    display: block;

  }

  .media-none--md > div {

    width: 100%;

  }

  .media-none--md img {

    width: 100%;

  }

  .media-none--md img.media-img-auto {

    width: auto;

  }

  .media-none--md .media-body,

  .media-none--md .media-body.space-xl,

  .media-none--md .media-body.space-lg,

  .media-none--md .media-body.space-md,

  .media-none--md .media-body.space-sm,

  .media-none--md .media-body.space-xs {

    margin-top: 20px;

    margin-left: 0;

  }

  .media-none--md .media-body.media-body-box {

    margin-top: 0;

    margin-left: 0;

    padding: 3rem;

  }

}

@media only screen and (max-width: 767px) {

  .media-none--sm {

    display: block;

  }

  .media-none--sm > div {

    width: 100%;

  }

  .media-none--sm img {

    width: 100%;

  }

  .media-none--sm img.media-img-auto {

    width: auto;

  }

  .media-none--sm .media-body,

  .media-none--sm .media-body.space-xl,

  .media-none--sm .media-body.space-lg,

  .media-none--sm .media-body.space-md,

  .media-none--sm .media-body.space-sm,

  .media-none--sm .media-body.space-xs {

    margin-top: 20px;

    margin-left: 0;

  }

  .media-none--sm .media-body.media-body-box {

    margin-top: 0;

    margin-left: 0;

    padding: 3rem;

  }

}

@media only screen and (max-width: 575px) {

  .media-none--xs {

    display: block;

  }

  .media-none--xs > div {

    width: 100%;

  }

  .media-none--xs img {

    width: 100%;

  }

  .media-none--xs img.media-img-auto {

    width: auto;

  }

  .media-none--xs .media-body,

  .media-none--xs .media-body.space-xl,

  .media-none--xs .media-body.space-lg,

  .media-none--xs .media-body.space-md,

  .media-none--xs .media-body.space-sm,

  .media-none--xs .media-body.space-xs {

    margin-top: 20px;

    margin-left: 0;

  }

  .media-none--xs .media-body.media-body-box {

    margin-top: 0;

    margin-left: 0;

    padding: 3rem;

  }

}

@media only screen and (max-width: 479px) {

  .media-none-mb {

    display: block;

  }

  .media-none-mb > div {

    width: 100%;

  }

  .media-none-mb img {

    width: 100%;

  }

  .media-none-mb img.media-img-auto {

    width: auto;

  }

  .media-none-mb .media-body,

  .media-none-mb .media-body.space-xl,

  .media-none-mb .media-body.space-lg,

  .media-none-mb .media-body.space-md,

  .media-none-mb .media-body.space-sm,

  .media-none-mb .media-body.space-xs {

    margin-top: 20px;

    margin-left: 0;

  }

  .media-none-mb .media-body.media-body-box {

    margin-top: 0;

    margin-left: 0;

    padding: 3rem;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .media-none-lg {

    display: block;

  }

  .media-none-lg > div {

    width: 100%;

  }

  .media-none-lg img {

    width: 100%;

  }

  .media-none-lg img.media-img-auto {

    width: auto;

  }

  .media-none-lg .media-body,

  .media-none-lg .media-body.space-xl,

  .media-none-lg .media-body.space-lg,

  .media-none-lg .media-body.space-md,

  .media-none-lg .media-body.space-sm,

  .media-none-lg .media-body.space-xs {

    margin-top: 20px;

    margin-left: 0;

  }

  .media-none-lg .media-body.media-body-box {

    margin-top: 0;

    margin-left: 0;

    padding: 3rem;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .media-none-md {

    display: block;

  }

  .media-none-md > div {

    width: 100%;

  }

  .media-none-md img {

    width: 100%;

  }

  .media-none-md img.media-img-auto {

    width: auto;

  }

  .media-none-md .media-body,

  .media-none-md .media-body.space-xl,

  .media-none-md .media-body.space-lg,

  .media-none-md .media-body.space-md,

  .media-none-md .media-body.space-sm,

  .media-none-md .media-body.space-xs {

    margin-top: 20px;

    margin-left: 0;

  }

  .media-none-md .media-body.media-body-box {

    margin-top: 0;

    margin-left: 0;

    padding: 3rem;

  }

}

@media (min-width: 576px) and (max-width: 767px) {

  .media-none-sm {

    display: block;

  }

  .media-none-sm > div {

    width: 100%;

  }

  .media-none-sm img {

    width: 100%;

  }

  .media-none-sm img.media-img-auto {

    width: auto;

  }

  .media-none-sm .media-body,

  .media-none-sm .media-body.space-xl,

  .media-none-sm .media-body.space-lg,

  .media-none-sm .media-body.space-md,

  .media-none-sm .media-body.space-sm,

  .media-none-sm .media-body.space-xs {

    margin-top: 20px;

    margin-left: 0;

  }

  .media-none-sm .media-body.media-body-box {

    margin-top: 0;

    margin-left: 0;

    padding: 3rem;

  }

}

@media (min-width: 480px) and (max-width: 575px) {

  .media-none-xs {

    display: block;

  }

  .media-none-xs > div {

    width: 100%;

  }

  .media-none-xs img {

    width: 100%;

  }

  .media-none-xs img.media-img-auto {

    width: auto;

  }

  .media-none-xs .media-body,

  .media-none-xs .media-body.space-xl,

  .media-none-xs .media-body.space-lg,

  .media-none-xs .media-body.space-md,

  .media-none-xs .media-body.space-sm,

  .media-none-xs .media-body.space-xs {

    margin-top: 20px;

    margin-left: 0;

  }

  .media-none-xs .media-body.media-body-box {

    margin-top: 0;

    margin-left: 0;

    padding: 3rem;

  }

}

/*=======================================================================

[06] Gutters Style

=========================================================================*/

.full-width-container .container-fluid {

  padding-right: 0;

  padding-left: 0;

}

.row.no-gutters {

  margin-right: 0;

  margin-left: 0;

}

.row.no-gutters > [class^="col-"],

.row.no-gutters > [class*=" col-"] {

  padding-right: 0;

  padding-left: 0;

}

.container-fluid.full-width .row.gutters-1 {

  margin-right: -15.25px;

  margin-left: -15.25px;

  padding-left: 0;

  padding-right: 0;

}

.row.gutters-1 {

  padding-left: 14.5px;

  padding-right: 14.5px;

}

.row.gutters-1 > [class^="col-"] {

  padding-left: 0.5px;

  padding-right: 0.5px;

}

.row.gutters-2 {

  padding-left: 14px;

  padding-right: 14px;

}

.row.gutters-2 > [class^="col-"] {

  padding-left: 1px;

  padding-right: 1px;

}

.row.gutters-3 {

  padding-left: 13.5px;

  padding-right: 13.5px;

}

.row.gutters-3 > [class^="col-"] {

  padding-left: 1.5px;

  padding-right: 1.5px;

}

.row.gutters-4 {

  padding-left: 13px;

  padding-right: 13px;

}

.row.gutters-4 > [class^="col-"] {

  padding-left: 2px;

  padding-right: 2px;

}

.row.gutters-5 {

  padding-left: 12.5px;

  padding-right: 12.5px;

}

.row.gutters-5 > [class^="col-"] {

  padding-left: 2.5px;

  padding-right: 2.5px;

}

.row.gutters-6 {

  padding-left: 12px;

  padding-right: 12px;

}

.row.gutters-6 > [class^="col-"] {

  padding-left: 3px;

  padding-right: 3px;

}

.row.gutters-7 {

  padding-left: 11.5px;

  padding-right: 11.5px;

}

.row.gutters-7 > [class^="col-"] {

  padding-left: 3.5px;

  padding-right: 3.5px;

}

.row.gutters-8 {

  padding-left: 11px;

  padding-right: 11px;

}

.row.gutters-8 > [class^="col-"] {

  padding-left: 4px;

  padding-right: 4px;

}

.row.gutters-9 {

  padding-left: 10.5px;

  padding-right: 10.5px;

}

.row.gutters-9 > [class^="col-"] {

  padding-left: 4.5px;

  padding-right: 4.5px;

}

.row.gutters-10 {

  padding-left: 10px;

  padding-right: 10px;

}

.row.gutters-10 > [class^="col-"] {

  padding-left: 5px;

  padding-right: 5px;

}

.row.gutters-11 {

  padding-left: 9.5px;

  padding-right: 9.5px;

}

.row.gutters-11 > [class^="col-"] {

  padding-left: 5.5px;

  padding-right: 5.5px;

}

.row.gutters-12 {

  padding-left: 9px;

  padding-right: 9px;

}

.row.gutters-12 > [class^="col-"] {

  padding-left: 6px;

  padding-right: 6px;

}

.row.gutters-13 {

  padding-left: 8.5px;

  padding-right: 8.5px;

}

.row.gutters-13 > [class^="col-"] {

  padding-left: 6.5px;

  padding-right: 6.5px;

}

.row.gutters-14 {

  padding-left: 8px;

  padding-right: 8px;

}

.row.gutters-14 > [class^="col-"] {

  padding-left: 7px;

  padding-right: 7px;

}

.row.gutters-15 {

  padding-left: 7.5px;

  padding-right: 7.5px;

}

.row.gutters-15 > [class^="col-"] {

  padding-left: 7.5px;

  padding-right: 7.5px;

}

.row.gutters-20 {

  padding-left: 5px;

  padding-right: 5px;

}

.row.gutters-20 > [class^="col-"] {

  padding-left: 10px;

  padding-right: 10px;

}

/*=======================================================================

[07] Animation Style        

=========================================================================*/

@keyframes blinker {

  90% {

    opacity: 0;

  }

}

@keyframes toBottomFromTop10 {

  49% {

    transform: translateY(-10%);

  }

  50% {

    opacity: 0;

    transform: translateY(10%);

  }

  51% {

    opacity: 1;

  }

}

@keyframes toRightFromLeft10 {

  5% {

    left: -5px;

  }

  30% {

    opacity: 0.5;

    left: 10px;

  }

  60% {

    left: 5px;

    opacity: 1;

  }

}

@keyframes headerSlideDown {

  0% {

    margin-top: -100px;

  }

  100% {

    margin-top: 0;

  }

}

/*=======================================================================

[08] Title Style

=========================================================================*/

.section-heading {

  position: relative;

}

.section-heading p {

  font-size: 16px;

  width: 50%;

  margin: 0 auto;

}

@media only screen and (max-width: 991px) {

  .section-heading p {

    width: 100%;

  }

}

.section-heading.heading-center h1,

.section-heading.heading-center h2,

.section-heading.heading-center h3,

.section-heading.heading-center h4,

.section-heading.heading-center p {

  text-align: center;

  float: none;

  margin-left: auto;

  margin-right: auto;

}

.section-heading.heading-left p,

.section-heading.heading-right p {

  margin-left: 0;

  margin-right: 0;

  width: 100%;

}

.section-heading.heading-dark h1,

.section-heading.heading-dark h2,

.section-heading.heading-dark h3,

.section-heading.heading-dark h4 {

  color: #111111;

}

.section-heading.heading-dark h1:after,

.section-heading.heading-dark h2:after,

.section-heading.heading-dark h3:after,

.section-heading.heading-dark h4:after {

  background-color: #111111;

}

.section-heading.heading-light h1,

.section-heading.heading-light h2,

.section-heading.heading-light h3,

.section-heading.heading-light h4 {

  color: #ffffff;

}

.section-heading.heading-light h1:after,

.section-heading.heading-light h2:after,

.section-heading.heading-light h3:after,

.section-heading.heading-light h4:after {

  background-color: #ffffff;

}

.section-heading.heading-light p {

  color: #ffffff;

}

.heading-layout1 {

  margin-bottom: 25px;

}

.heading-layout1 h2 {

  font-size: 36px;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  .heading-layout1 h2 {

    font-size: 34px;

  }

}

@media only screen and (max-width: 767px) {

  .heading-layout1 h2 {

    font-size: 30px;

  }

}

.heading-layout1 .item-subtitle {

  font-size: 18px;

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

  color: #646464;

}

.heading-layout2 {

  margin-bottom: 5rem;

}

.heading-layout2 h2 {

  font-size: 36px;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  .heading-layout2 h2 {

    font-size: 34px;

  }

}

@media only screen and (max-width: 767px) {

  .heading-layout2 h2 {

    font-size: 30px;

  }

}

.heading-layout2 h2 span {

  display: block;

}

.heading-layout2 .item-subtitle {

  font-size: 18px;

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

}

.heading-layout3 {

  position: relative;

}

.heading-layout3 h2,

.heading-layout3 h3 {

  font-weight: 600;

  padding-bottom: 17px;

}

.heading-layout3:after {

  position: absolute;

  content: "";

  height: 3px;

  width: 50px;

  background-color: #d7d7d7;

  left: 0;

  bottom: 0;

}

.heading-layout4 {

  position: relative;

  margin-bottom: 35px;

}

.heading-layout4 h2,

.heading-layout4 h3 {

  font-weight: 600;

  padding-bottom: 17px;

}

@media only screen and (max-width: 767px) {

  .heading-layout4 h2,

  .heading-layout4 h3 {

    font-size: 24px;

  }

}

.heading-layout4:after {

  position: absolute;

  content: "";

  height: 4px;

  width: 42px;

  background-color: #d7d7d7;

  left: auto;

  bottom: 0;

}

.heading-layout5 {

  text-align: center;

  position: relative;

  margin-bottom: 35px;

}

.heading-layout5 h2,

.heading-layout5 h3 {

  font-weight: 700;

  padding-bottom: 17px;

}

@media only screen and (max-width: 767px) {

  .heading-layout5 h2,

  .heading-layout5 h3 {

    font-size: 24px;

  }

}

.heading-layout5:after {

  position: absolute;

  content: "";

  height: 4px;

  width: 42px;

  background-color: #d7d7d7;

  left: 50%;

  transform: translateX(-50%);

  bottom: 0;

}

/*=======================================================================

[09] Own Carousal Nav Style

=========================================================================*/

.owl-nav-layout1 {

  overflow: hidden;

}

.owl-nav-layout1 .owl-controls .owl-nav {

  margin-top: 0;

}

.owl-nav-layout1 .owl-controls .owl-nav > div {

  font-size: 24px;

  color: #111111;

  height: 50px;

  width: 50px;

  border-radius: 50%;

  border: 1px solid #111111;

  display: flex;

  background-color: transparent;

  align-items: center;

  justify-content: center;

  position: absolute;

  transform: translateY(-50%);

  top: 50%;

  margin: 0;

  padding: 5px 10px;

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

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

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

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

  transition: all 0.3s ease-out;

}

@media only screen and (max-width: 991px) {

  .owl-nav-layout1 .owl-controls .owl-nav > div {

    font-size: 22px;

  }

}

@media only screen and (max-width: 767px) {

  .owl-nav-layout1 .owl-controls .owl-nav > div {

    font-size: 20px;

  }

}

@media only screen and (max-width: 575px) {

  .owl-nav-layout1 .owl-controls .owl-nav > div {

    font-size: 18px;

  }

}

.owl-nav-layout1 .owl-controls .owl-prev {

  left: 0;

}

@media only screen and (max-width: 575px) {

  .owl-nav-layout1 .owl-controls .owl-prev {

    visibility: hidden;

    opacity: 0;

  }

}

.owl-nav-layout1 .owl-controls .owl-prev:hover {

  background-color: #111111;

}

.owl-nav-layout1 .owl-controls .owl-prev:hover i {

  color: #ffffff;

}

.owl-nav-layout1 .owl-controls .owl-next {

  right: 0;

}

@media only screen and (max-width: 575px) {

  .owl-nav-layout1 .owl-controls .owl-next {

    visibility: hidden;

    opacity: 0;

  }

}

.owl-nav-layout1 .owl-controls .owl-next:hover {

  background-color: #111111;

}

.owl-nav-layout1 .owl-controls .owl-next:hover i {

  color: #ffffff;

}

.owl-nav-layout2 {

  overflow: hidden;

}

.owl-nav-layout2 .owl-stage-outer {

  background-color: #444444;

}

.owl-nav-layout2 .owl-controls .owl-nav {

  margin-top: 0;

}

.owl-nav-layout2 .owl-controls .owl-nav > div {

  font-size: 26px;

  color: #444444;

  display: flex;

  background-color: #ffffff;

  border: 1px solid #ffffff;

  border-radius: 50%;

  align-items: center;

  justify-content: center;

  height: 55px;

  width: 55px;

  position: absolute;

  transform: translateY(-50%);

  top: 50%;

  margin: 0;

  padding: 0;

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

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

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

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

  transition: all 0.3s ease-in-out;

}

@media only screen and (max-width: 991px) {

  .owl-nav-layout2 .owl-controls .owl-nav > div {

    font-size: 22px;

    height: 50px;

    width: 50px;

  }

}

@media only screen and (max-width: 767px) {

  .owl-nav-layout2 .owl-controls .owl-nav > div {

    font-size: 20px;

    height: 45px;

    width: 45px;

  }

}

@media only screen and (max-width: 575px) {

  .owl-nav-layout2 .owl-controls .owl-nav > div {

    font-size: 18px;

    height: 40px;

    width: 40px;

  }

}

.owl-nav-layout2 .owl-controls .owl-prev {

  left: 8rem;

}

@media only screen and (max-width: 991px) {

  .owl-nav-layout2 .owl-controls .owl-prev {

    left: 2rem;

  }

}

.owl-nav-layout2 .owl-controls .owl-prev:hover {

  background: transparent;

}

.owl-nav-layout2 .owl-controls .owl-prev:hover i {

  color: #cccccc;

}

.owl-nav-layout2 .owl-controls .owl-next {

  right: 8rem;

}

@media only screen and (max-width: 991px) {

  .owl-nav-layout2 .owl-controls .owl-next {

    right: 2rem;

  }

}

.owl-nav-layout2 .owl-controls .owl-next:hover {

  background: transparent;

}

.owl-nav-layout2 .owl-controls .owl-next:hover i {

  color: #cccccc;

}

.owl-nav-layout3 {

  overflow: hidden;

}

.owl-nav-layout3 .owl-controls .owl-nav {

  margin-top: 0;

}

.owl-nav-layout3 .owl-controls .owl-nav > div {

  font-size: 28px;

  color: #444444;

  display: flex;

  background-color: #ffffff;

  border: 1px solid #ffffff;

  border-radius: 50%;

  align-items: center;

  justify-content: center;

  height: 60px;

  width: 60px;

  position: absolute;

  transform: translateY(-50%);

  top: 50%;

  margin: 0;

  padding: 0;

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

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

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

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

  transition: all 0.3s ease-in-out;

}

@media only screen and (max-width: 991px) {

  .owl-nav-layout3 .owl-controls .owl-nav > div {

    height: 50px;

    width: 50px;

    font-size: 22px;

  }

}

@media only screen and (max-width: 767px) {

  .owl-nav-layout3 .owl-controls .owl-nav > div {

    height: 45px;

    width: 45px;

    font-size: 20px;

  }

}

@media only screen and (max-width: 575px) {

  .owl-nav-layout3 .owl-controls .owl-nav > div {

    height: 40px;

    width: 40px;

    font-size: 18px;

  }

}

.owl-nav-layout3 .owl-controls .owl-prev {

  left: 8rem;

}

@media only screen and (max-width: 575px) {

  .owl-nav-layout3 .owl-controls .owl-prev {

    left: 2rem;

  }

}

.owl-nav-layout3 .owl-controls .owl-prev:hover {

  background: transparent;

}

.owl-nav-layout3 .owl-controls .owl-prev:hover i {

  color: #111111;

}

.owl-nav-layout3 .owl-controls .owl-next {

  right: 8rem;

}

@media only screen and (max-width: 575px) {

  .owl-nav-layout3 .owl-controls .owl-next {

    right: 2rem;

  }

}

.owl-nav-layout3 .owl-controls .owl-next:hover {

  background: transparent;

}

.owl-nav-layout3 .owl-controls .owl-next:hover i {

  color: #111111;

}

.owl-nav-layout4 {

  overflow: hidden;

}

.owl-nav-layout4 .owl-controls .owl-nav {

  margin-top: 0;

}

.owl-nav-layout4 .owl-controls .owl-nav > div {

  font-size: 24px;

  color: #ffffff;

  height: 50px;

  width: 50px;

  border: 1px solid #ffffff;

  border-radius: 50%;

  display: flex;

  background-color: transparent;

  align-items: center;

  justify-content: center;

  position: absolute;

  transform: translateY(-50%);

  top: 50%;

  margin: 0;

  padding: 5px 10px;

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

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

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

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

  transition: all 0.3s ease-out;

}

@media only screen and (max-width: 991px) {

  .owl-nav-layout4 .owl-controls .owl-nav > div {

    font-size: 22px;

  }

}

@media only screen and (max-width: 767px) {

  .owl-nav-layout4 .owl-controls .owl-nav > div {

    font-size: 20px;

  }

}

@media only screen and (max-width: 575px) {

  .owl-nav-layout4 .owl-controls .owl-nav > div {

    font-size: 18px;

  }

}

.owl-nav-layout4 .owl-controls .owl-prev {

  left: 0;

}

@media only screen and (max-width: 575px) {

  .owl-nav-layout4 .owl-controls .owl-prev {

    visibility: hidden;

    opacity: 0;

  }

}

.owl-nav-layout4 .owl-controls .owl-prev:hover {

  background-color: #ffffff;

}

.owl-nav-layout4 .owl-controls .owl-prev:hover i {

  color: #111111;

}

.owl-nav-layout4 .owl-controls .owl-next {

  right: 0;

}

@media only screen and (max-width: 575px) {

  .owl-nav-layout4 .owl-controls .owl-next {

    visibility: hidden;

    opacity: 0;

  }

}

.owl-nav-layout4 .owl-controls .owl-next:hover {

  background-color: #ffffff;

}

.owl-nav-layout4 .owl-controls .owl-next:hover i {

  color: #111111;

}

.owl-dot-layout1 {

  position: relative;

}

.owl-dot-layout1 .owl-controls {

  margin-top: 4rem;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

.owl-dot-layout1 .owl-controls .owl-dots {

  display: flex;

  justify-content: center;

  align-items: center;

}

.owl-dot-layout1 .owl-controls .owl-dots .owl-dot {

  position: relative;

  margin: 0 8px;

  width: 15px;

}

.owl-dot-layout1 .owl-controls .owl-dots .owl-dot span {

  margin: 0;

  height: 10px;

  width: 10px;

  display: block;

  border-radius: 50%;

  background: #d7d7d7;

  transition: all 0.3s ease-out;

  position: absolute;

  top: 50%;

  left: 50%;

  right: 0;

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

}

.owl-dot-layout1 .owl-controls .owl-dots .active span {

  background: #111111;

  height: 20px;

  width: 20px;

}

.owl-dot-layout1 .owl-nav {

  margin-top: 0;

}

/*=======================================================================

[10] Header Area Style

=========================================================================*/

header.header {

  position: relative;

  z-index: 10;

}

@media only screen and (max-width: 991px) {

  header {

    display: none;

  }

}

.logo-area a {

  display: block;

}

.header-menu-area:after {

  clear: both;

  content: "";

  display: block;

}

.template-main-menu {

/*text-transform: uppercase;*/

}

.template-main-menu nav > ul > li {

  position: relative;

}

.template-main-menu nav > ul > li > a {

  font-size: 16px;

/*text-transform: uppercase;*/

  font-weight: 500;

  line-height: 1;

  display: block;

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

}

.template-main-menu nav > ul > li ul.dropdown-menu-col-1 {

  border-top: 1px solid #111111;

  background-color: #ffffff;

  width: 250px;

  visibility: hidden;

  opacity: 0;

  position: absolute;

  top: 100%;

  left: 0;

  -webkit-transform: translateY(15px);

  -moz-transform: translateY(15px);

  -ms-transform: translateY(15px);

  -o-transform: translateY(15px);

  transform: translateY(15px);

  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);

  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);

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

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

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

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

  transition: all 0.3s ease-out;

}

.template-main-menu nav > ul > li ul.dropdown-menu-col-1 li a {

  font-size: 15px;

 /* text-transform: capitalize;*/

  color: #111111;

  padding: 12px 15px;

  display: block;

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

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

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

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

  transition: all 0.3s ease-out;

}

.template-main-menu nav > ul > li ul.dropdown-menu-col-1 li a:hover {

  color: #ffffff;

  background-color: #111111;

}

.template-main-menu nav > ul > li ul.dropdown-menu-col-2 {

  border-top: 1px solid #111111;

  background-color: #ffffff;

  width: 476px;

  /*width: 400px;*/

  opacity: 0;

  visibility: hidden;

  position: absolute;

  top: 100%;

  left: 0;

  -webkit-transform: translateY(15px);

  -moz-transform: translateY(15px);

  -ms-transform: translateY(15px);

  -o-transform: translateY(15px);

  transform: translateY(15px);

  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);

  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);

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

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

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

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

  transition: all 0.3s ease-out;

}

.template-main-menu nav > ul > li ul.dropdown-menu-col-2 li {

  display: inline-block;

  width: 99.5%;

}

.template-main-menu nav > ul > li ul.dropdown-menu-col-2 li a {

  font-size: 15px;

 /*text-transform: capitalize;*/

  color: #111111;

  padding: 12px 15px;

  display: block;

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

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

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

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

  transition: all 0.3s ease-out;

}

.template-main-menu nav > ul > li ul.dropdown-menu-col-2 li a:hover {

  color: #ffffff;

  background-color: #111111;

}

.template-main-menu nav > ul > li .third-level {

  border-top: 1px solid #111111;

  background-color: #ffffff;

  width: 250px;

  opacity: 0;

  visibility: hidden;

  position: absolute;

  top: 0;

  left: 100%;

  transform: translateY(15px);

  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);

  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);

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

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

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

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

  transition: all 0.2s ease-out;

}

.template-main-menu nav > ul > li .third-level li a {

  font-size: 15px;

 /* text-transform: capitalize;*/

  color: #111111;

  padding: 12px 15px;

  display: block;

}

.template-main-menu nav > ul > li .third-level li a:hover {

  color: #ffffff;

  background-color: #3c70fa;

}

.template-main-menu nav > ul > li .template-mega-menu {

  background-color: #ffffff;

  border-top: 1px solid #111111;

  position: absolute;

  width: 100%;

  left: 0;

  right: 0;

  z-index: 10;

  opacity: 0;

  visibility: hidden;

  top: 100%;

  padding: 20px 0 0;

  transform: translateY(15px);

  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);

  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);

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

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

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

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

  transition: all 0.2s ease-out;

}

.template-main-menu nav > ul > li .template-mega-menu .menu-ctg-title {

  font-size: 16px;

  font-weight: 500;

  color: #111111;

  margin-bottom: 5px;

}

.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu {

  margin-bottom: 20px;

}

.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li {

  margin-bottom: 5px;

  padding-bottom: 7px;

  border-bottom: 1px solid #ebebeb;

}

.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li:last-child {

  border-bottom: 0;

  margin-bottom: 0;

  padding-bottom: 0;

}

.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li a {

  font-size: 15px;

 /* text-transform: capitalize;*/

  color: #111111;

  padding: 5px 15px 5px 30px;

  display: block;

  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);

  -moz-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);

  -ms-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);

  -o-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);

  transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);

  position: relative;

}

.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li a i {

  color: #444444;

  position: absolute;

  left: 0;

  top: 50%;

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

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

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

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

  transform: translateY(-50%);

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

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

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

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

  transition: all 0.3s ease-out;

}

.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li a:hover {

  color: #111111;

  padding: 5px 15px 5px 35px;

}

.template-main-menu nav > ul > li .template-mega-menu ul.sub-menu li a:hover i {

  color: #111111;

  animation: toRightFromLeft10 0.5s;

}

.template-main-menu nav > ul > li:hover ul.dropdown-menu-col-1 {

  opacity: 1;

  visibility: visible;

  transform: translatey(0);

}

.template-main-menu nav > ul > li:hover ul.dropdown-menu-col-2 {

  opacity: 1;

  visibility: visible;

  transform: translatey(0);

}

.template-main-menu nav > ul > li:hover .template-mega-menu {

  opacity: 1;

  visibility: visible;

  transform: translatey(0);

}

.template-main-menu nav > ul > li > ul > li {

  position: relative;

}

.template-main-menu nav > ul > li > ul > li a.third-level-arrow:after {

  position: absolute;

  content: "\f105";

  font-family: "Font Awesome 5 Free";

  font-weight: 600;

  opacity: 0.8;

  font-size: 20px;

  z-index: 8;

  right: 30px;

  top: 50%;

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

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

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

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

  transform: translateY(-50%);

  color: #111111;

  -webkit-transition: all 1s cubic-bezier(0, 0, 0.15, 1.88);

  -moz-transition: all 1s cubic-bezier(0, 0, 0.15, 1.88);

  -ms-transition: all 1s cubic-bezier(0, 0, 0.15, 1.88);

  -o-transition: all 1s cubic-bezier(0, 0, 0.15, 1.88);

  transition: all 1s cubic-bezier(0, 0, 0.15, 1.88);

}

.template-main-menu nav > ul > li > ul > li:hover .third-level-arrow:after {

  right: 15px;

}

.template-main-menu nav > ul > li > ul > li:hover ul.third-level {

  opacity: 1;

  visibility: visible;

  transform: translatey(0);

}

.navigation-menu > ul {

  display: inline-flex;

  align-items: center;

}

.navigation-menu > ul > li {

  margin-right: 25px;

  padding: 1rem 0;

}

.navigation-menu > ul > li:last-child {

  margin-right: 0;

}

.navigation-menu > ul .header-social a {

  font-size: 18px;

  color: #cccccc;

  padding: 10px;

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

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

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

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

  transition: all 0.3s ease-in-out;

}

.navigation-menu > ul .header-social a:hover {

  color: #ffffff;

}

.navigation-menu > ul .header-search-box a i:before {

  margin-left: 0;

  font-size: 20px;

  color: #cccccc;

}

.navigation-menu > ul .header-language > a {

  font-size: 18px;

  font-weight: 600;

  color: #e5e5e5;

  margin-right: 8px;

}

.navigation-menu > ul .header-language > a:last-child {

  margin-right: 0;

}

.navigation-menu > ul .header-language a.active {

  color: #111111;

}

.navigation-menu > ul .btn-color-dark a i:before {

  font-size: 22px;

  color: #111111;

}

.menu-sticky .header-menu-area {

  animation-name: headerSlideDown;

  animation-duration: 0.50s;

  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);

  transition: all 0.5s ease-out;

}

.menu-sticky .header-menu-layout1,

.menu-sticky .header-menu-layout2,

.menu-sticky .header-menu-layout3,

.menu-sticky .header-menu-layout4,

.menu-sticky .header-menu-layout5,

.menu-sticky .header-menu-layout6,

.menu-sticky .header-menu-layout7 {

  top: 0;

  position: fixed;

  margin: 0 0 auto;

  background-color: rgba(17, 17, 17, 0.95);

}

.menu-sticky .header-menu-layout2,

.menu-sticky .header-menu-layout3,

.menu-sticky .header-menu-layout4 {

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

}

.menu-sticky .header-menu-layout2 .template-main-menu nav > ul > li > a,

.menu-sticky .header-menu-layout3 .template-main-menu nav > ul > li > a,

.menu-sticky .header-menu-layout4 .template-main-menu nav > ul > li > a {

  padding: 35px 15px;

}

.menu-sticky .header-menu-layout1,

.menu-sticky .header-menu-layout5,

.menu-sticky .header-menu-layout6,

.menu-sticky .header-menu-layout7 {

  padding: 5px 5rem;

}

.mean-container .mean-bar {

  background: transparent !important;

  float: none;

  padding: 0 !important;

  position: fixed !important;

  top: 0;

}

.mean-container .mean-bar:after {

  content: "";

  clear: both;

  display: block;

}

@media only screen and (max-width: 767px) {

  .mean-container .mean-bar a {

    padding: 6px 16px;

    display: inline-block;

  }

}

@media only screen and (max-width: 767px) {

  .mean-container .mean-bar .meanmenu-reveal {

    margin-top: 5px;

  }

}

.mean-container .mean-bar a.logo-mobile-menu {

  width: 100%;

  background-color: rgba(222, 222, 222, 0.95);

  box-sizing: border-box;

}

.mean-container .mean-bar .mobile-menu-nav-back {

  padding-left: 15px;

  border-bottom: 1px solid #b2b2b2;

  position: relative;

  text-align: center;

  height: 70px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}

.mean-container .mean-bar .mobile-menu-nav-back:before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(248, 248, 248, 0.95);

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

}

.mean-container .mean-nav {

  float: none !important;

  background: transparent !important;

}

@media only screen and (max-width: 991px) {

  .mean-container .mean-nav .dropdown-menu-col-2 li {

    border-top: transparent;

  }

}

.mean-container .mean-nav > ul {

  overflow-y: scroll;

  height: 100vh;

}

.mean-container .mean-nav > ul:after {

  content: '';

  display: block;

  clear: both;

}

.mean-container .mean-nav > ul > li a {

  font-size: 14px;

  color: #111111;

  font-weight: 700;

  background-color: #ebebeb;

  transition: all 0.5s ease-out;

}

.mean-container .mean-nav > ul > li a:hover {

  color: #111111;

}

.mean-container .mean-nav > ul > li:hover > a {

  color: #111111;

  background-color: #ffffff;

}

.mean-container .mean-nav > ul > li > ul > li a {

  color: #111111;

  opacity: 1;

  font-weight: 400;

  padding: 0.5em 10%;

}

.mean-container .mean-nav > ul > li > ul > li a:hover {

  background-color: #ffffff;

}

.mean-container .mean-nav > ul > li a.mean-expand {

  background-color: transparent;

  margin-top: 0;

  height: 20px;

  line-height: 27px;

  width: 100%;

  text-align: right;

  font-size: 14px;

  padding: 12px 20px 12px 12px !important;

}

.mean-container .mean-nav > ul > li a.mean-expand:hover {

  background-color: transparent;

}

.mean-container a.meanmenu-reveal {

  float: none !important;

  position: absolute;

  top: 12px;

  transition: unset;

}

.mean-bar + div #wrapper {

  padding-top: 52px;

}

.header-menu-layout1 {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: 22px auto 0;

  z-index: 100;

  background-color: transparent;

}

.header-menu-layout2 {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: 0 auto;

  z-index: 100;

  background-color: #ffffff;

}

.header-menu-layout2 .template-main-menu nav > ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}

.header-menu-layout2 .template-main-menu nav > ul > li > a {

  padding: 46px 15px;

  color: #111111;

}

@media only screen and (max-width: 1199px) {

  .header-menu-layout2 .template-main-menu nav > ul > li > a {

    padding: 40px 10px;

  }

}

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

  animation: toBottomFromTop10 0.3s forwards;

  color: #111111;

}

.header-menu-layout3 {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: 0 auto;

  z-index: 100;

  background-color: #ffffff;

}

.header-menu-layout3 .navigation-menu > ul {

  height: 100%;

}

.header-menu-layout3 .navigation-menu > ul li {

  height: 100%;

  padding: 0;

  align-items: center;

  display: inline-flex;

}

.header-menu-layout3 .navigation-menu > ul .header-search-box {

  border-left: 1px solid #d7d7d7;

  border-right: 1px solid #d7d7d7;

  padding: 20px 25px;

}

.header-menu-layout3 .navigation-menu > ul .header-search-box a i:before {

  font-size: 25px;

  color: #444444;

}

.header-menu-layout3 .navigation-menu > ul .offcanvas-menu-wrap {

  background-color: #000000;

  padding: 0 22px;

}

.header-menu-layout3 .navigation-menu > ul .offcanvas-menu-wrap button.offcanvas-menu-btn .menu-btn-icon span {

  left: 0;

}

.header-menu-layout4 {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: 0 auto;

  z-index: 100;

  background-color: #ffffff;

  padding: 1rem 0;

}

.header-menu-layout4 .navigation-menu .offcanvas-menu-wrap button.offcanvas-menu-btn .menu-btn-icon span {

  left: 0;

}

.header-menu-layout5 {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: 22px auto 0;

  z-index: 100;

  background-color: transparent;

}

.header-menu-layout6 {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: 22px auto;

  z-index: 100;

  background-color: transparent;

}

.header-menu-layout6 .navigation-menu .offcanvas-menu-wrap button.offcanvas-menu-btn .menu-btn-icon span {

  left: 0;

}

.header-menu-layout7 {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  margin: 22px auto;

  z-index: 100;

  background-color: transparent;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  padding-bottom: 1.5rem;

}

@media only screen and (max-width: 991px) {

  .hide-on-mobile-menu {

    display: none;

  }

}

@media only screen and (min-width: 992px) {

  .hide-on-desktop-menu {

    display: none !important;

  }

}

.header-search {

  position: fixed;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.85);

  transition: all 0.5s ease-in-out;

  transform: translate(0px, -100%) scale(0, 0);

  opacity: 0;

  visibility: hidden;

  z-index: 999999;

}

.header-search .header-search-form {

  text-align: center;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  transform: translateY(-50%);

}

.header-search .header-search-form input[type="search"] {

  width: 60%;

  color: #ffffff;

  font-size: 24px;

  text-align: left;

  border: none;

  margin: 0px auto;

  padding: 25px 10px 25px 30px;

  outline: none;

  background: linear-gradient(to right, transparent, rgba(200, 200, 200, 0.5), transparent);

}

.header-search .header-search-form .search-btn {

  padding: 24px 10px;

  background-color: transparent;

  box-shadow: none;

  border: none;

  border-radius: 4px;

  cursor: pointer;

}

.header-search .header-search-form .search-btn i:before {

  font-size: 24px;

  font-weight: 700;

  color: #ffffff;

  margin-left: 0;

}

.header-search .header-search-form .search-btn:focus {

  box-shadow: none;

  outline: none;

}

.header-search .close {

  position: fixed;

  top: 15px;

  right: 15px;

  color: #111111;

  background-color: rgba(255, 255, 255, 0.8);

  border: none;

  opacity: 1;

  visibility: visible;

  padding: 3px 15px 5px;

  font-size: 36px;

  font-weight: 300;

  border-radius: 2px;

  cursor: pointer;

  box-shadow: 0 1px 2px 0px rgba(255, 255, 255, 0.75);

  transition: all 0.3s ease-in-out;

}

.header-search .close:focus {

  box-shadow: none;

  border: none;

  outline: none;

}

.header-search .close:hover {

  background-color: #ffffff;

}

.header-search.open {

  transform: translate(0px, 0px) scale(1, 1);

  opacity: 1;

  visibility: visible;

}

.offcanvas-menu-wrap {

  display: inline-flex;

}

.offcanvas-menu-wrap button.offcanvas-btn-dark .menu-btn-icon > span {

  background-color: #111111;

}

.offcanvas-menu-wrap button.offcanvas-btn-darklight .menu-btn-icon span {

  background-color: #cccccc;

}

.offcanvas-menu-wrap button.offcanvas-btn-light .menu-btn-icon span {

  background-color: #ffffff;

}

.offcanvas-menu-wrap button.offcanvas-close-btn.menu-status-close .menu-btn-icon span {

  background-color: #ffffff;

}

.offcanvas-menu-wrap button.offcanvas-menu-btn {

  border: none;

  background-color: transparent;

  box-shadow: none;

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  padding: 0;

  width: 40px;

}

.offcanvas-menu-wrap button.offcanvas-menu-btn:focus {

  outline: none;

}

.offcanvas-menu-wrap button.offcanvas-menu-btn .menu-btn-icon {

  display: block;

  width: 35px;

  position: relative;

  height: 50px;

}

.offcanvas-menu-wrap button.offcanvas-menu-btn .menu-btn-icon span {

  position: absolute;

  height: 2px;

  right: 0;

  z-index: 2;

  transition: 0.8s cubic-bezier(0.86, 0, 0.07, 1);

}

.offcanvas-menu-wrap button.offcanvas-menu-btn.menu-status-open .menu-btn-icon span {

  width: 100%;

}

.offcanvas-menu-wrap button.offcanvas-menu-btn.menu-status-open .menu-btn-icon span:nth-child(1n) {

  animation: open_first_bar 0.8s cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards;

}

.offcanvas-menu-wrap button.offcanvas-menu-btn.menu-status-open .menu-btn-icon span:nth-child(2n) {

  animation: open_second_bar 0.8s cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards;

  width: 70%;

}

.offcanvas-menu-wrap button.offcanvas-menu-btn.menu-status-open .menu-btn-icon span:nth-child(3n) {

  animation: open_third_bar 0.8s cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards;

}

.offcanvas-menu-wrap button.offcanvas-menu-btn.menu-status-close .menu-btn-icon span {

  width: 94%;

}

.offcanvas-menu-wrap button.offcanvas-menu-btn.menu-status-close .menu-btn-icon span:nth-child(1n) {

  animation: close_first_bar 0.8s cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards;

}

.offcanvas-menu-wrap button.offcanvas-menu-btn.menu-status-close .menu-btn-icon span:nth-child(2n) {

  animation: close_second_bar 0.8s cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards;

}

.offcanvas-menu-wrap button.offcanvas-menu-btn.menu-status-close .menu-btn-icon span:nth-child(3n) {

  animation: close_third_bar 0.8s cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards;

}

@keyframes open_first_bar {

  0% {

    top: 50%;

    transform: translateY(-50%) rotate(45deg);

  }

  50% {

    top: 50%;

    transform: translateY(-50%);

  }

  to {

    top: 65%;

    transform: translateY(-50%);

  }

}

@keyframes close_first_bar {

  0% {

    top: 65%;

    transform: translateY(-50%);

  }

  50% {

    top: 50%;

    transform: translateY(-50%);

  }

  to {

    top: 50%;

    transform: translateY(-50%) rotate(45deg);

  }

}

@keyframes open_second_bar {

  0%,

  50% {

    top: 50%;

    transform: translateY(-50%);

    opacity: 0;

  }

  51%,

  to {

    top: 50%;

    transform: translateY(-50%);

    opacity: 1;

  }

}

@keyframes close_second_bar {

  0%,

  50% {

    top: 50%;

    transform: translateY(-50%);

    opacity: 1;

  }

  51%,

  to {

    top: 50%;

    transform: translateY(-50%);

    opacity: 0;

  }

}

@keyframes open_third_bar {

  0% {

    top: 50%;

    transform: translateY(-50%) rotate(-45deg);

  }

  50% {

    top: 50%;

    transform: translateY(-50%);

  }

  to {

    top: 35%;

    transform: translateY(-50%);

  }

}

@keyframes close_third_bar {

  0% {

    top: 35%;

    transform: translateY(-50%);

  }

  50% {

    top: 50%;

    transform: translateY(-50%);

  }

  to {

    top: 50%;

    transform: translateY(-50%) rotate(-45deg);

  }

}

@media only screen and (max-width: 991px) {

  .nav-home-wrap {

    margin-top: 71px;

  }

}

.side-nav-menu {

  height: 100vh;

}

@media only screen and (max-width: 575px) {

  .side-nav-menu {

    height: 100%;

    margin-bottom: 5rem;

  }

}

.side-nav-menu .menu-logo {

  padding: 7rem 0;

  text-align: center;

}

.side-nav-menu .nav-menu-list {

  text-align: center;

}

.side-nav-menu .nav-menu-list > ul > li {

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

  margin-bottom: 20px;

  position: relative;

}

.side-nav-menu .nav-menu-list > ul > li:last-child {

  margin-bottom: 0;

}

.side-nav-menu .nav-menu-list > ul > li > a {

  font-size: 18px;

  color: #646464;

  padding: 5px;

  font-weight: 500;

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

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

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

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

  transition: all 0.3s ease-out;

}

.side-nav-menu .nav-menu-list > ul > li > a:hover {

  color: #111111;

}

.side-nav-menu .nav-menu-list > ul > li a.active {

  color: #111111;

}

.nav-menu-footer {

  text-align: center;

  position: absolute;

  bottom: 4rem;

  left: 0;

  right: 0;

}

@media only screen and (max-width: 991px) {

  .nav-menu-footer {

    position: inherit;

    padding: 3rem 0 2rem;

    background-color: #1a1a1a;

  }

}

.nav-menu-footer .copyright {

  font-size: 17px;

  color: #646464;

  padding: 0;

  margin-bottom: 1rem;

}

@media only screen and (max-width: 991px) {

  .nav-menu-footer .copyright {

    margin-bottom: 5px;

    color: #b3b3b3;

  }

}

.nav-menu-footer .footer-social li {

  display: inline-block;

  margin-right: 5px;

  margin-bottom: 10px;

}

.nav-menu-footer .footer-social li:last-child {

  margin-right: 0;

}

.nav-menu-footer .footer-social li a {

  font-size: 18px;

  color: #646464;

  padding: 5px;

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

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

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

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

  transition: all 0.3s ease-out;

}

@media only screen and (max-width: 991px) {

  .nav-menu-footer .footer-social li a {

    color: #b3b3b3;

  }

}

.nav-menu-footer .footer-social li a:hover {

  color: #111111;

}

@media only screen and (max-width: 991px) {

  .nav-menu-footer .footer-social li a:hover {

    color: #ffffff;

  }

}

/*=======================================================================

[11] Slider Area Style

=========================================================================*/

.slider-top-padding {

  padding-top: 10rem;

}

.slider-top-margin95 {

  margin-top: 100px;

}

@media only screen and (max-width: 991px) {

  .slider-top-margin95 {

    margin-top: 71px;

  }

}

.slider-top-margin72 {

  margin-top: 72px;

}

@media only screen and (max-width: 991px) {

  .slider-top-margin72 {

    margin-top: 71px;

  }

}

.slider-area {

  position: relative;

}

.slider-area .nivo-controlNav {

  display: none;

}

.slider-area .nivo-directionNav a {

  z-index: 6;

}

.slider-area .nivo-directionNav a.nivo-prevNav {

  left: 40px;

  width: 5.5rem;

  height: 5.5rem;

  border-radius: 50%;

  background-color: transparent;

  border: 1px solid #ffffff;

  color: #ffffff;

  font-size: 0;

  transition: all 0.5s ease-out;

}

.slider-area .nivo-directionNav a.nivo-prevNav:before {

  content: "\f053";

  font-family: "Font Awesome 5 Free";

  font-weight: 600;

  cursor: pointer;

  font-size: 1.6rem;

  margin: 0;

  position: absolute;

  text-align: center;

  top: 50%;

  transform: translateY(-50%);

  z-index: 9;

  left: 0;

  right: 0;

  transition: all 0.5s ease-out;

}

.slider-area .nivo-directionNav a.nivo-prevNav:hover {

  background-color: #ffffff;

  border: 1px solid #ffffff;

}

.slider-area .nivo-directionNav a.nivo-prevNav:hover:before {

  color: #111111 !important;

  background: transparent !important;

}

.slider-area .nivo-directionNav a.nivo-nextNav {

  right: 40px;

  width: 5.5rem;

  height: 5.5rem;

  border-radius: 50%;

  background-color: transparent;

  border: 1px solid #ffffff;

  color: #ffffff;

  font-size: 0;

  transition: all 0.5s ease-out;

}

.slider-area .nivo-directionNav a.nivo-nextNav:before {

  content: "\f054";

  font-family: "Font Awesome 5 Free";

  font-weight: 600;

  cursor: pointer;

  font-size: 1.6rem;

  margin: 0;

  position: absolute;

  text-align: center;

  top: 50%;

  transform: translateY(-50%);

  z-index: 9;

  left: 0;

  right: 0;

  transition: all 0.5s ease-out;

}

.slider-area .nivo-directionNav a.nivo-nextNav:hover {

  background-color: #ffffff;

  border: 1px solid #ffffff;

}

.slider-area .nivo-directionNav a.nivo-nextNav:hover:before {

  color: #111111 !important;

  background: transparent !important;

}

.slider-area:hover a {

  opacity: 1;

  visibility: visible;

}

.slider-area .nivo-caption {

  opacity: 1;

}

.slider-area .nivo-caption p {

  padding: 0;

}

.slider-area .slide-1 div.slider-big-text,

.slider-area .slide-2 div.slider-big-text,

.slider-area .slide-3 div.slider-big-text {

  font-size: 6rem;

  font-weight: 700;

  color: #ffffff;

  margin-bottom: 20px;

  line-height: 1.1;

  width: 60%;

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

}





@media only screen and (min-width: 1200px) {

.slider-area .slide-1 div.slider-paragraph,

.slider-area .slide-2 div.slider-paragraph,

.slider-area .slide-3 div.slider-paragraph {

  color: #cccccc;

  font-size:20px;

  margin-bottom: 22px;

  width: 55%;

  }

}















@media only screen and (max-width: 1199px) {

  .slider-area .slide-1 div.slider-big-text,

  .slider-area .slide-2 div.slider-big-text,

  .slider-area .slide-3 div.slider-big-text {

    font-size: 5.2rem;

  }

}

@media only screen and (max-width: 991px) {

  .slider-area .slide-1 div.slider-big-text,

  .slider-area .slide-2 div.slider-big-text,

  .slider-area .slide-3 div.slider-big-text {

    font-size: 3.8rem;

  }

}

@media only screen and (max-width: 767px) {

  .slider-area .slide-1 div.slider-big-text,

  .slider-area .slide-2 div.slider-big-text,

  .slider-area .slide-3 div.slider-big-text {

    font-size: 2.7rem;

  }

}

@media only screen and (max-width: 575px) {

  .slider-area .slide-1 div.slider-big-text,

  .slider-area .slide-2 div.slider-big-text,

  .slider-area .slide-3 div.slider-big-text {

    font-size: 1.4rem;

    margin-bottom: 0;

  }

}

.slider-area .slide-1 div.slider-big-text span,

.slider-area .slide-2 div.slider-big-text span,

.slider-area .slide-3 div.slider-big-text span {

  display: block;

  font-weight: 300;

}

.slider-area .slide-1 div.slider-big-text.text-light,

.slider-area .slide-2 div.slider-big-text.text-light,

.slider-area .slide-3 div.slider-big-text.text-light {

  color: #ffffff;

}

.slider-area .slide-1 div.slider-sub-text,

.slider-area .slide-2 div.slider-sub-text,

.slider-area .slide-3 div.slider-sub-text {

  font-size: 18px;

  color: #b8b8b8;

  margin-bottom: 10px;

}

@media only screen and (max-width: 767px) {

  .slider-area .slide-1 div.slider-sub-text,

  .slider-area .slide-2 div.slider-sub-text,

  .slider-area .slide-3 div.slider-sub-text {

    display: none;

  }

}

.slider-area .slide-1 div.slider-sub-text.text-light,

.slider-area .slide-2 div.slider-sub-text.text-light,

.slider-area .slide-3 div.slider-sub-text.text-light {

  color: #ffffff;

}

.slider-area .slide-1 div.slider-paragraph,

.slider-area .slide-2 div.slider-paragraph,

.slider-area .slide-3 div.slider-paragraph {

  color: #cccccc;

  margin-bottom: 20px;

  width: 55%;

}

@media only screen and (max-width: 575px) {

  .slider-area .slide-1 div.slider-paragraph,

  .slider-area .slide-2 div.slider-paragraph,

  .slider-area .slide-3 div.slider-paragraph {

    display: none;

  }

}

.slider-area .slide-1 div.slider-paragraph.text-light,

.slider-area .slide-2 div.slider-paragraph.text-light,

.slider-area .slide-3 div.slider-paragraph.text-light {

  color: #ffffff;

}

.slider-area .slide-1 .slider-big-text.padding-right,

.slider-area .slide-2 .slider-big-text.padding-right,

.slider-area .slide-3 .slider-big-text.padding-right,

.slider-area .slide-1 .slider-sub-text.padding-right,

.slider-area .slide-2 .slider-sub-text.padding-right,

.slider-area .slide-3 .slider-sub-text.padding-right,

.slider-area .slide-1 .slider-paragraph.padding-right,

.slider-area .slide-2 .slider-paragraph.padding-right,

.slider-area .slide-3 .slider-paragraph.padding-right {

  padding-right: 60%;

}

.slider-area .slide-1 .slider-big-text.padding-left,

.slider-area .slide-2 .slider-big-text.padding-left,

.slider-area .slide-3 .slider-big-text.padding-left,

.slider-area .slide-1 .slider-sub-text.padding-left,

.slider-area .slide-2 .slider-sub-text.padding-left,

.slider-area .slide-3 .slider-sub-text.padding-left,

.slider-area .slide-1 .slider-paragraph.padding-left,

.slider-area .slide-2 .slider-paragraph.padding-left,

.slider-area .slide-3 .slider-paragraph.padding-left {

  padding-left: 60%;

}

.slider-area .slider-btn-area {

  margin-top: 30px;

  border-radius: 4px;

}

@media only screen and (max-width: 767px) {

  .slider-area .slider-btn-area {

    display: none;

  }

}

.slider-area .slider-btn-area a.item-btn-dark {

  padding: 16px 20px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background-color: #111111;

  color: #ffffff;

  font-weight: 700;

  border: 2px solid;

  border-color: #111111;

  font-size: 16px;

  border-radius: 4px;

  transition: all 0.5s ease-out;

}

.slider-area .slider-btn-area a.item-btn-dark i {

  color: #ffffff;

  margin-left: 10px;

  transform: translateX(0);

  transition: all 0.5s ease-out;

}

.slider-area .slider-btn-area a.item-btn-dark:hover {

  background-color: transparent;

  color: #111111;

}

.slider-area .slider-btn-area a.item-btn-dark:hover i {

  color: #111111;

  transform: translateX(5px);

}

.slider-area .slider-btn-area a.item-btn-light {

  position: relative;

  padding: 12px 25px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background-color: transparent;

  font-size: 16px;

  color: #ffffff;

  transition: all 0.5s ease-out;

  z-index: 2;

}

.slider-area .slider-btn-area a.item-btn-light:after {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  background-color: #111111;

  border-radius: 4px;

  top: 0;

  right: 0;

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

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

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

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

  transition: all 0.3s ease-out;

  z-index: -1;

}

.slider-area .slider-btn-area a.item-btn-light i {

  color: #ffffff;

  margin-left: 10px;

  transform: translateX(0);

  transition: all 0.3s ease-out;

}

.slider-area .slider-btn-area a.item-btn-light:hover {

  background-color: transparent;

  color: #ffffff;

}

.slider-area .slider-btn-area a.item-btn-light:hover:after {

  width: 100%;

  left: 0;

}

.slider-area .slider-btn-area a.item-btn-light:hover i {

  color: #ffffff;

  transform: translateX(5px);

}

@media only screen and (max-width: 575px) {

  .slider-area .slider-btn-area {

    display: none;

  }

}

.slider-layout1 .nivoSlider {

  border-radius: 4px;

}

@media only screen and (max-width: 991px) {

  .slider-layout1 .nivoSlider {

    border-radius: 0;

  }

}

.slider-layout1 .nivo-caption {

  top: 50%;

  transform: translateY(-50%);

}

.slider-layout1 .nivo-directionNav a {

  top: auto;

  bottom: 0;

}

@media only screen and (max-width: 575px) {

  .slider-layout1 .nivo-directionNav a {

    display: none;

  }

}

.slider-layout1 .nivo-directionNav a.nivo-prevNav {

  right: 83px;

  left: auto;

  width: 8rem;

  height: 7rem;

  line-height: 4rem;

  border-radius: 0;

  background-color: #ffffff;

  border: none;

  font-size: 0;

  transition: all 0.3s ease-out;

}

.slider-layout1 .nivo-directionNav a.nivo-prevNav:before {

  content: "\f103";

  font-family: Flaticon;

  font-style: normal;

  font-weight: 600;

  font-size: 22px;

  color: #fff;

  position: absolute;

  bottom: 0;

  z-index: 55;

}

@media only screen and (max-width: 1199px) {

  .slider-layout1 .nivo-directionNav a.nivo-prevNav {

    right: 80px;

  }

}

@media only screen and (max-width: 991px) {

  .slider-layout1 .nivo-directionNav a.nivo-prevNav {

    right: 72px;

  }

}

@media only screen and (max-width: 767px) {

  .slider-layout1 .nivo-directionNav a.nivo-prevNav {

    right: 66px;

  }

}

.slider-layout1 .nivo-directionNav a.nivo-prevNav:hover {

  background-color: #111111;

  border: none;

}

.slider-layout1 .nivo-directionNav a.nivo-prevNav:hover:before {

  color: #ffffff !important;

}

.slider-layout1 .nivo-directionNav a.nivo-nextNav {

  right: 0;

  width: 8rem;

  height: 7rem;

  line-height: 4rem;

  border-radius: 0;

  background-color: #ffffff;

  border: none;

  font-size: 0;

  transition: all 0.3s ease-out;

}

.slider-layout1 .nivo-directionNav a.nivo-nextNav:before {

  content: "\f104";

  font-family: Flaticon;

  font-style: normal;

  font-weight: 600;

  font-size: 22px;

  color: #111111;

  position: absolute;

  bottom: 0;

}

.slider-layout1 .nivo-directionNav a.nivo-nextNav:hover {

  background-color: #111111;

  border: none;

}

.slider-layout1 .nivo-directionNav a.nivo-nextNav:hover:before {

  color: #ffffff !important;

}

.slider-layout1 .slide-1 .title-container,

.slider-layout1 .slide-2 .title-container,

.slider-layout1 .slide-3 .title-container {

  padding-left: 50px;

}

.slider-layout1 .slide-1 div.slider-big-text,

.slider-layout1 .slide-2 div.slider-big-text,

.slider-layout1 .slide-3 div.slider-big-text {

  font-size: 5rem;

  color: #fff;

  margin-bottom: 2rem;

  animation: fadeInUp 1000ms ease-in-out;

  position: relative;

  left: -1.7px;

}

@media only screen and (max-width: 1199px) {

  .slider-layout1 .slide-1 div.slider-big-text,

  .slider-layout1 .slide-2 div.slider-big-text,

  .slider-layout1 .slide-3 div.slider-big-text {

    font-size: 3.8rem;

  }

}

@media only screen and (max-width: 767px) {

  .slider-layout1 .slide-1 div.slider-big-text,

  .slider-layout1 .slide-2 div.slider-big-text,

  .slider-layout1 .slide-3 div.slider-big-text {

    font-size: 2.4rem;

  }

}

.slider-layout1 .slide-1 div.slider-sub-text,

.slider-layout1 .slide-2 div.slider-sub-text,

.slider-layout1 .slide-3 div.slider-sub-text {

  font-size: 18px;

  color: #fff;

  font-weight: 500;

  animation: fadeInUp 1000ms ease-in-out;

}

.slider-layout1 .slide-1 div.slider-paragraph,

.slider-layout1 .slide-2 div.slider-paragraph,

.slider-layout1 .slide-3 div.slider-paragraph {

  color: #fff;

  animation: fadeInUp 2000ms ease-in-out;

}

@media only screen and (max-width: 767px) {

  .slider-layout1 .slide-1 div.slider-paragraph,

  .slider-layout1 .slide-2 div.slider-paragraph,

  .slider-layout1 .slide-3 div.slider-paragraph {

    margin-bottom: 0;

  }

}

.slider-layout1 .slide-1 div.slider-btn-area,

.slider-layout1 .slide-2 div.slider-btn-area,

.slider-layout1 .slide-3 div.slider-btn-area {

  margin-top: 4rem;

  animation: fadeInUp 2500ms ease-in-out;

}

.slider-layout1 .slide-1 div.slider-btn-area .item-btn-light,

.slider-layout1 .slide-2 div.slider-btn-area .item-btn-light,

.slider-layout1 .slide-3 div.slider-btn-area .item-btn-light {

  background-color: #ffffff;

  color: #111111;

  border-radius: 4px;

}

.slider-layout1 .slide-1 div.slider-btn-area .item-btn-light:after,

.slider-layout1 .slide-2 div.slider-btn-area .item-btn-light:after,

.slider-layout1 .slide-3 div.slider-btn-area .item-btn-light:after {

  display: none;

}

.slider-layout1 .slide-1 div.slider-btn-area .item-btn-light i,

.slider-layout1 .slide-2 div.slider-btn-area .item-btn-light i,

.slider-layout1 .slide-3 div.slider-btn-area .item-btn-light i {

  color: #111111;

  font-size: 14px;

}

.slider-layout1 .slide-1 div.slider-btn-area .item-btn-light:hover,

.slider-layout1 .slide-2 div.slider-btn-area .item-btn-light:hover,

.slider-layout1 .slide-3 div.slider-btn-area .item-btn-light:hover {

  background-color: #111111;

  color: #ffffff;

}

.slider-layout1 .slide-1 div.slider-btn-area .item-btn-light:hover i,

.slider-layout1 .slide-2 div.slider-btn-area .item-btn-light:hover i,

.slider-layout1 .slide-3 div.slider-btn-area .item-btn-light:hover i {

  color: #ffffff;

}

.slider-layout2 .nivo-caption {

  top: 50%;

  transform: translateY(-50%);

}

.slider-layout2 .nivo-directionNav a {

  top: 50%;

  transform: translateY(-50%);

}

@media only screen and (max-width: 991px) {

  .slider-layout2 .nivo-directionNav a.nivo-prevNav {

    left: 0;

  }

}

@media only screen and (max-width: 991px) {

  .slider-layout2 .nivo-directionNav a.nivo-nextNav {

    right: 0;

  }

}

.slider-layout2 .slide-1 div.slider-big-text,

.slider-layout2 .slide-2 div.slider-big-text,

.slider-layout2 .slide-3 div.slider-big-text {

  animation: fadeInUp 2000ms ease-in-out;

  position: relative;

  left: -2px;

}

@media only screen and (max-width: 575px) {

  .slider-layout2 .slide-1 div.slider-big-text,

  .slider-layout2 .slide-2 div.slider-big-text,

  .slider-layout2 .slide-3 div.slider-big-text {

    width: 100%;

    text-align: center;

  }

  .slider-layout2 .slide-1 div.slider-big-text span,

  .slider-layout2 .slide-2 div.slider-big-text span,

  .slider-layout2 .slide-3 div.slider-big-text span {

    display: inline-block;

  }

}

.slider-layout2 .slide-1 div.slider-sub-text,

.slider-layout2 .slide-2 div.slider-sub-text,

.slider-layout2 .slide-3 div.slider-sub-text {

  animation: fadeInUp 1000ms ease-in-out;

}

.slider-layout2 .slide-1 div.slider-paragraph,

.slider-layout2 .slide-2 div.slider-paragraph,

.slider-layout2 .slide-3 div.slider-paragraph {

  animation: fadeInUp 1500ms ease-in-out;

}

.slider-layout2 .slide-1 div.slider-btn-area,

.slider-layout2 .slide-2 div.slider-btn-area,

.slider-layout2 .slide-3 div.slider-btn-area {

  margin-top: 4rem;

  animation: fadeInUp 1500ms ease-in-out;

}

.slider-layout2 .slide-1 div.slider-btn-area .item-btn-light,

.slider-layout2 .slide-2 div.slider-btn-area .item-btn-light,

.slider-layout2 .slide-3 div.slider-btn-area .item-btn-light {

  border: 1px solid #ffffff;

  border-radius: 4px;

}

.slider-layout2 .slide-1 div.slider-btn-area .item-btn-light:after,

.slider-layout2 .slide-2 div.slider-btn-area .item-btn-light:after,

.slider-layout2 .slide-3 div.slider-btn-area .item-btn-light:after {

  display: none;

}

.slider-layout2 .slide-1 div.slider-btn-area .item-btn-light i,

.slider-layout2 .slide-2 div.slider-btn-area .item-btn-light i,

.slider-layout2 .slide-3 div.slider-btn-area .item-btn-light i {

  font-size: 14px;

}

.slider-layout2 .slide-1 div.slider-btn-area .item-btn-light:hover,

.slider-layout2 .slide-2 div.slider-btn-area .item-btn-light:hover,

.slider-layout2 .slide-3 div.slider-btn-area .item-btn-light:hover {

  color: #111111;

  background-color: #ffffff;

}

.slider-layout2 .slide-1 div.slider-btn-area .item-btn-light:hover i:before,

.slider-layout2 .slide-2 div.slider-btn-area .item-btn-light:hover i:before,

.slider-layout2 .slide-3 div.slider-btn-area .item-btn-light:hover i:before {

  color: #111111;

}

@media only screen and (max-width: 991px) {

  .slider-layout3 {

    margin-top: 71px;

  }

}

.slider-layout3 .nivo-caption {

  top: 54%;

  transform: translateY(-50%);

}

@media only screen and (max-width: 1199px) {

  .slider-layout3 .nivo-caption {

    top: 56%;

  }

}

@media only screen and (max-width: 1199px) {

  .slider-layout3 .nivo-caption {

    top: 57%;

  }

}

@media only screen and (max-width: 991px) {

  .slider-layout3 .nivo-caption {

    top: 50%;

  }

}

.slider-layout3 .nivo-directionNav a {

  top: 50%;

  transform: translateY(-50%);

}

@media only screen and (max-width: 1399px) {

  .slider-layout3 .nivo-directionNav a.nivo-prevNav {

    left: 0;

  }

}

@media only screen and (max-width: 1399px) {

  .slider-layout3 .nivo-directionNav a.nivo-nextNav {

    right: 0;

  }

}

.slider-layout3 .slide-1 div.slider-big-text,

.slider-layout3 .slide-2 div.slider-big-text,

.slider-layout3 .slide-3 div.slider-big-text {

  animation: fadeInUp 1500ms ease-in-out;

  position: relative;

  left: -2px;

}

@media only screen and (max-width: 575px) {

  .slider-layout3 .slide-1 div.slider-big-text,

  .slider-layout3 .slide-2 div.slider-big-text,

  .slider-layout3 .slide-3 div.slider-big-text {

    width: 100%;

    text-align: center;

  }

  .slider-layout3 .slide-1 div.slider-big-text span,

  .slider-layout3 .slide-2 div.slider-big-text span,

  .slider-layout3 .slide-3 div.slider-big-text span {

    display: inline-block;

  }

}

.slider-layout3 .slide-1 div.slider-sub-text,

.slider-layout3 .slide-2 div.slider-sub-text,

.slider-layout3 .slide-3 div.slider-sub-text {

  animation: fadeInUp 1000ms ease-in-out;

}

.slider-layout3 .slide-1 div.slider-paragraph,

.slider-layout3 .slide-2 div.slider-paragraph,

.slider-layout3 .slide-3 div.slider-paragraph {

  animation: fadeInUp 2000ms ease-in-out;

}

.slider-layout3 .slide-1 div.slider-btn-area,

.slider-layout3 .slide-2 div.slider-btn-area,

.slider-layout3 .slide-3 div.slider-btn-area {

  animation: fadeInUp 2000ms ease-in-out;

}

.slider-layout3 .slide-1 div.slider-btn-area .item-btn,

.slider-layout3 .slide-2 div.slider-btn-area .item-btn,

.slider-layout3 .slide-3 div.slider-btn-area .item-btn {

  background-color: transparent;

  border: 1px solid #ffffff;

  color: #ffffff;

  border-radius: 5px;

}

.slider-layout3 .slide-1 div.slider-btn-area .item-btn:after,

.slider-layout3 .slide-2 div.slider-btn-area .item-btn:after,

.slider-layout3 .slide-3 div.slider-btn-area .item-btn:after {

  display: none;

}

.slider-layout3 .slide-1 div.slider-btn-area .item-btn i:before,

.slider-layout3 .slide-2 div.slider-btn-area .item-btn i:before,

.slider-layout3 .slide-3 div.slider-btn-area .item-btn i:before {

  color: #ffffff;

}

.slider-layout3 .slide-1 div.slider-btn-area .item-btn:hover,

.slider-layout3 .slide-2 div.slider-btn-area .item-btn:hover,

.slider-layout3 .slide-3 div.slider-btn-area .item-btn:hover {

  color: #111111;

  background-color: #ffffff;

}

.slider-layout3 .slide-1 div.slider-btn-area .item-btn:hover i:before,

.slider-layout3 .slide-2 div.slider-btn-area .item-btn:hover i:before,

.slider-layout3 .slide-3 div.slider-btn-area .item-btn:hover i:before {

  color: #111111;

}

@media only screen and (max-width: 991px) {

  .slider-layout4 {

    margin-top: 71px;

  }

}

.slider-layout4 .nivo-caption {

  top: 54.7%;

  transform: translateY(-50%);

}

@media only screen and (max-width: 1439px) {

  .slider-layout4 .nivo-caption {

    top: 55.5%;

  }

}

@media only screen and (max-width: 1399px) {

  .slider-layout4 .nivo-caption {

    top: 56%;

  }

}

@media only screen and (max-width: 1199px) {

  .slider-layout4 .nivo-caption {

    top: 57%;

  }

}

@media only screen and (max-width: 991px) {

  .slider-layout4 .nivo-caption {

    top: 50%;

  }

}

.slider-layout4 .nivo-directionNav a {

  top: 50%;

  transform: translateY(-50%);

}

@media only screen and (max-width: 1399px) {

  .slider-layout4 .nivo-directionNav a.nivo-prevNav {

    left: 0;

  }

}

@media only screen and (max-width: 1399px) {

  .slider-layout4 .nivo-directionNav a.nivo-nextNav {

    right: 0;

  }

}

.slider-layout4 .slide-1 .title-container,

.slider-layout4 .slide-2 .title-container,

.slider-layout4 .slide-3 .title-container {

  position: relative;

}

.slider-layout4 .slide-1 div.slider-big-text,

.slider-layout4 .slide-2 div.slider-big-text,

.slider-layout4 .slide-3 div.slider-big-text {

  animation: fadeInUp 2000ms ease-in-out;

  margin-bottom: 3rem;

  z-index: 1;

  position: relative;

}

.slider-layout4 .slide-1 div.slider-big-text span,

.slider-layout4 .slide-2 div.slider-big-text span,

.slider-layout4 .slide-3 div.slider-big-text span {

  font-weight: 700;

}

@media only screen and (max-width: 1399px) {

  .slider-layout4 .slide-1 div.slider-big-text,

  .slider-layout4 .slide-2 div.slider-big-text,

  .slider-layout4 .slide-3 div.slider-big-text {

    font-size: 6rem;

  }

}

@media only screen and (max-width: 991px) {

  .slider-layout4 .slide-1 div.slider-big-text,

  .slider-layout4 .slide-2 div.slider-big-text,

  .slider-layout4 .slide-3 div.slider-big-text {

    font-size: 5rem;

    width: 100%;

  }

}

@media only screen and (max-width: 767px) {

  .slider-layout4 .slide-1 div.slider-big-text,

  .slider-layout4 .slide-2 div.slider-big-text,

  .slider-layout4 .slide-3 div.slider-big-text {

    text-align: center;

    font-size: 4rem;

  }

  .slider-layout4 .slide-1 div.slider-big-text span,

  .slider-layout4 .slide-2 div.slider-big-text span,

  .slider-layout4 .slide-3 div.slider-big-text span {

    display: inline-block;

  }

}

@media only screen and (max-width: 575px) {

  .slider-layout4 .slide-1 div.slider-big-text,

  .slider-layout4 .slide-2 div.slider-big-text,

  .slider-layout4 .slide-3 div.slider-big-text {

    margin-bottom: 0;

    font-size: 4rem;

  }

}

.slider-layout4 .slide-1 div.slider-paragraph,

.slider-layout4 .slide-2 div.slider-paragraph,

.slider-layout4 .slide-3 div.slider-paragraph {

  animation: fadeInUp 2500ms ease-in-out;

  font-size: 20px;

  color: #ffffff;

}

@media only screen and (max-width: 767px) {

  .slider-layout4 .slide-1 div.slider-paragraph,

  .slider-layout4 .slide-2 div.slider-paragraph,

  .slider-layout4 .slide-3 div.slider-paragraph {

    width: 100%;

    text-align: center;

  }

}

.slider-layout4 .slide-1 div.slider-btn-area,

.slider-layout4 .slide-2 div.slider-btn-area,

.slider-layout4 .slide-3 div.slider-btn-area {

  margin-top: 4rem;

  animation: fadeInUp 1500ms ease-in-out;

}

.slider-layout4 .slide-1 div.slider-btn-area .item-btn-light,

.slider-layout4 .slide-2 div.slider-btn-area .item-btn-light,

.slider-layout4 .slide-3 div.slider-btn-area .item-btn-light {

  border: 1px solid #ffffff;

  border-radius: 4px;

}

.slider-layout4 .slide-1 div.slider-btn-area .item-btn-light:after,

.slider-layout4 .slide-2 div.slider-btn-area .item-btn-light:after,

.slider-layout4 .slide-3 div.slider-btn-area .item-btn-light:after {

  background-color: #ffffff;

}

.slider-layout4 .slide-1 div.slider-btn-area .item-btn-light i,

.slider-layout4 .slide-2 div.slider-btn-area .item-btn-light i,

.slider-layout4 .slide-3 div.slider-btn-area .item-btn-light i {

  margin-left: 14px;

  font-size: 12px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.slider-layout4 .slide-1 div.slider-btn-area .item-btn-light:hover,

.slider-layout4 .slide-2 div.slider-btn-area .item-btn-light:hover,

.slider-layout4 .slide-3 div.slider-btn-area .item-btn-light:hover {

  color: #111111;

}

.slider-layout4 .slide-1 div.slider-btn-area .item-btn-light:hover i,

.slider-layout4 .slide-2 div.slider-btn-area .item-btn-light:hover i,

.slider-layout4 .slide-3 div.slider-btn-area .item-btn-light:hover i {

  transform: translateX(0);

}

.slider-layout4 .slide-1 div.slider-btn-area .item-btn-light:hover i:before,

.slider-layout4 .slide-2 div.slider-btn-area .item-btn-light:hover i:before,

.slider-layout4 .slide-3 div.slider-btn-area .item-btn-light:hover i:before {

  color: #111111;

}

.slider-wrap-layout1 {

  position: relative;

}

.slider-wrap-layout1 .slider-left-side-content {

  position: absolute;

  top: 50%;

  left: -172px;

  font-size: 15px;

  color: #646464;

  font-weight: 600;

  transform: rotate(-90deg) translateY(-50%);

  letter-spacing: 4px;

}

@media only screen and (max-width: 991px) {

  .slider-wrap-layout1 .slider-left-side-content {

    display: none;

  }

}

.slider-wrap-layout1 .slider-right-side-content {

  position: absolute;

  top: 50%;

  right: 28px;

  transform: translateY(-50%);

}

@media only screen and (max-width: 991px) {

  .slider-wrap-layout1 .slider-right-side-content {

    display: none;

  }

}

.slider-wrap-layout1 .slider-right-side-content ul li {

  display: block;

  margin-bottom: 3rem;

}

.slider-wrap-layout1 .slider-right-side-content ul li:last-child {

  margin-bottom: 0;

}

.slider-wrap-layout1 .slider-right-side-content ul li a {

  font-size: 18px;

  color: #646464;

  padding: 10px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.slider-wrap-layout1 .slider-right-side-content ul li a:hover {

  color: #111111;

}

@media only screen and (max-width: 991px) {

  .slider-wrap-layout2 {

    margin-top: 71px;

  }

}

/*=======================================================================

[12] Service Area Style        

=========================================================================*/

.service-wrap-layout1 {

  padding: 10rem 0 7rem;

  border-bottom: 1px solid #e1e1e1;

}

.service-wrap-layout3 {

  background-color: #f2f2f2;

  padding: 10rem 0 7rem;

}

.service-box-layout1 {

  background-color: #f8f8f8;

  text-align: center;

  padding: 20px 30px 18px;

  margin-bottom: 3rem;

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

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

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

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

  transition: all 0.3s ease-out;

}

.service-box-layout1 .item-sl {

  position: relative;

}

.service-box-layout1 .item-sl span {

  font-size: 18rem;

  font-weight: 600;

  color: #e2e2e2;

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

  display: block;

  line-height: 1;

}

@media only screen and (max-width: 991px) {

  .service-box-layout1 .item-sl span {

    font-size: 14rem;

  }

}

.service-box-layout1 .item-sl .item-title {

  font-size: 24px;

  font-weight: 600;

  color: #111111;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  transform: translateY(-50%);

}

@media only screen and (max-width: 991px) {

  .service-box-layout1 .item-sl .item-title {

    font-size: 20px;

  }

}

.service-box-layout1 .item-content p {

  font-size: 18px;

}

@media only screen and (max-width: 991px) {

  .service-box-layout1 .item-content p {

    font-size: 16px;

  }

}

.service-box-layout1:hover {

  -webkit-box-shadow: 0 16px 20px 0px rgba(216, 216, 216, 0.75);

  box-shadow: 0 16px 20px 0px rgba(216, 216, 216, 0.75);

}

.service-box-layout3 {

  background-color: #ffffff;

  text-align: center;

  padding: 20px 30px 18px;

  margin-bottom: 3rem;

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

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

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

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

  transition: all 0.3s ease-out;

}

.service-box-layout3 .item-sl {

  position: relative;

}

.service-box-layout3 .item-sl span {

  font-size: 18rem;

  font-weight: 600;

  color: #f2f2f2;

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

  display: block;

  line-height: 1;

}

@media only screen and (max-width: 991px) {

  .service-box-layout3 .item-sl span {

    font-size: 14rem;

  }

}

.service-box-layout3 .item-sl .item-title {

  font-size: 24px;

  font-weight: 600;

  color: #111111;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  transform: translateY(-50%);

}

@media only screen and (max-width: 991px) {

  .service-box-layout3 .item-sl .item-title {

    font-size: 20px;

  }

}

.service-box-layout3 .item-content p {

  font-size: 18px;

}

@media only screen and (max-width: 991px) {

  .service-box-layout3 .item-content p {

    font-size: 16px;

  }

}

.service-box-layout3:hover {

  -webkit-box-shadow: 0 16px 20px 0px rgba(216, 216, 216, 0.75);

  box-shadow: 0 16px 20px 0px rgba(216, 216, 216, 0.75);

}

/*=======================================================================

[13] Portfolio Area Style        

=========================================================================*/

.portfolio-wrap-layout1 {

  padding: 9.2rem 0 10.4rem;

}

.portfolio-wrap-layout2 {

  padding: 9rem 0 10.4rem;

  background-color: #f8f8f8;

}

.portfolio-wrap-layout4 {

  padding: 9.2rem 0 7.5rem;

}

.portfolio-wrap-layout5 {

  margin-top: 95px;

}

@media only screen and (max-width: 991px) {

  .portfolio-wrap-layout5 {

    margin-top: 71px;

  }

}

.portfolio-wrap-layout5 .portfolio-box5-wrap {

  background-color: #f2f2f2;

  padding: 9.2rem 0 10rem;

}

@media only screen and (max-width: 1399px) {

  .portfolio-wrap-layout5 .portfolio-box5-wrap {

    padding: 10rem 0;

  }

}

.portfolio-wrap-layout5 .portfolio-box5-wrap .heading-title {

  margin-bottom: 9.5rem;

  padding: 0 15px;

}

.portfolio-wrap-layout5 .portfolio-box5-wrap .heading-title h2 {

  width: 60%;

  font-size: 40px;

  color: #444444;

  margin: 0 auto;

  text-align: center;

  font-weight: 300;

  line-height: 1.5;

}

@media only screen and (max-width: 991px) {

  .portfolio-wrap-layout5 .portfolio-box5-wrap .heading-title h2 {

    width: 90%;

    font-size: 36px;

  }

}

@media only screen and (max-width: 767px) {

  .portfolio-wrap-layout5 .portfolio-box5-wrap .heading-title h2 {

    width: 100%;

    font-size: 32px;

  }

}

.portfolio-wrap-layout5 .portfolio-box5-wrap .heading-title h2 span {

  color: #111111;

  font-weight: 700;

  font-style: italic;

}

@media only screen and (max-width: 991px) {

  .portfolio-wrap-layout7 {

    padding-bottom: 10rem;

  }

}

.portfolio-box-layout1 .item-img {

  position: relative;

  overflow: hidden;

}

.portfolio-box-layout1 .item-img img {

  transform: scale(1) translateZ(0);

  transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);

}

.portfolio-box-layout1 .item-img:after {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(17, 17, 17, 0.8);

  top: 0;

  left: 0;

  right: 0;

  transform: scale(1.2);

  transition: opacity .3s, transform .3s;

  visibility: hidden;

  opacity: 0;

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

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

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

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

  transition: all 0.3s ease-out;

}

.portfolio-box-layout1 .item-content {

  position: absolute;

  bottom: 6rem;

  left: 6rem;

  visibility: hidden;

  opacity: 0;

  transform: scale(1.4);

  transition: opacity .3s, transform .3s;

}

.portfolio-box-layout1 .item-content .item-title {

  font-weight: 600;

  margin-bottom: 10px;

}

.portfolio-box-layout1 .item-content .item-title a {

  color: #ffffff;

}

.portfolio-box-layout1 .item-content .item-subtitle a {

  color: #cccccc;

}

.portfolio-box-layout1 .item-content .item-btn {

  margin-top: 20px;

  display: inline-block;

}

.portfolio-box-layout1 .item-content .item-btn i:before {

  color: #ffffff;

  margin-left: 0;

  font-size: 25px;

  font-weight: 600;

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

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

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

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

  transition: all 0.3s ease-out;

}

.portfolio-box-layout1 .item-content .item-btn:hover i:before {

  margin-left: 5px;

  color: #cccccc;

}

.portfolio-box-layout1:hover .item-img img {

  transform: scale(1.05) translateZ(0);

}

.portfolio-box-layout1:hover .item-img:after {

  visibility: visible;

  opacity: 1;

  transform: scale(1);

}

.portfolio-box-layout1:hover .item-content {

  visibility: visible;

  opacity: 1;

  transform: scale(1);

}

.portfolio-box-layout2 {

  text-align: center;

  margin-bottom: 20px;

}

.portfolio-box-layout2 .item-img {

  margin-bottom: 20px;

  overflow: hidden;

  position: relative;

}

.portfolio-box-layout2 .item-img img {

  transform: scale(1) translateZ(0);

  transition: transform 5s cubic-bezier(0.2, 0.96, 0.34, 1);

}

.portfolio-box-layout2 .item-img .item-btn {

  position: absolute;

  bottom: 30px;

  right: 40px;

  z-index: 2;

  transform: scale(0);

  -webkit-transition: all 0.35s ease;

  -moz-transition: all 0.35s ease;

  -ms-transition: all 0.35s ease;

  -o-transition: all 0.35s ease;

  transition: all 0.35s ease;

}

.portfolio-box-layout2 .item-img .item-btn i:before {

  color: #ffffff;

  font-size: 24px;

  font-weight: 600;

  padding: 10px;

}

.portfolio-box-layout2 .item-img:after {

  content: "";

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: #111111;

  position: absolute;

  bottom: -20px;

  right: -10px;

  opacity: 0;

  z-index: 1;

  -webkit-transition: all 0.35s ease;

  -moz-transition: all 0.35s ease;

  -ms-transition: all 0.35s ease;

  -o-transition: all 0.35s ease;

  transition: all 0.35s ease;

}

.portfolio-box-layout2 .item-content .item-title {

  font-weight: 600;

  margin-bottom: 10px;

}

.portfolio-box-layout2 .item-content .item-title a {

  color: #111111;

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

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

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

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

  transition: all 0.3s ease-out;

}

.portfolio-box-layout2 .item-content .item-title a:hover {

  color: #444444;

}

.portfolio-box-layout2 .item-content .item-subtitle {

  font-size: 16px;

}

.portfolio-box-layout2 .item-content .item-subtitle a {

  color: #646464;

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

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

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

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

  transition: all 0.3s ease-out;

}

.portfolio-box-layout2 .item-content .item-subtitle a:hover {

  color: #111111;

}

.portfolio-box-layout2:hover .item-img img {

  transform: scale(1.1) translateZ(0);

}

.portfolio-box-layout2:hover .item-img:after {

  opacity: .80;

  transform: scale(5);

  transition-delay: .15s;

}

.portfolio-box-layout2:hover .item-img .item-btn {

  transform: scale(1);

  transition-delay: .15s;

}

.portfolio-box-layout4 {

  margin-bottom: 2rem;

}

.portfolio-box-layout4 .item-img {

  text-align: center;

  overflow: hidden;

  position: relative;

  margin-bottom: 2rem;

  transition: transform 5s cubic-bezier(0.2, 0.96, 0.34, 1);

  -webkit-transition: -webkit-transform 5s cubic-bezier(0.2, 0.96, 0.34, 1);

  transition: -webkit-transform 5s cubic-bezier(0.2, 0.96, 0.34, 1);

  -o-transition: transform 5s cubic-bezier(0.2, 0.96, 0.34, 1);

}

.portfolio-box-layout4 .item-img .item-btn {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  transform: scale(0) translateY(-50%);

  opacity: 0;

  z-index: 2;

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

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

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

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

  transition: all 0.3s ease-out;

}

.portfolio-box-layout4 .item-img .item-btn i:before {

  font-size: 24px;

  font-weight: 600;

  color: #ffffff;

  margin-left: 0;

}

.portfolio-box-layout4 .item-img:after {

  content: "";

  background-color: rgba(0, 0, 0, 0.7);

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  opacity: 0;

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

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

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

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

  transition: all 0.3s ease-out;

}

.portfolio-box-layout4 .item-content {

  padding: 0 1rem;

  text-align: center;

}

.portfolio-box-layout4 .item-content .item-title {

  font-weight: 600;

  margin-bottom: 8px;

}

.portfolio-box-layout4 .item-content .item-title a {

  color: #111111;

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

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

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

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

  transition: all 0.3s ease-out;

}

.portfolio-box-layout4 .item-content .item-title a:hover {

  color: #444444;

}

.portfolio-box-layout4 .item-content .item-subtitle {

  font-size: 16px;

}

.portfolio-box-layout4 .item-content .item-subtitle a {

  color: #646464;

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

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

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

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

  transition: all 0.3s ease-out;

}

.portfolio-box-layout4 .item-content .item-subtitle a:hover {

  color: #111111;

}

.portfolio-box-layout4:hover .item-img {

  -webkit-box-shadow: 0 20px 40px 0px rgba(0, 0, 0, 0.2);

  box-shadow: 0 20px 40px 0px rgba(0, 0, 0, 0.2);

  transform: perspective(-1000px);

}

.portfolio-box-layout4:hover .item-img .item-btn {

  opacity: 1;

  transform: scale(1.1) translateY(-50%);

}

.portfolio-box-layout4:hover .item-img:after {

  opacity: 1;

}

.portfolio-box-layout5 .item-img {

  position: relative;

  overflow: hidden;

}

.portfolio-box-layout5 .item-img img {

  transform: scale(1) rotate(0) translateZ(0);

  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.2, 0.96, 0.34, 1);

  transition: -webkit-transform 0.5s cubic-bezier(0.2, 0.96, 0.34, 1);

  -o-transition: transform 0.5s cubic-bezier(0.2, 0.96, 0.34, 1);

  transition: transform 0.5s cubic-bezier(0.2, 0.96, 0.34, 1);

  transition: transform 0.5s cubic-bezier(0.2, 0.96, 0.34, 1), -webkit-transform 0.5s cubic-bezier(0.2, 0.96, 0.34, 1);

}

.portfolio-box-layout5 .item-img:after {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.7);

  top: 0;

  left: 0;

  right: 0;

  visibility: hidden;

  opacity: 0;

  transform: scale(1.2);

  transition: opacity .3s, transform .3s;

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

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

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

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

  transition: all 0.3s ease-out;

}

.portfolio-box-layout5 .item-content {

  position: absolute;

  bottom: 2rem;

  left: 4rem;

  visibility: hidden;

  opacity: 0;

  transform: scale(1.2);

  transition: opacity .3s, transform .3s;

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

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

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

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

  transition: all 0.3s ease-in;

}

.portfolio-box-layout5 .item-content .item-title {

  font-weight: 600;

  margin-bottom: 10px;

  font-size: 30px;

}

@media only screen and (max-width: 991px) {

  .portfolio-box-layout5 .item-content .item-title {

    font-size: 26px;

  }

}

.portfolio-box-layout5 .item-content .item-title a {

  color: #ffffff;

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

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

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

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

  transition: all 0.3s ease-in;

}

.portfolio-box-layout5 .item-content .item-title a:hover {

  color: #f2f2ff;

}

.portfolio-box-layout5 .item-content .item-subtitle {

  margin-bottom: 10px;

}

.portfolio-box-layout5 .item-content .item-subtitle a {

  color: #ffffff;

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

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

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

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

  transition: all 0.3s ease-in;

}

.portfolio-box-layout5 .item-content .item-subtitle a:hover {

  color: #f2f2ff;

}

.portfolio-box-layout5 .item-content .item-btn {

  display: inline-block;

}

.portfolio-box-layout5 .item-content .item-btn i:before {

  color: #ffffff;

  margin-left: 0;

  font-size: 25px;

  font-weight: 600;

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

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

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

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

  transition: all 0.3s ease-in;

}

.portfolio-box-layout5 .item-content .item-btn:hover i:before {

  margin-left: 5px;

}

.portfolio-box-layout5:hover .item-img img {

  transform: scale(1.2) rotate(5deg) translateZ(0);

}

.portfolio-box-layout5:hover .item-img:after {

  visibility: visible;

  opacity: 1;

  transform: scale(1);

}

.portfolio-box-layout5:hover .item-content {

  visibility: visible;

  opacity: 1;

  transform: scale(1);

}

.portfolio-box-layout7 .item-img {

  position: relative;

  overflow: hidden;

}

.portfolio-box-layout7 .item-img:after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 1;

  visibility: hidden;

  opacity: 0;

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

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

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

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

  transition: all 0.3s ease-out;

}

.portfolio-box-layout7 .item-img:before {

  content: "";

  height: 100%;

  width: 100%;

  background: rgba(0, 0, 0, 0.7);

  position: absolute;

  top: 0;

  bottom: 0;

  right: -30%;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: skew(-15deg) translateX(100%);

  -ms-transform: skew(-15deg) translateX(100%);

  transform: skew(-15deg) translateX(100%);

  transition-delay: 0.4s;

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

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

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

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

  transition: all 0.3s ease-out;

  z-index: 2;

}

.portfolio-box-layout7 .item-img img {

  transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);

}

.portfolio-box-layout7 .item-img .item-content {

  position: absolute;

  top: 4rem;

  left: 5rem;

  z-index: 3;

}

.portfolio-box-layout7 .item-img .item-content .item-title {

  font-weight: 700;

  margin-bottom: 15px;

}

.portfolio-box-layout7 .item-img .item-content .item-title a {

  color: #ffffff;

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

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

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

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

  transition: all 0.3s ease-out;

}

.portfolio-box-layout7 .item-img .item-content .item-title a:hover {

  color: #f2f2f2;

}

.portfolio-box-layout7 .item-img .item-content .item-subtitle {

  display: inline-block;

  font-size: 12px;

  font-weight: 700;

  background-color: #525252;

  border-radius: 4px;

}

.portfolio-box-layout7 .item-img .item-content .item-subtitle a {

  color: #ffffff;

  padding: 5px 15px;

  display: block;

  text-transform: uppercase;

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

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

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

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

  transition: all 0.3s ease-out;

}

.portfolio-box-layout7 .item-img .item-content .item-subtitle a:hover {

  color: #f2f2f2;

}

.portfolio-box-layout7:hover .item-img:after {

  visibility: visible;

  opacity: 1;

}

.portfolio-box-layout7:hover .item-img:before {

  visibility: visible;

  opacity: 1;

  transform: skew(-15deg) translateX(30%);

}

.single-portfolio-wrap-layout1 {

  padding: 10rem 0 8rem;

}

.single-portfolio-wrap-layout2 {

  padding: 10rem 0 8rem;

}

.single-portfolio-wrap-layout3 {

  padding: 0 0 8rem;

}

.single-portfolio-wrap-layout4 {

  padding: 9.2rem 0 8rem;

}

.single-portfolio-box-layout1 .single-portfolio-slider {

  padding-bottom: 9rem;

}

.single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-wrapper .swiper-slide img {

  opacity: 0.50;

}

.single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-wrapper .swiper-slide-active img {

  opacity: 1;

}

.single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-prev {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center;

  background-image: none;

  height: 60px;

  width: 80px;

  margin: 0 auto;

  transform: translateY(-50%);

  left: 0;

  background-color: #ffffff;

}

.single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-prev i {

  font-size: 22px;

  color: #363636;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-prev:hover i {

  color: #cccccc;

}

@media only screen and (max-width: 991px) {

  .single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-prev {

    height: 50px;

    width: 60px;

  }

  .single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-prev i {

    font-size: 20px;

  }

}

@media only screen and (max-width: 767px) {

  .single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-prev {

    height: 40px;

    width: 50px;

  }

  .single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-prev i {

    font-size: 18px;

  }

}

@media only screen and (max-width: 991px) {

  .single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-prev {

    height: 40px;

    width: 50px;

  }

  .single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-prev i {

    font-size: 16px;

  }

}

.single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-next {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center;

  background-image: none;

  height: 60px;

  width: 80px;

  margin: 0 auto;

  transform: translateY(-50%);

  right: 0;

  background-color: #ffffff;

}

.single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-next i {

  font-size: 22px;

  color: #363636;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-next:hover i {

  color: #cccccc;

}

@media only screen and (max-width: 991px) {

  .single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-next {

    height: 50px;

    width: 60px;

  }

  .single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-next i {

    font-size: 20px;

  }

}

@media only screen and (max-width: 767px) {

  .single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-next {

    height: 40px;

    width: 50px;

  }

  .single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-next i {

    font-size: 18px;

  }

}

@media only screen and (max-width: 991px) {

  .single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-next {

    height: 40px;

    width: 50px;

  }

  .single-portfolio-box-layout1 .single-portfolio-slider .swiper-container .swiper-button-next i {

    font-size: 16px;

  }

}

.single-portfolio-box-layout1 .portfolio-detail-content .item-title {

  font-size: 36px;

  color: #111111;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  .single-portfolio-box-layout1 .portfolio-detail-content .item-title {

    font-size: 32px;

  }

}

@media only screen and (max-width: 767px) {

  .single-portfolio-box-layout1 .portfolio-detail-content .item-title {

    font-size: 30px;

  }

}

@media only screen and (max-width: 575px) {

  .single-portfolio-box-layout1 .portfolio-detail-content .item-title {

    font-size: 28px;

  }

}

.single-portfolio-box-layout1 .portfolio-detail-content .item-subtitle {

  font-size: 20px;

  font-weight: 500;

  margin: 3rem 0 2.5rem;

}

@media only screen and (max-width: 767px) {

  .single-portfolio-box-layout1 .portfolio-detail-content .item-subtitle {

    font-size: 18px;

  }

}

.single-portfolio-box-layout1 .portfolio-detail-content .item-category {

  margin-top: 5rem;

}

.single-portfolio-box-layout1 .portfolio-detail-content .item-category li {

  font-size: 20px;

  color: #646464;

  font-weight: 500;

  margin-bottom: 10px;

}

.single-portfolio-box-layout1 .portfolio-detail-content .item-category li:last-child {

  margin-bottom: 0;

}

.single-portfolio-box-layout1 .portfolio-detail-content .item-category li i {

  font-size: 18px;

  color: #000000;

  margin-right: 15px;

}

.single-portfolio-box-layout2 .item-img {

  margin-bottom: 3rem;

}

.single-portfolio-box-layout2 .item-img:last-child {

  margin-bottom: 0;

}

.single-portfolio-box-layout3 {

  padding-left: 3rem;

}

@media only screen and (max-width: 991px) {

  .single-portfolio-box-layout3 {

    margin-bottom: 5rem;

    padding-left: 0;

  }

}

.single-portfolio-box-layout3 .item-title {

  font-size: 38px;

  color: #000000;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  .single-portfolio-box-layout3 .item-title {

    font-size: 36px;

  }

}

@media only screen and (max-width: 767px) {

  .single-portfolio-box-layout3 .item-title {

    font-size: 32px;

  }

}

@media only screen and (max-width: 575px) {

  .single-portfolio-box-layout3 .item-title {

    font-size: 28px;

  }

}

.single-portfolio-box-layout3 .item-details {

  margin-top: 3rem;

  margin-bottom: 1.5rem;

}

.single-portfolio-box-layout3 .item-details > li {

  display: inline-block;

  margin-right: 6.5rem;

  margin-bottom: 2rem;

  color: #646464;

}

.single-portfolio-box-layout3 .item-details > li:last-child {

  margin-right: 0;

}

.single-portfolio-box-layout3 .item-details > li span {

  display: block;

  font-size: 18px;

  font-weight: 500;

  color: #000000;

  margin-bottom: 5px;

}

.single-portfolio-box-layout3 .item-details > li > a {

  color: #646464;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-portfolio-box-layout3 .item-details > li > a:hover {

  color: #111111;

}

.single-portfolio-box-layout3 .item-details > li .item-social > li {

  display: inline-block;

}

.single-portfolio-box-layout3 .item-details > li .item-social > li:first-child a {

  padding-left: 0;

}

.single-portfolio-box-layout3 .item-details > li .item-social > li > a {

  color: #646464;

  padding: 10px;

  font-size: 18px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-portfolio-box-layout3 .item-details > li .item-social > li > a:hover {

  color: #111111;

}

.single-portfolio-box-layout3 .item-subtitle {

  font-size: 20px;

  color: #000000;

  font-weight: 500;

  margin-bottom: 2rem;

}

.single-portfolio-box-layout3 .item-category {

  margin-top: 3rem;

}

.single-portfolio-box-layout3 .item-category li {

  font-size: 20px;

  color: #646464;

  font-weight: 500;

  margin-bottom: 10px;

}

.single-portfolio-box-layout3 .item-category li:last-child {

  margin-bottom: 0;

}

.single-portfolio-box-layout3 .item-category li i {

  font-size: 18px;

  color: #000000;

  margin-right: 15px;

}

.single-portfolio-box-layout3 .item-btn {

  position: relative;

  margin-top: 5rem;

  text-align: center;

  font-size: 18px;

  font-weight: 500;

  color: #ffffff;

  background-color: #000000;

  border: 1px solid #111111;

  border-radius: 4px;

  padding: 10px 20px;

  display: inline-block;

  z-index: 2;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-portfolio-box-layout3 .item-btn i {

  font-size: 20px;

  margin-left: 10px;

}

.single-portfolio-box-layout3 .item-btn:hover {

  color: #111111;

  background-color: transparent;

  border: 1px solid #111111;

}

.single-portfolio-box-layout3 .item-btn:hover:after {

  width: 100%;

  left: 0;

}

.single-portfolio-box-layout3 .item-btn:hover i {

  color: #111111;

}

.single-portfolio-box-layout4 .item-slider {

  background-color: #d6d6d6;

  padding: 15rem 0;

}

.single-portfolio-box-layout4 .item-slider .slide-item {

  text-align: center;

}

.single-portfolio-box-layout4 .item-slider .slide-item img {

  width: auto;

  margin: 0 auto;

}

.single-portfolio-box-layout4 .item-details {

  padding: 6rem 0 3rem;

  margin-bottom: 4rem;

  border-bottom: 1px solid #dfdfdf;

}

.single-portfolio-box-layout4 .item-details > ul > li {

  display: inline-block;

  margin-right: 11rem;

  color: #646464;

  margin-bottom: 3rem;

}

@media only screen and (max-width: 1199px) {

  .single-portfolio-box-layout4 .item-details > ul > li {

    margin-right: 7rem;

  }

}

@media only screen and (max-width: 767px) {

  .single-portfolio-box-layout4 .item-details > ul > li {

    margin-right: 3rem;

  }

}

.single-portfolio-box-layout4 .item-details > ul > li:last-child {

  margin-right: 0;

}

.single-portfolio-box-layout4 .item-details > ul > li span {

  display: block;

  font-size: 18px;

  font-weight: 500;

  color: #000000;

  margin-bottom: 5px;

}

.single-portfolio-box-layout4 .item-details > ul > li > a {

  color: #646464;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-portfolio-box-layout4 .item-details > ul > li > a:hover {

  color: #111111;

}

.single-portfolio-box-layout4 .item-details > ul > li .item-social > li {

  display: inline-block;

}

.single-portfolio-box-layout4 .item-details > ul > li .item-social > li:first-child a {

  padding-left: 0;

}

.single-portfolio-box-layout4 .item-details > ul > li .item-social > li > a {

  color: #646464;

  padding: 10px;

  font-size: 18px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-portfolio-box-layout4 .item-details > ul > li .item-social > li > a:hover {

  color: #111111;

}

.single-portfolio-box-layout4 .item-content {

  width: 80%;

  text-align: center;

  margin: 0 auto;

}

@media only screen and (max-width: 767px) {

  .single-portfolio-box-layout4 .item-content {

    width: 100%;

  }

}

.single-portfolio-box-layout4 .item-content .item-title {

  font-size: 40px;

  color: #000000;

  font-weight: 600;

}

@media only screen and (max-width: 1199px) {

  .single-portfolio-box-layout4 .item-content .item-title {

    font-size: 36px;

  }

}

@media only screen and (max-width: 767px) {

  .single-portfolio-box-layout4 .item-content .item-title {

    font-size: 32px;

  }

}

@media only screen and (max-width: 575px) {

  .single-portfolio-box-layout4 .item-content .item-title {

    font-size: 28px;

  }

}

.single-portfolio-box-layout4 .item-content .item-subtitle {

  font-size: 20px;

  font-weight: 500;

  color: #000000;

  margin-bottom: 20px;

}

@media only screen and (max-width: 767px) {

  .single-portfolio-box-layout4 .item-content .item-subtitle {

    font-size: 18px;

  }

}

.single-portfolio-box-layout4 .item-content .item-btn {

  margin-top: 1rem;

  text-align: center;

  font-size: 18px;

  font-weight: 500;

  color: #ffffff;

  background-color: #000000;

  border-radius: 4px;

  padding: 12px 20px;

  display: inline-block;

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

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

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

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

  transition: all 0.3s ease-out;

}

@media only screen and (max-width: 767px) {

  .single-portfolio-box-layout4 .item-content .item-btn {

    font-size: 18px;

  }

}

.single-portfolio-box-layout4 .item-content .item-btn i {

  font-size: 20px;

  margin-left: 15px;

}

.single-portfolio-box-layout4 .item-content .item-btn:hover {

  box-shadow: 0px 10px 24px 0px #999999;

}

.single-portfolio-box-layout5 .item-content {

  padding-right: 10rem;

}

@media only screen and (max-width: 991px) {

  .single-portfolio-box-layout5 .item-content {

    padding-right: 0;

  }

}

.single-portfolio-box-layout5 .item-content .item-title {

  font-size: 40px;

  color: #000000;

  font-weight: 600;

}

@media only screen and (max-width: 1199px) {

  .single-portfolio-box-layout5 .item-content .item-title {

    font-size: 36px;

  }

}

@media only screen and (max-width: 767px) {

  .single-portfolio-box-layout5 .item-content .item-title {

    font-size: 32px;

  }

}

@media only screen and (max-width: 575px) {

  .single-portfolio-box-layout5 .item-content .item-title {

    font-size: 28px;

  }

}

.single-portfolio-box-layout5 .item-content .item-subtitle {

  font-size: 20px;

  font-weight: 500;

  color: #000000;

  margin-bottom: 20px;

}

@media only screen and (max-width: 767px) {

  .single-portfolio-box-layout5 .item-content .item-subtitle {

    font-size: 18px;

  }

}

@media only screen and (max-width: 991px) {

  .single-portfolio-box-layout5 .project-information {

    margin-top: 2rem;

  }

}

.single-portfolio-box-layout5 .project-information ul > li {

  display: flex;

  color: #000000;

  margin-bottom: 5px;

}

.single-portfolio-box-layout5 .project-information ul > li:last-child {

  margin-bottom: 0;

}

.single-portfolio-box-layout5 .project-information ul > li span {

  font-size: 18px;

  font-weight: 500;

  color: #000000;

  margin-right: 10px;

}

.single-portfolio-box-layout5 .project-information ul > li a {

  color: #000000;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-portfolio-box-layout5 .project-information ul > li a:hover {

  color: #444444;

}

.single-portfolio-box-layout5 .project-information ul .item-social {

  display: inline-flex;

}

.single-portfolio-box-layout5 .project-information ul .item-social > li:first-child a {

  padding-left: 0;

}

.single-portfolio-box-layout5 .project-information ul .item-social > li a {

  font-size: 18px;

  color: #646464;

  padding: 2px 10px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-portfolio-box-layout5 .project-information ul .item-social > li a:hover {

  color: #111111;

}

.single-portfolio-box-layout5 .swiper-container {

  margin: 3.5rem 0 4.5rem;

}

.single-portfolio-box-layout5 .swiper-container .swiper-button-prev {

  background-image: none;

  top: inherit;

  bottom: 0;

  left: 0;

  margin: 0;

  background-color: #ffffff;

  height: 60px;

  width: 70px;

  line-height: 58px;

  text-align: center;

}

.single-portfolio-box-layout5 .swiper-container .swiper-button-prev:focus {

  outline: none;

  box-shadow: none;

}

.single-portfolio-box-layout5 .swiper-container .swiper-button-next {

  background-image: none;

  top: inherit;

  bottom: 0;

  right: 0;

  margin: 0;

  background-color: #ffffff;

  height: 60px;

  width: 70px;

  line-height: 58px;

  text-align: center;

}

.single-portfolio-box-layout5 .swiper-container .swiper-button-next:focus {

  outline: none;

  box-shadow: none;

}

/*=======================================================================

[14] Testimonial Area Style        

=========================================================================*/

.testimonial-wrap-layout1 {

  padding: 10rem 0 9.5rem;

  background-color: #f8f8f8;

}

.testimonial-wrap-layout2 {

  padding: 9.2rem 0 15.4rem;

}

.testimonial-wrap-layout3 {

  background-color: #000000;

  padding: 9.8rem 0 9.6rem;

}

.testimonial-box-layout1 {

  text-align: center;

}

.testimonial-box-layout1 .item-paragraph {

  position: relative;

  font-size: 24px;

  font-weight: 500;

  color: #111111;

  width: 70%;

  margin: 0 auto;

  font-style: italic;

  margin-bottom: 16px;

}

@media only screen and (max-width: 991px) {

  .testimonial-box-layout1 .item-paragraph {

    font-size: 22px;

  }

}

@media only screen and (max-width: 767px) {

  .testimonial-box-layout1 .item-paragraph {

    font-size: 20px;

    width: 90%;

  }

}

@media only screen and (max-width: 575px) {

  .testimonial-box-layout1 .item-paragraph {

    font-size: 16px;

  }

}

.testimonial-box-layout1 .item-paragraph:after {

  content: "\f10d";

  font-family: Font Awesome\ 5 Free;

  font-size: 20px;

  font-weight: 600;

  color: #c6c6c6;

  position: absolute;

  top: -6px;

  left: -20px;

}

@media only screen and (max-width: 575px) {

  .testimonial-box-layout1 .item-paragraph:after {

    font-size: 16px;

    left: -15px;

  }

}

.testimonial-box-layout1 .item-paragraph span {

  position: relative;

}

.testimonial-box-layout1 .item-paragraph span:before {

  content: "\f10e";

  font-family: Font Awesome\ 5 Free;

  font-size: 20px;

  font-weight: 600;

  color: #c6c6c6;

  position: absolute;

  bottom: -12px;

  right: -35px;

}

@media only screen and (max-width: 575px) {

  .testimonial-box-layout1 .item-paragraph span:before {

    font-size: 16px;

  }

}

.testimonial-box-layout1 .item-title {

  color: #111111;

  font-size: 22px;

  font-weight: 600;

  margin-bottom: 10px;

}

.testimonial-box-layout1 .item-subtitle {

  color: #646464;

  font-size: 16px;

  margin-bottom: 10px;

}

.testimonial-box-layout1 .item-rate li {

  display: inline-block;

  color: #ff9800;

}

.testimonial-box-layout1 .item-rate li i {

  font-size: 14px;

}

.testimonial-box-layout2 {

  text-align: center;

}

.testimonial-box-layout2 .item-paragraph {

  position: relative;

  font-size: 20px;

  font-weight: 500;

  width: 70%;

  margin: 18px auto 35px;

  font-style: italic;

}

@media only screen and (max-width: 767px) {

  .testimonial-box-layout2 .item-paragraph {

    width: 85%;

  }

}

@media only screen and (max-width: 575px) {

  .testimonial-box-layout2 .item-paragraph {

    width: 90%;

  }

}

.testimonial-box-layout2 .item-paragraph:after {

  content: url(img/testimonial/quote.png);

  position: absolute;

  top: -17px;

  left: -40px;

}

@media only screen and (max-width: 767px) {

  .testimonial-box-layout2 .item-paragraph:after {

    left: -20px;

  }

}

@media only screen and (max-width: 575px) {

  .testimonial-box-layout2 .item-paragraph:after {

    display: none;

  }

}

.testimonial-box-layout2 .item-img {

  margin-bottom: 17px;

}

.testimonial-box-layout2 .item-img img {

  width: auto;

  margin: 0 auto;

  border-radius: 50%;

}

.testimonial-box-layout2 .item-title {

  color: #111111;

  font-size: 22px;

  font-weight: 600;

  margin-bottom: 10px;

}

.testimonial-box-layout2 .item-subtitle {

  color: #646464;

  font-size: 16px;

  margin-bottom: 12px;

}

.testimonial-box-layout3 {

  text-align: center;

}

.testimonial-box-layout3 .item-paragraph {

  position: relative;

  font-size: 24px;

  font-weight: 500;

  color: #ffffff;

  width: 70%;

  margin: 0 auto;

  font-style: italic;

  margin-bottom: 25px;

}

@media only screen and (max-width: 767px) {

  .testimonial-box-layout3 .item-paragraph {

    font-size: 20px;

    width: 80%;

  }

}

.testimonial-box-layout3 .item-paragraph:after {

  content: "\f10d";

  font-family: Font Awesome\ 5 Free;

  font-size: 20px;

  font-weight: 600;

  color: #c6c6c6;

  position: absolute;

  top: -6px;

  left: -40px;

}

@media only screen and (max-width: 575px) {

  .testimonial-box-layout3 .item-paragraph:after {

    left: -25px;

  }

}

.testimonial-box-layout3 .item-paragraph span {

  position: relative;

}

.testimonial-box-layout3 .item-paragraph span:after {

  content: "\f10e";

  font-family: Font Awesome\ 5 Free;

  font-size: 20px;

  font-weight: 600;

  color: #c6c6c6;

  position: absolute;

  top: 14px;

  right: -30px;

}

.testimonial-box-layout3 .item-title {

  color: #ffffff;

  font-size: 22px;

  font-weight: 600;

  margin-bottom: 10px;

}

.testimonial-box-layout3 .item-subtitle {

  color: #cccccc;

  font-size: 16px;

  margin-bottom: 12px;

}

.testimonial-box-layout3 .item-rate li {

  display: inline-block;

  color: #ff9800;

}

.testimonial-box-layout3 .item-rate li i {

  font-size: 14px;

}

/*=======================================================================

[15] Banner Area Style        

=========================================================================*/

.banner-wrap-layout1 {

  padding: 9.2rem 0 10rem;

}

.banner-wrap-layout2 {

  padding: 13.5rem 0 14.5rem;

  background-color: #f2f2f2;

  background-image: url('img/banner/bg-image.png');

  background-repeat: no-repeat;

  background-position-x: right;

  background-position-y: bottom;

}

.banner-box-layout1 {

  text-align: center;

}

.banner-box-layout1 .item-title {

  font-size: 40px;

  font-weight: 600;

  color: #ffffff;

}

@media only screen and (max-width: 1199px) {

  .banner-box-layout1 .item-title {

    font-size: 38px;

  }

}

@media only screen and (max-width: 991px) {

  .banner-box-layout1 .item-title {

    font-size: 36px;

  }

}

@media only screen and (max-width: 767px) {

  .banner-box-layout1 .item-title {

    font-size: 32px;

  }

}

@media only screen and (max-width: 575px) {

  .banner-box-layout1 .item-title {

    font-size: 28px;

  }

}

.banner-box-layout1 p {

  color: #cccccc;

}

.banner-box-layout1 .item-btn {

  display: inline-block;

  background-color: #ffffff;

  border-radius: 4px;

  padding: 10px 20px;

  font-size: 16px;

  font-weight: 500;

  color: #111111;

  border: 1px solid #111111;

  margin-top: 10px;

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

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

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

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

  transition: all 0.5s ease-out;

}

.banner-box-layout1 .item-btn i:before {

  margin-left: 8px;

  font-size: 12px;

  font-weight: 700;

}

.banner-box-layout1 .item-btn:hover {

  background-color: transparent;

  color: #ffffff;

  border: 1px solid #ffffff;

}

.banner-box-layout2 {

  text-align: center;

}

.banner-box-layout2 .item-title {

  font-size: 40px;

  font-weight: 700;

  color: #111111;

}

@media only screen and (max-width: 1199px) {

  .banner-box-layout2 .item-title {

    font-size: 38px;

  }

}

@media only screen and (max-width: 991px) {

  .banner-box-layout2 .item-title {

    font-size: 36px;

  }

}

@media only screen and (max-width: 767px) {

  .banner-box-layout2 .item-title {

    font-size: 32px;

  }

}

@media only screen and (max-width: 575px) {

  .banner-box-layout2 .item-title {

    font-size: 28px;

  }

}

.banner-box-layout2 p {

  width: 65%;

  margin: 0 auto 20px;

}

@media only screen and (max-width: 991px) {

  .banner-box-layout2 p {

    width: 100%;

  }

}

.banner-box-layout2 .item-btn {

  display: inline-block;

  background-color: #111111;

  border-radius: 4px;

  padding: 10px 20px;

  font-size: 18px;

  font-weight: 500;

  color: #ffffff;

  margin-top: 20px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.banner-box-layout2 .item-btn i:before {

  margin-left: 6px;

  font-size: 14px;

  font-weight: 700;

}

.banner-box-layout2 .item-btn:hover {

  background-color: #ffffff;

  color: #111111;

}

/*=======================================================================

[16] Blog Area Style        

=========================================================================*/

.blog-wrap-layout1 {

  padding: 9.2rem 0 5.2rem;

}

.blog-wrap-layout2 {

  padding: 9.2rem 0 10.4rem;

}

@media only screen and (max-width: 991px) {

  .blog-wrap-layout2 {

    padding: 9.2rem 0 6rem;

  }

}

.blog-wrap-layout3 {

  padding: 10rem 0 7rem;

}

.blog-wrap-layout4 {

  padding: 6rem 0 1rem;

}

.blog-wrap-layout4a {

  padding: 2rem 0 4rem;

}

.blog-wrap-layout4 ul {

	margin-left: 18px;

	margin-right: 18px;

	margin-top: 14px;

	margin-bottom: 14px;

	padding-left: 12px;

}

.blog-wrap-layout4 li {

	list-style-image: url(img/arw1.png);

}



.blog-wrap-layout5 {

  padding: 10rem 0 7rem;

}

.single-blog-wrap-layout1 {

  padding: 3rem 0 3rem;

}

.single-blog-wrap-layout2 {

  padding: 10rem 0 8rem;

}

.blog-box-layout1 {

  margin-bottom: 5rem;

}

.blog-box-layout1 .item-img {

  overflow: hidden;

  border-radius: 4px;

}

.blog-box-layout1 .item-img img {

  border-radius: 4px;

  transform: scale(1) translateZ(0);

  transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);

}

.blog-box-layout1 .item-content {

  padding: 25px 0 0;

}

.blog-box-layout1 .item-content .item-title {

  font-weight: 700;

  margin-bottom: 20px;

}

.blog-box-layout1 .item-content .item-title a {

  color: #111111;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout1 .item-content .item-title a:hover {

  color: #333333;

}

.blog-box-layout1 .item-content .entry-meta {

  margin-bottom: 20px;

}

.blog-box-layout1 .item-content .entry-meta li {

  display: inline-block;

  font-size: 16px;

  font-weight: 300;

  color: #646464;

  position: relative;

  margin-right: 30px;

}

.blog-box-layout1 .item-content .entry-meta li:after {

  content: "/";

  color: #a09f9f;

  font-size: 20px;

  font-weight: 500;

  position: absolute;

  bottom: -4px;

  right: -23px;

}

.blog-box-layout1 .item-content .entry-meta li:last-child {

  margin-right: 0;

}

.blog-box-layout1 .item-content .entry-meta li:last-child:after {

  display: none;

}

.blog-box-layout1 .item-content .entry-meta li a {

  color: #a09f9f;

  font-size: 14px;

  font-weight: 400;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout1 .item-content .entry-meta li a:hover {

  color: #111111;

}

.blog-box-layout1 .item-content .item-btn {

  position: relative;

  margin-top: 5px;

  display: inline-block;

  font-size: 14px;

  font-weight: 500;

  color: #646464;

  border: 1px solid #646464;

  border-radius: 4px;

  padding: 12px 20px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout1 .item-content .item-btn:after {

  content: "";

  position: absolute;

  width: 0;

  height: 100%;

  background-color: #111111;

  top: 0;

  right: 0;

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

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

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

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

  transition: all 0.3s ease-out;

  z-index: -1;

}

.blog-box-layout1 .item-content .item-btn i:before {

  font-size: 14px;

  margin-left: 10px;

  font-weight: 600;

}

.blog-box-layout1 .item-content .item-btn:hover {

  color: #ffffff;

}

.blog-box-layout1 .item-content .item-btn:hover:after {

  width: 100%;

  left: 0;

}

.blog-box-layout1:hover .item-img img {

  transform: scale(1.1) translateZ(0);

}

@media only screen and (max-width: 991px) {

  .blog-box-layout2 {

    margin-bottom: 3rem;

  }

}

.blog-box-layout3 {

  padding: 0 6rem;

}

@media only screen and (max-width: 991px) {

  .blog-box-layout3 {

    padding: 0;

    margin-bottom: 4rem;

  }

}

.blog-box-layout3 .item-subtitle {

  font-size: 16px;

  color: #646464;

  margin-bottom: 18px;

}

.blog-box-layout3 .item-title a {

  font-weight: 600;

  color: #111111;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout3 .item-title a:hover {

  color: #444444;

}

.blog-box-layout3 .entry-meta li {

  display: inline-block;

  color: #646464;

}

.blog-box-layout3 .entry-meta li a {

  color: #111111;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout3 .entry-meta li a:hover {

  color: #646464;

}

.blog-box-layout4 {

  margin-bottom: 35px;

}

.blog-box-layout4 .item-img {

  overflow: hidden;

  border-radius: 4px;

  margin-bottom: 20px;

}

.blog-box-layout4 .item-img img {

  border-radius: 4px;

  transform: scale(1) translateZ(0);

  transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);

}

.blog-box-layout4 .item-content .item-title {

  font-weight: 600;

  margin-bottom: 10px;

}

.blog-box-layout4 .item-content .item-title a {

  color: #111111;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout4 .item-content .item-title a:hover {

  color: #444444;

}

.blog-box-layout4 .item-content .entry-meta {

  margin-bottom: 12px;

}

.blog-box-layout4 .item-content .entry-meta li {

  display: inline-block;

  font-size: 16px;

  font-weight: 300;

  color: #646464;

  position: relative;

  margin-right: 30px;

}

.blog-box-layout4 .item-content .entry-meta li:after {

  content: "/";

  color: #a09f9f;

  font-size: 20px;

  font-weight: 500;

  position: absolute;

  bottom: -4px;

  right: -23px;

}

.blog-box-layout4 .item-content .entry-meta li:last-child {

  margin-right: 0;

}

.blog-box-layout4 .item-content .entry-meta li:last-child:after {

  display: none;

}

.blog-box-layout4 .item-content .entry-meta li a {

  color: #a09f9f;

  font-size: 14px;

  font-weight: 400;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout4 .item-content .entry-meta li a:hover {

  color: #111111;

}

.blog-box-layout4 .item-content .item-btn {

  overflow: hidden;

  position: relative;

  display: inline-block;

  font-size: 14px;

  font-weight: 500;

  color: #111111;

  border: 1px solid #646464;

  border-radius: 4px;

  padding: 10px 20px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout4 .item-content .item-btn i:before {

  font-size: 14px;

  margin-left: 10px;

  font-weight: 700;

}

.blog-box-layout4 .item-content .item-btn:hover {

  background-color: #111111;

  color: #ffffff;

}

.blog-box-layout4:hover .item-img img {

  transform: scale(1.1) translateZ(0);

}

.blog-box-layout5 {

  margin-bottom: 3rem;

}

.blog-box-layout5 .media .item-img {

  width: 40%;

  overflow: hidden;

  border-radius: 4px;

}

@media only screen and (max-width: 1199px) {

  .blog-box-layout5 .media .item-img {

    width: 100%;

  }

}

.blog-box-layout5 .media .item-img img {

  border-radius: 4px;

  transform: scale(1) translateZ(0);

  transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);

}

.blog-box-layout5 .media .media-body {

  width: 60%;

}

@media only screen and (max-width: 1199px) {

  .blog-box-layout5 .media .media-body {

    width: 100%;

  }

}

.blog-box-layout5 .media .media-body .entry-meta {

  margin-bottom: 18px;

}

.blog-box-layout5 .media .media-body .entry-meta li {

  font-size: 16px;

  font-weight: 300;

  margin-bottom: 15px;

}

.blog-box-layout5 .media .media-body .entry-meta li:last-child {

  margin-bottom: 0;

}

.blog-box-layout5 .media .media-body .entry-meta li a {

  font-weight: 400;

  display: inline-block;

  background-color: #f2f2f2;

  border-radius: 4px;

  margin-right: 5px;

  padding: 2px 10px;

  color: #444444;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout5 .media .media-body .entry-meta li a:hover {

  color: #ffffff;

  background-color: #111111;

}

.blog-box-layout5 .media .media-body .item-title {

  margin-bottom: 12px;

}

.blog-box-layout5 .media .media-body .item-title a {

  font-weight: 600;

  color: #111111;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout5 .media .media-body .item-title a:hover {

  color: #444444;

}

.blog-box-layout5 .media .media-body .item-btn {

  display: inline-block;

  font-size: 14px;

  font-weight: 500;

  color: #646464;

  border: 1px solid #646464;

  border-radius: 4px;

  padding: 10px 20px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout5 .media .media-body .item-btn i:before {

  font-size: 14px;

  margin-left: 10px;

  font-weight: 600;

}

.blog-box-layout5 .media .media-body .item-btn:hover {

  color: #ffffff;

  background-color: #111111;

}

.blog-box-layout5 .media:hover .item-img img {

  transform: scale(1.1) translateZ(0);

}

.blog-box-layout6 {

  margin-bottom: 30px;

}

.blog-box-layout6 .item-img {

  overflow: hidden;

  border-radius: 4px;

  margin-bottom: 30px;

}

.blog-box-layout6 .item-img img {

  border-radius: 4px;

  transform: scale(1) translateZ(0);

  transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);

}

.blog-box-layout6 .item-content .entry-meta {

  margin-bottom: 25px;

}

.blog-box-layout6 .item-content .entry-meta li {

  display: inline-block;

  font-size: 16px;

  font-weight: 300;

  margin-right: 15px;

}

.blog-box-layout6 .item-content .entry-meta li:last-child {

  margin-right: 0;

}

.blog-box-layout6 .item-content .entry-meta li a {

  font-weight: 400;

  display: inline-block;

  background-color: #f2f2f2;

  border-radius: 4px;

  margin-right: 5px;

  padding: 2px 10px;

  color: #444444;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout6 .item-content .entry-meta li a:hover {

  color: #ffffff;

  background-color: #111111;

}

@media only screen and (max-width: 767px) {

  .blog-box-layout6 .item-content .item-title {

    font-size: 24px;

  }

}

.blog-box-layout6 .item-content .item-title a {

  font-weight: 600;

  color: #111111;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout6 .item-content .item-title a:hover {

  color: #444444;

}

.blog-box-layout6 .item-content .item-btn {

  overflow: hidden;

  position: relative;

  margin-top: 5px;

  display: inline-block;

  font-size: 14px;

  font-weight: 500;

  color: #ffffff;

  border: 1px solid #646464;

  background-color: #111111;

  border-radius: 4px;

  padding: 10px 20px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layout6 .item-content .item-btn i:before {

  font-size: 14px;

  margin-left: 10px;

  font-weight: 600;

}

.blog-box-layout6 .item-content .item-btn:hover {

  background-color: transparent;

  color: #111111;

  border: 1px solid #646464;

}

.blog-box-layout6:hover .item-img img {

  transform: scale(1.05) translateZ(0);

}

.single-blog-box-layout1 .blog-img {

  margin-bottom: 3rem;

}

.single-blog-box-layout1 .blog-img img {

  border-radius: 4px;

}

.single-blog-box-layout1 .blog-content {

  margin-bottom: 2rem;

}

/*.single-blog-box-layout1 .blog-content {

  margin-bottom: 3rem;

}*/

.single-blog-box-layout1 .blog-content .item-btn {

  margin-bottom: 20px;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout1 .blog-content .entry-meta {

    text-align: center;

  }

}

.single-blog-box-layout1 .blog-content .entry-meta li {

  display: inline-block;

  font-size: 16px;

  font-weight: 300;

  margin-right: 15px;

}

.single-blog-box-layout1 .blog-content .entry-meta li:last-child {

  margin-right: 0;

}

.single-blog-box-layout1 .blog-content .entry-meta li a {

  font-weight: 400;

  display: inline-block;

  background-color: #f2f2f2;

  border-radius: 4px;

  margin-right: 5px;

  padding: 2px 10px;

  color: #444444;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-blog-box-layout1 .blog-content .entry-meta li a:hover {

  color: #ffffff;

  background-color: #111111;

}

.single-blog-box-layout1 .blog-content .blog-title {

  font-weight: 600;

  color: #111111;

  line-height: 1.3;

}

@media only screen and (max-width: 767px) {

  .single-blog-box-layout1 .blog-content .blog-title {

    font-size: 24px;

  }

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout1 .blog-content .blog-title {

    text-align: center;

  }

}

.single-blog-box-layout1 .blog-content .post-action {

  margin-top: 32px;

  display: block;

  align-items: center;

  margin-bottom: 25px;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout1 .blog-content .post-action {

    display: block;

    text-align: center;

  }

}

.single-blog-box-layout1 .blog-content .post-action li {

  position: relative;

  display: flex;

  align-items: center;

  margin-right: 6rem;

  color: #646464;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout1 .blog-content .post-action li {

    margin-right: 0;

    margin-bottom: 2rem;

    display: block;

  }

}

.single-blog-box-layout1 .blog-content .post-action li span {

  color: #444444;

  font-weight: 500;

  margin-right: 10px;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout1 .blog-content .post-action li span {

    margin-right: 0;

  }

}

.single-blog-box-layout1 .blog-content .post-action li i {

  margin-right: 10px;

  color: #a0a0a0;

  font-size: 24px;

}

.single-blog-box-layout1 .blog-content .post-action li:after {

  content: "";

  height: 40px;

  width: 1px;

  background-color: #c4c4c4;

  top: 50%;

  right: -30px;

  transform: translateY(-50%);

  position: absolute;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout1 .blog-content .post-action li:after {

    display: none;

  }

}

.single-blog-box-layout1 .blog-content .post-action li:last-child {

  margin-right: 0;

}

.single-blog-box-layout1 .blog-content .post-action li:last-child:after {

  display: none;

}

.single-blog-box-layout1 .blog-content .post-action li .media {

  align-items: center;

}

.single-blog-box-layout1 .blog-content .post-action li .media img {

  border-radius: 50%;

}

.single-blog-box-layout1 .blog-content .post-action li .media .media-body .item-title {

  color: #646464;

  font-size: 16px;

  margin-bottom: 0;

}

.single-blog-box-layout1 .blog-content .post-action li .media .media-body .item-title span {

  display: block;

  color: #111111;

}

.single-blog-box-layout1 .blog-content blockquote {

  font-size: 22px;

  font-weight: 500;

  font-style: italic;

  text-decoration: underline;

  padding: 1.5rem 6rem 2.5rem;

}

@media only screen and (max-width: 767px) {

  .single-blog-box-layout1 .blog-content blockquote {

    font-size: 20px;

  }

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout1 .blog-content blockquote {

    padding: 1.5rem 0 2.5rem;

    font-size: 18px;

  }

}

.single-blog-box-layout1 .blog-tag {

  margin-bottom: 5rem;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout1 .blog-tag {

    text-align: center;

    margin-bottom: 2rem;

  }

}

.single-blog-box-layout1 .blog-tag li {

  font-size: 17px;

  color: #111111;

  font-weight: 500;

}

.single-blog-box-layout1 .blog-tag li a {

  color: #444444;

  font-weight: 400;

  padding-left: 5px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-blog-box-layout1 .blog-tag li a:hover {

  color: #111111;

}

.single-blog-box-layout1 .blog-social {

  margin-bottom: 5rem;

  display: flex;

  justify-content: flex-end;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout1 .blog-social {

    display: block;

    text-align: center;

  }

}

.single-blog-box-layout1 .blog-social li {

  font-size: 17px;

  color: #111111;

  font-weight: 500;

}

.single-blog-box-layout1 .blog-social li a {

  font-size: 18px;

  color: #a4a4a4;

  padding-left: 15px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-blog-box-layout1 .blog-social li a:hover {

  color: #111111;

}

.single-blog-box-layout1 .blog-author {

  border: 1px solid #d7d7d7;

  margin-bottom: 5.5rem;

  padding: 4rem 5rem 1.5rem;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout1 .blog-author {

    text-align: center;

  }

}

.single-blog-box-layout1 .blog-author .media img {

  border-radius: 50%;

}

.single-blog-box-layout1 .blog-author .media .media-body .item-title {

  font-weight: 600;

  color: #111111;

  margin-bottom: 10px;

}

.single-blog-box-layout1 .blog-author .media .media-body .item-subtitle {

  margin-bottom: 5px;

}

.single-blog-box-layout1 .blog-comment {

  margin-bottom: 4rem;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout1 .blog-comment {

    text-align: center;

  }

}

.single-blog-box-layout1 .blog-comment .media {

  margin-bottom: 40px;

}

.single-blog-box-layout1 .blog-comment .media:last-child {

  margin-bottom: 0;

}

.single-blog-box-layout1 .blog-comment .media img {

  border-radius: 50%;

}

.single-blog-box-layout1 .blog-comment .media .media-body {

  position: relative;

}

.single-blog-box-layout1 .blog-comment .media .media-body .post-title {

  color: #111111;

  font-weight: 700;

}

.single-blog-box-layout1 .blog-comment .media .media-body .post-title span {

  font-size: 16px;

  color: #646464;

  display: block;

  font-weight: 400;

  margin-top: 5px;

}

.single-blog-box-layout1 .blog-comment .media .media-body .item-btn {

  display: inline-block;

  font-size: 14px;

  color: #444444;

  font-weight: 500;

  border: 1px solid #b7b7b7;

  border-radius: 4px;

  padding: 5px 15px;

  position: absolute;

  top: -11px;

  right: 0;

  transition: 0.3s ease-in-out;

}

@media only screen and (max-width: 767px) {

  .single-blog-box-layout1 .blog-comment .media .media-body .item-btn {

    position: inherit;

    margin-top: 10px;

  }

}

.single-blog-box-layout1 .blog-comment .media .media-body .item-btn:hover {

  background-color: #111111;

  border: 1px solid #111111;

  color: #ffffff;

}

.single-blog-box-layout1 .blog-comment .media:nth-child(odd) {

  margin-left: 5rem;

  padding-right: 5rem;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout1 .blog-comment .media:nth-child(odd) {

    margin-left: 0;

    padding-right: 0;

  }

}

.single-blog-box-layout1 .blog-form {

  margin-top: 2rem;

}

.single-blog-box-layout1 .blog-form .contact-form-box .form-group {

  margin-bottom: 15px;

}

.single-blog-box-layout1 .blog-form .contact-form-box .form-group:last-child {

  margin-bottom: 0;

}

.single-blog-box-layout1 .blog-form .contact-form-box .form-group .form-control {

  font-size: 16px;

  padding: 15px 20px;

  border: none;

  background-color: #f4f4f4;

  color: #111111;

  border-radius: 4px;

}

.single-blog-box-layout1 .blog-form .contact-form-box .form-group .form-control:focus {

  outline: none;

  box-shadow: none;

}

.single-blog-box-layout1 .blog-form .contact-form-box .form-group input {

  height: 55px;

}

.single-blog-box-layout1 .blog-form .contact-form-box .form-group .item-btn {

  margin-top: 1.5rem;

  display: block;

  border: 1px solid #111111;

  background-color: #111111;

  color: #ffffff;

  font-weight: 500;

  font-size: 16px;

  border-radius: 4px;

  padding: 12px 20px;

  text-align: center;

  cursor: pointer;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-blog-box-layout1 .blog-form .contact-form-box .form-group .item-btn i {

  margin-left: 15px;

  font-size: 16px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-blog-box-layout1 .blog-form .contact-form-box .form-group .item-btn:hover {

  color: #111111;

  background-color: transparent;

  border: 1px solid #111111;

}

.single-blog-box-layout1 .blog-form .contact-form-box .form-group .item-btn:hover i {

  color: #111111;

}

.single-blog-box-layout2 .blog-img {

  margin-bottom: 3rem;

}

.single-blog-box-layout2 .blog-img img {

  border-radius: 4px;

}

.single-blog-box-layout2 .blog-details {

  padding: 0 14rem;

}

@media only screen and (max-width: 991px) {

  .single-blog-box-layout2 .blog-details {

    padding: 0;

  }

}

.single-blog-box-layout2 .blog-details .blog-content {

  text-align: center;

  margin-bottom: 5rem;

}

.single-blog-box-layout2 .blog-details .blog-content .entry-meta {

  margin-bottom: 20px;

}

.single-blog-box-layout2 .blog-details .blog-content .entry-meta li {

  display: inline-block;

  font-size: 16px;

  font-weight: 300;

  margin-right: 15px;

}

.single-blog-box-layout2 .blog-details .blog-content .entry-meta li:last-child {

  margin-right: 0;

}

.single-blog-box-layout2 .blog-details .blog-content .entry-meta li a {

  font-weight: 400;

  display: inline-block;

  background-color: #f2f2f2;

  border-radius: 4px;

  margin-right: 5px;

  padding: 2px 10px;

  color: #444444;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-blog-box-layout2 .blog-details .blog-content .entry-meta li a:hover {

  color: #ffffff;

  background-color: #111111;

}

.single-blog-box-layout2 .blog-details .blog-content .blog-title {

  font-weight: 600;

  color: #111111;

  line-height: 1.3;

}

@media only screen and (max-width: 767px) {

  .single-blog-box-layout2 .blog-details .blog-content .blog-title {

    font-size: 24px;

  }

}

.single-blog-box-layout2 .blog-details .blog-content .post-action {

  margin-top: 32px;

  display: flex;

  align-items: center;

  margin-bottom: 25px;

  justify-content: center;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout2 .blog-details .blog-content .post-action {

    display: block;

    text-align: center;

  }

}

.single-blog-box-layout2 .blog-details .blog-content .post-action li {

  position: relative;

  display: flex;

  align-items: center;

  margin-right: 6rem;

  color: #646464;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout2 .blog-details .blog-content .post-action li {

    margin-right: 0;

    margin-bottom: 2rem;

    display: block;

  }

}

.single-blog-box-layout2 .blog-details .blog-content .post-action li span {

  color: #444444;

  font-weight: 500;

  margin-right: 10px;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout2 .blog-details .blog-content .post-action li span {

    margin-right: 0;

  }

}

.single-blog-box-layout2 .blog-details .blog-content .post-action li i {

  margin-right: 10px;

  color: #a0a0a0;

  font-size: 24px;

}

.single-blog-box-layout2 .blog-details .blog-content .post-action li:after {

  content: "";

  height: 40px;

  width: 1px;

  background-color: #c4c4c4;

  top: 50%;

  right: -30px;

  transform: translateY(-50%);

  position: absolute;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout2 .blog-details .blog-content .post-action li:after {

    display: none;

  }

}

.single-blog-box-layout2 .blog-details .blog-content .post-action li:last-child {

  margin-right: 0;

}

.single-blog-box-layout2 .blog-details .blog-content .post-action li:last-child:after {

  display: none;

}

.single-blog-box-layout2 .blog-details .blog-content .post-action li .media {

  align-items: center;

}

.single-blog-box-layout2 .blog-details .blog-content .post-action li .media img {

  border-radius: 50%;

}

.single-blog-box-layout2 .blog-details .blog-content .post-action li .media .media-body .item-title {

  color: #646464;

  font-size: 16px;

  margin-bottom: 0;

}

.single-blog-box-layout2 .blog-details .blog-content .post-action li .media .media-body .item-title span {

  display: block;

  color: #111111;

}

.single-blog-box-layout2 .blog-details .blog-content blockquote {

  font-size: 22px;

  font-weight: 500;

  font-style: italic;

  text-decoration: underline;

  padding: 1.5rem 6rem 2.5rem;

}

@media only screen and (max-width: 767px) {

  .single-blog-box-layout2 .blog-details .blog-content blockquote {

    font-size: 20px;

  }

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout2 .blog-details .blog-content blockquote {

    padding: 1.5rem 0 2.5rem;

    font-size: 18px;

  }

}

.single-blog-box-layout2 .blog-details .blog-content .blog-social {

  margin-top: 4rem;

}

.single-blog-box-layout2 .blog-details .blog-content .blog-social li {

  font-size: 17px;

  color: #111111;

  font-weight: 500;

  margin-bottom: 12px;

}

.single-blog-box-layout2 .blog-details .blog-content .blog-social li:last-child {

  margin-bottom: 0;

}

.single-blog-box-layout2 .blog-details .blog-content .blog-social li a {

  color: #444444;

  padding-left: 5px;

  font-weight: 400;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-blog-box-layout2 .blog-details .blog-content .blog-social li a i {

  margin-left: 12px;

  font-size: 18px;

  color: #a4a4a4;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-blog-box-layout2 .blog-details .blog-content .blog-social li a:hover {

  color: #111111;

}

.single-blog-box-layout2 .blog-details .blog-content .blog-social li a:hover i {

  color: #111111;

}

.single-blog-box-layout2 .blog-details .blog-author {

  border: 1px solid #d7d7d7;

  margin-bottom: 3.5rem;

  padding: 2rem 2rem 1.5rem;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout2 .blog-details .blog-author {

    text-align: center;

  }

}

.single-blog-box-layout2 .blog-details .blog-author .media img {

  border-radius: 50%;

}

.single-blog-box-layout2 .blog-details .blog-author .media .media-body .item-title {

  font-weight: 600;

  color: #111111;

  margin-bottom: 10px;

}

.single-blog-box-layout2 .blog-details .blog-author .media .media-body .item-subtitle {

  margin-bottom: 5px;

}

.single-blog-box-layout2 .blog-details .blog-comment {

  margin-bottom: 4rem;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout2 .blog-details .blog-comment {

    text-align: center;

  }

}

.single-blog-box-layout2 .blog-details .blog-comment .media {

  margin-bottom: 40px;

}

.single-blog-box-layout2 .blog-details .blog-comment .media:last-child {

  margin-bottom: 0;

}

.single-blog-box-layout2 .blog-details .blog-comment .media img {

  border-radius: 50%;

}

.single-blog-box-layout2 .blog-details .blog-comment .media .media-body {

  position: relative;

}

.single-blog-box-layout2 .blog-details .blog-comment .media .media-body .post-title {

  color: #111111;

  font-weight: 700;

}

.single-blog-box-layout2 .blog-details .blog-comment .media .media-body .post-title span {

  font-size: 16px;

  color: #646464;

  display: block;

  font-weight: 400;

  margin-top: 5px;

}

.single-blog-box-layout2 .blog-details .blog-comment .media .media-body .item-btn {

  display: inline-block;

  font-size: 14px;

  color: #444444;

  font-weight: 500;

  border: 1px solid #b7b7b7;

  border-radius: 4px;

  padding: 5px 15px;

  position: absolute;

  top: -11px;

  right: 0;

  transition: 0.3s ease-in-out;

}

@media only screen and (max-width: 767px) {

  .single-blog-box-layout2 .blog-details .blog-comment .media .media-body .item-btn {

    position: inherit;

    margin-top: 10px;

  }

}

.single-blog-box-layout2 .blog-details .blog-comment .media .media-body .item-btn:hover {

  background-color: #111111;

  border: 1px solid #111111;

  color: #ffffff;

}

.single-blog-box-layout2 .blog-details .blog-comment .media:nth-child(odd) {

  margin-left: 5rem;

  padding-right: 5rem;

}

@media only screen and (max-width: 575px) {

  .single-blog-box-layout2 .blog-details .blog-comment .media:nth-child(odd) {

    margin-left: 0;

    padding-right: 0;

  }

}

.single-blog-box-layout2 .blog-details .blog-form {

  margin-top: 2rem;

}

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .form-group {

  margin-bottom: 15px;

}

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .form-group:last-child {

  margin-bottom: 0;

}

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .form-group .form-control {

  font-size: 16px;

  padding: 15px 20px;

  border: none;

  background-color: #f4f4f4;

  color: #111111;

  border-radius: 4px;

}

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .form-group .form-control:focus {

  outline: none;

  box-shadow: none;

}

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .form-group input {

  height: 55px;

}

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .form-group .item-btn {

  margin-top: 1.5rem;

  display: inline-block;

  border: 1px solid #111111;

  background-color: #111111;

  color: #ffffff;

  font-weight: 500;

  font-size: 16px;

  border-radius: 4px;

  padding: 12px 20px;

  text-align: center;

  cursor: pointer;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .form-group .item-btn i {

  margin-left: 15px;

  font-size: 16px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .form-group .item-btn:hover {

  color: #111111;

  background-color: transparent;

  border: 1px solid #111111;

}

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .form-group .item-btn:hover i {

  color: #111111;

}

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .alert.alert-danger,

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .alert.alert-info,

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .alert.alert-success {

  margin-top: 10px;

  margin-bottom: 0;

}

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .alert.alert-danger p,

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .alert.alert-info p,

.single-blog-box-layout2 .blog-details .blog-form .contact-form-box .alert.alert-success p {

  margin-bottom: 0;

}

/*=======================================================================

[17] Brand Area Style        

=========================================================================*/

.brand-wrap-layout1 {

  padding: 0 0 10rem;

}

.brand-wrap-layout2 {

  padding: 2rem 0;

  background-color: #f8f8f8;

}

.brand-wrap-layout3 {

  background-color: #111111;

  padding: 9.5rem 0 7rem;

}

.brand-wrap-layout4 {

  padding: 10rem 0 7rem;

}

@media only screen and (max-width: 575px) {

  .brand-wrap-layout4 {

    padding: 10rem 3rem 7rem !important;

  }

}

.brand-wrap-layout5 {

  padding: 1rem 0;

}

.brand-box-layout1 {

  border: 1px solid #d7d7d7;

  text-align: center;

}

.brand-box-layout1 img {

  opacity: 0.50;

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

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

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

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

  transition: all 0.3s ease-out;

}

.brand-box-layout1:hover img {

  opacity: 1;

}

.brand-box-layout2 img {

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

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

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

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

  transition: all 0.3s ease-out;

}

.brand-box-layout2:hover img {

  opacity: 0.50;

  cursor: all-scroll;

}

.brand-box-layout3 {

  margin-bottom: 3rem;

  text-align: center;

}

.brand-box-layout3 img {

  opacity: 0.50;

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

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

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

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

  transition: all 0.3s ease-in-out;

}

.brand-box-layout3:hover img {

  opacity: 1;

}

.brand-box-layout4 {

  border: 1px solid #d7d7d7;

  margin-bottom: 3rem;

  text-align: center;

}

.brand-box-layout4 img {

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

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

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

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

  transition: all 0.3s ease-out;

}

.brand-box-layout4:hover img {

  opacity: 0.50;

}

/*=======================================================================

[18] Social Link Area Style 

=========================================================================*/

.social-link-wrap-layout1 {

  padding: 7rem 0 4rem;

  background-color: #f8f8f8;

}

.social-box-layout1 {

  text-align: center;

  position: relative;

  overflow: hidden;

}

.social-box-layout1:after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.8);

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  visibility: hidden;

  opacity: 0;

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

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

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

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

  transition: all 0.3s ease-out;

}

.social-box-layout1 img {

  transform: scale(1);

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

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

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

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

  transition: all 0.3s ease-out;

}

.social-box-layout1 a {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  transform: translateY(-50%);

  z-index: 2;

  color: #ffffff;

  font-size: 30px;

  visibility: hidden;

  opacity: 0;

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

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

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

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

  transition: all 0.3s ease-out;

}

.social-box-layout1:hover:after {

  visibility: visible;

  opacity: 1;

}

.social-box-layout1:hover a {

  visibility: visible;

  opacity: 1;

}

.social-box-layout1:hover img {

  transform: scale(1.2);

}

.social-box-layout2 {

  text-align: center;

  background-color: #cccccc;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

}

.social-box-layout2 .item-content {

  font-size: 24px;

  font-weight: 600;

  color: #111111;

}

@media only screen and (max-width: 479px) {

  .social-box-layout2 .item-content {

    font-size: 20px;

  }

}

.social-box-layout2 .item-content a {

  color: #000000;

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

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

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

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

  transition: all 0.3s ease-out;

}

.social-box-layout2 .item-content a:hover {

  color: #cccccc;

}

.social-box-layout2 .item-icon {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0;

  right: 0;

}

.social-box-layout2 .item-icon a {

  font-size: 100px;

  color: #444444;

  opacity: 0.40;

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

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

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

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

  transition: all 0.3s ease-out;

}

/*=======================================================================

[19] About Us Area Style 

=========================================================================*/

.about-wrap-layout1 {

  padding-bottom: 6.5rem;

}

.about-wrap-layout1 .item-btn{

  position: relative;

  padding: 12px 20px;

  font-size: 14px;

  border-radius: 4px;

  border: 1px solid;

  border-color: #111111;

  color: #111111;

  background-color: transparent;

  text-transform: uppercase;

  font-weight: 500;

  display: inline-block;

  cursor: pointer;

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

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

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

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

  transition: all 0.3s ease-out;

  z-index: 2;

}

.about-wrap-layout1 .item-btn i:before {

  font-size: 14px;

  margin-left: 8px;

  font-weight: 600;

}

.about-wrap-layout1 .item-btn:hover {

  background-color: #111111;

  color: #ffffff;

}



@media only screen and (max-width: 1399px) {

  .about-wrap-layout1 {

    padding: 10rem 0;

  }

}

.about-wrap-layout2 {

  padding: 8rem 0 3.5rem;

}

.about-wrap-layout3 {

  background-color: #f8f8f8;

  position: relative;

}

.about-wrap-layout4 {

  padding: 9.2rem 0 10rem;

}

.about-wrap-layout5 {

  padding: 10rem 0;

  background-color: #f8f8f8;

}

.about-box-layout1 {

  position: relative;

  top: -35px;

  left: 0;

  z-index: 5;

}

@media only screen and (max-width: 1399px) {

  .about-box-layout1 {

    position: inherit;

    top: 0;

    text-align: center;

  }

}

.about-box-layout2 {

  padding-left: 2rem;

  padding-top: 1.5rem;

  padding-right: 2rem;

  position: relative;

}

@media only screen and (max-width: 1399px) {

  .about-box-layout2 {

    margin-bottom: 5rem;

  }

}

@media only screen and (max-width: 767px) {

  .about-box-layout2 {

    padding-left: 1rem;

  padding-top: 1rem;

  }

}

.about-box-layout2 .item-title {

  padding-top: 10px;

  position: relative;

  font-weight: 500;

  color: #111111;

}

.about-box-layout2 .item-title span {

  position: absolute;

  top: -33px;

  left: 0;

  display: inline-block;

  font-size: 10rem;

  font-weight: 500;

}

@media only screen and (max-width: 767px) {

  .about-box-layout2 .item-title span {

    top: -25px;

  }

}

.about-box-layout2 .about-right-side-content {

  position: absolute;

  top: 45%;

  right: -16rem;

  transform: translateY(-50%) rotate(-90deg);

  color: #e5e5e5;

  font-size: 42px;

  font-weight: 300;

}

@media only screen and (max-width: 1399px) {

  .about-box-layout2 .about-right-side-content {

    display: none;

  }

}

@media only screen and (max-width: 991px) {

  .about-box-layout3 {

    margin-bottom: 5rem;

  }

}

.about-box-layout3 .item-title {

  font-size: 36px;

  color: #111111;

  font-weight: 600;

}

@media only screen and (max-width: 1199px) {

  .about-box-layout3 .item-title {

    font-size: 32px;

  }

}

@media only screen and (max-width: 575px) {

  .about-box-layout3 .item-title {

    font-size: 28px;

  }

}

.about-box-layout3 .item-category {

  margin-top: 4rem;

}

.about-box-layout3 .item-category li {

  font-size: 20px;

  color: #646464;

  font-weight: 500;

  margin-bottom: 10px;

}

@media only screen and (max-width: 767px) {

  .about-box-layout3 .item-category li {

    font-size: 18px;

  }

}

.about-box-layout3 .item-category li:last-child {

  margin-bottom: 0;

}

.about-box-layout3 .item-category li i {

  font-size: 18px;

  color: #000000;

  margin-right: 15px;

}

.about-box-layout4 {

  text-align: center;

}

.about-box-layout4 .item-img {

  position: relative;

}

.about-box-layout4 .item-img img {

  border-radius: 4px;

}

.about-box-layout4 .item-img .play-btn {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  transform: translateY(-50%);

}

.about-box-layout4 .item-img .play-btn img {

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

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

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

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

  transition: all 0.3s ease-out;

}

.about-box-layout4 .item-img .play-btn:hover img {

  opacity: 0.80;

}

.about-box-layout5 {

  margin-top: 5rem;

}

.about-box-layout5 .item-title {

  font-size: 36px;

  color: #111111;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  .about-box-layout5 .item-title {

    font-size: 32px;

  }

}

@media only screen and (max-width: 575px) {

  .about-box-layout5 .item-title {

    font-size: 28px;

  }

}

.about-box-layout5 .item-subtitle {

  font-size: 20px;

  font-weight: 500;

  color: #111111;

  margin-bottom: 16px;

}

@media only screen and (max-width: 767px) {

  .about-box-layout5 .item-subtitle {

    font-size: 18px;

  }

}

.about-box-layout5 blockquote {

  font-size: 22px;

  font-weight: 500;

  font-style: italic;

  text-decoration: underline;

  margin: 23px 0 26px;

}

.about-box-layout6 {

  width: 50%;

}

@media only screen and (max-width: 1399px) {

  .about-box-layout6 {

    width: 100%;

  }

}

.about-box-layout7 {

  position: absolute;

  top: 50%;

  left: 53%;

  transform: translateY(-50%);

}

@media only screen and (max-width: 1399px) {

  .about-box-layout7 {

    position: inherit;

    top: 0;

    left: 0;

    transform: translateY(0);

    padding: 9rem 0;

  }

}

.about-box-layout7 .item-content .item-subtitle {

  font-size: 24px;

  color: #111111;

  margin-bottom: 10px;

}

.about-box-layout7 .item-content .item-title {

  font-size: 36px;

  font-weight: 700;

  line-height: 1.1;

}

.about-box-layout7 .item-content .item-title span {

  font-weight: 500;

  display: block;

}

.about-box-layout7 .item-content .item-category {

  margin-top: 3rem;

}

.about-box-layout7 .item-content .item-category li {

  font-size: 20px;

  color: #646464;

  font-weight: 500;

  margin-bottom: 10px;

}

.about-box-layout7 .item-content .item-category li:last-child {

  margin-bottom: 0;

}

.about-box-layout7 .item-content .item-category li i {

  font-size: 18px;

  color: #000000;

  margin-right: 15px;

}

.about-box-layout8 .item-title {

  font-size: 36px;

  color: #111111;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  .about-box-layout8 .item-title {

    font-size: 32px;

  }

}

@media only screen and (max-width: 575px) {

  .about-box-layout8 .item-title {

    font-size: 28px;

  }

}

.about-box-layout9 .swiper-container .swiper-button-prev {

  background-image: none;

  top: inherit;

  bottom: 0;

  left: 0;

  margin: 0;

  background-color: #ffffff;

  height: 50px;

  width: 60px;

  line-height: 50px;

  text-align: center;

}

.about-box-layout9 .swiper-container .swiper-button-prev:focus {

  outline: none;

  box-shadow: none;

}

@media only screen and (max-width: 575px) {

  .about-box-layout9 .swiper-container .swiper-button-prev {

    display: none;

  }

}

.about-box-layout9 .swiper-container .swiper-button-next {

  background-image: none;

  top: inherit;

  bottom: 0;

  right: 0;

  margin: 0;

  background-color: #ffffff;

  height: 50px;

  width: 60px;

  line-height: 50px;

  text-align: center;

}

.about-box-layout9 .swiper-container .swiper-button-next:focus {

  outline: none;

  box-shadow: none;

}

@media only screen and (max-width: 575px) {

  .about-box-layout9 .swiper-container .swiper-button-next {

    display: none;

  }

}

/*=======================================================================

[20] Inner Page Banner Area Style

=========================================================================*/

.inner-page-banner {

	display: block;

	padding-top: 17rem;

	padding-right: 0;

	padding-left: 0;

	padding-bottom: 10rem;

}

.inner-page-banner .breadcrumbs-area {

  position: relative;

  z-index: 1;

}

.inner-page-banner .breadcrumbs-area h1 {

  font-size: 36px;

  font-weight: 600;

  text-transform: capitalize;

  color: #ffffff;

	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);

}

@media only screen and (max-width: 991px) {

  .inner-page-banner .breadcrumbs-area h1 {

    font-size: 34px;

  }

}

@media only screen and (max-width: 767px) {

  .inner-page-banner .breadcrumbs-area h1 {

    margin-bottom: 10px;

    font-size: 32px;

  }

}

.inner-page-banner .breadcrumbs-area ul li {

  display: inline-block;

  color: #ffffff;

  font-size: 18px;

  position: relative;

  margin-right: 25px;

  padding-right: 15px;

	text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);

}

.inner-page-banner .breadcrumbs-area ul li:before {

  content: "\f105";

  font-family: Font Awesome\ 5 Free;

  font-weight: 600;

  position: absolute;

  font-size: 21px;

  right: -11px;

  top: 50%;

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

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

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

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

  transform: translateY(-50%);

  z-index: 5;

  color: #cccccc;

}

.inner-page-banner .breadcrumbs-area ul li a {

  color: #cccccc;

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

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

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

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

  transition: all 0.5s ease-out;

}

.inner-page-banner .breadcrumbs-area ul li a:hover {

  color: #ffffff;

}

.inner-page-banner .breadcrumbs-area ul li:last-child {

  margin-right: 0;

  padding-right: 0;

}

.inner-page-banner .breadcrumbs-area ul li:last-child:before {

  display: none;

}

/*=======================================================================

[21] Widget Sidebar Area Style

=========================================================================*/

.widget-project-info {

  background-color: #f8f8f8;

  padding: 3rem 3rem 3.5rem;

}

.widget-project-info .item-title {

  font-weight: 600;

  color: #111111;

  position: relative;

  padding-bottom: 20px;

}

.widget-project-info .item-title:after {

  content: "";

  height: 4px;

  width: 40px;

  background-color: #111111;

  bottom: 0;

  left: 0;

  position: absolute;

}

.widget-project-info .project-detail > li {

  display: flex;

  color: #000000;

  margin-bottom: 15px;

}

.widget-project-info .project-detail > li:last-child {

  margin-bottom: 0;

}

.widget-project-info .project-detail > li span {

  font-size: 18px;

  font-weight: 500;

  color: #000000;

  margin-right: 10px;

}

.widget-project-info .project-detail > li a {

  color: #000000;

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

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

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

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

  transition: all 0.3s ease-out;

}

.widget-project-info .project-detail > li a:hover {

  color: #444444;

}

.widget-project-info .project-detail .item-social {

  display: inline-flex;

}

.widget-project-info .project-detail .item-social > li:first-child a {

  padding-left: 0;

}

.widget-project-info .project-detail .item-social > li a {

  font-size: 18px;

  color: #646464;

  padding: 5px 15px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.widget-project-info .project-detail .item-social > li a:hover {

  color: #111111;

}

.widget-project-info .item-btn {

  margin-top: 3rem;

  text-align: center;

  font-size: 18px;

  color: #ffffff;

  background-color: #000000;

  border-radius: 4px;

  padding: 12px 20px;

  border: 1px solid #000000;

  display: block;

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

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

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

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

  transition: all 0.3s ease-out;

}

.widget-project-info .item-btn i {

  font-size: 20px;

  margin-left: 15px;

}

.widget-project-info .item-btn:hover {

  border: 1px solid #000000;

  background-color: transparent;

  color: #111111;

}

.widget-search-box .stylish-input-group {

  border: 1px solid #d7d7d7;

  height: 55px;

  border-radius: 4px;

  padding: 0 1rem;

}

.widget-search-box .stylish-input-group .form-control {

  border: none;

  box-shadow: none;

  border-radius: 0;

  background: transparent;

  color: #111111;

  font-size: 16px;

  height: 55px;

}

.widget-search-box .stylish-input-group .input-group-addon {

  display: flex;

  padding: 0;

  border: none;

  border-radius: 0;

  background: transparent !important;

}

.widget-search-box .stylish-input-group .input-group-addon button {

  cursor: pointer;

  background: transparent;

  border: 0;

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

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

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

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

  transition: all 0.5s ease-out;

}

.widget-search-box .stylish-input-group .input-group-addon button span:before {

  color: #444444;

  font-size: 20px;

  font-weight: 700;

  margin-left: 0;

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

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

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

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

  transition: all 0.5s ease-out;

}

.widget-search-box .stylish-input-group .input-group-addon button:hover span {

  color: #111111;

}

.widget-search-box .stylish-input-group .input-group-addon button:hover span:before {

  color: #111111;

}

.widget-search-box .stylish-input-group .input-group-addon button:focus {

  outline: none;

}

.widget-search-box .stylish-input-group input {

  font-size: 16px;

  color: #111111;

}

.widget-search-box .stylish-input-group input.form-control::-webkit-input-placeholder,

.widget-search-box .stylish-input-group textarea.form-control::-webkit-input-placeholder {

  color: #646464;

  font-size: 16px;

}

.widget-search-box .stylish-input-group input.form-control::-moz-placeholder,

.widget-search-box .stylish-input-group textarea.form-control::-moz-placeholder {

  color: #646464;

  font-size: 16px;

}

.widget-search-box .stylish-input-group input.form-control:-moz-placeholder,

.widget-search-box .stylish-input-group textarea.form-control:-moz-placeholder {

  color: #646464;

  font-size: 16px;

}

.widget-search-box .stylish-input-group input.form-control:-ms-input-placeholder,

.widget-search-box .stylish-input-group textarea.form-control:-ms-input-placeholder {

  color: #646464;

  font-size: 16px;

}

.widget-category ul li {

  margin-bottom: 8px;

}

.widget-category ul li:last-child {

  margin-bottom: 0;

}

.widget-category ul li a {

  color: #646464;

  font-size: 17px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.widget-category ul li a:hover {

  color: #111111;

}

.widget-category ul li a i {

  padding-right: 14px;

}

.widget-recent-blog .media {

  margin-bottom: 20px;

}

.widget-recent-blog .media:last-child {

  margin-bottom: 0;

}

.widget-recent-blog .media .item-img {

  overflow: hidden;

}

.widget-recent-blog .media .item-img a {

  border-radius: 4px;

}

.widget-recent-blog .media .item-img a img {

  border-radius: 4px;

  transform: scale(1);

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

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

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

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

  transition: all 0.3s ease-out;

}

.widget-recent-blog .media .media-body .post-title {

  font-size: 16px;

  margin-bottom: 10px;

}

.widget-recent-blog .media .media-body .post-title a {

  color: #111111;

  font-weight: 600;

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

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

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

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

  transition: all 0.3s ease-out;

}

.widget-recent-blog .media .media-body .post-title a:hover {

  color: #444444;

}

.widget-recent-blog .media .media-body .post-date {

  font-size: 16px;

  font-weight: 300;

  color: #444444;

}

.widget-recent-blog .media:hover a img {

  transform: scale(1.1);

}

.widget-archives ul li {

  position: relative;

  margin-bottom: 10px;

}

.widget-archives ul li:last-child {

  margin-bottom: 0;

}

.widget-archives ul li a {

  color: #646464;

  font-size: 17px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.widget-archives ul li a span {

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

}

.widget-archives ul li a:hover {

  color: #111111;

}

.widget-archives ul li a i {

  padding-right: 14px;

}

.widget-tag ul li {

  display: inline-block;

  margin-top: 7px;

  margin-right: 5px;

  background: #f2f2f2;

  font-size: 14px;

  border-radius: 4px;

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

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

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

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

  transition: all 0.5s ease-out;

}

.widget-tag ul li a {

  color: #444444;

  display: block;

  padding: 10px 15px;

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

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

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

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

  transition: all 0.5s ease-out;

}

.widget-tag ul li:hover {

  background: #111111;

}

.widget-tag ul li:hover a {

  color: #ffffff;

}

.widget-price-range .price-range-wrapper {

  text-align: left;

  padding-top: 20px;

}

.widget-price-range .price-range-wrapper:after {

  clear: both;

  display: block;

  content: "";

}

.widget-price-range .price-range-wrapper .price-filter-wrap {

  margin-top: 15px;

}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select {

  margin: 20px 0 0;

  text-align: center;

}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select:after {

  clear: both;

  display: block;

  content: "";

}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .price-range {

  display: inline-block;

  margin: 0;

  color: #222222;

  font-size: 15px;

}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .item-btn {

  cursor: pointer;

  font-size: 14px;

  font-weight: 500;

  color: #ffffff;

  background-color: #111111;

  border: none;

  padding: 10px 20px;

  border-radius: 4px;

  margin-right: 20px;

}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .item-btn:focus {

  outline: none;

}

.widget-price-range .price-range-wrapper .price-filter-wrap .price-range-select .range-title {

  color: #222222;

}

.widget-price-range .price-range-wrapper .noUi-connect {

  background: #111111;

  box-shadow: none;

}

.widget-price-range .price-range-wrapper .noUi-horizontal {

  height: 4px;

}

.widget-price-range .price-range-wrapper .noUi-target {

  border-radius: 0;

  box-shadow: none;

  background-color: #e9e9e9;

  border: 0;

}

.widget-price-range .price-range-wrapper .noUi-horizontal .noUi-handle {

  top: -10px;

  background: #dddddd;

  border: none;

  box-shadow: none;

  border-radius: 50%;

  width: 22px;

  height: 22px;

  -webkit-box-shadow: 0px 5px 5px 0px rgba(191, 191, 191, 0.75);

  -moz-box-shadow: 0px 5px 5px 0px rgba(191, 191, 191, 0.75);

  box-shadow: 0px 5px 5px 0px rgba(191, 191, 191, 0.75);

}

.widget-price-range .price-range-wrapper .noUi-handle::before {

  display: none;

}

.widget-price-range .price-range-wrapper .noUi-handle::after {

  height: 10px;

  width: 10px;

  background-color: #111111;

  border-radius: 50%;

  left: 0;

  right: 0;

  margin: 0 auto;

  top: 50%;

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

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

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

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

  transform: translateY(-50%);

}

/*=======================================================================

[22] Pagination Area Style

=========================================================================*/

.pagination-layout1 {

  border-top: 1px solid #e8e8e8;

  padding-top: 5rem;

  margin-top: 9.5rem;

}

@media only screen and (max-width: 767px) {

  .pagination-layout1 .prev-btn {

    display: flex;

    justify-content: center;

    margin-bottom: 2rem;

  }

}

.pagination-layout1 .prev-btn .media .item-img {

  position: relative;

  text-align: center;

  background-color: #000000;

  border-radius: 5px;

}

.pagination-layout1 .prev-btn .media .item-img a img {

  border-radius: 4px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.pagination-layout1 .prev-btn .media .item-img a i {

  color: #ffffff;

  font-size: 30px;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  transform: translateY(-50%);

  visibility: hidden;

  opacity: 0;

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

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

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

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

  transition: all 0.3s ease-out;

}

@media only screen and (max-width: 767px) {

  .pagination-layout1 .prev-btn .media .media-body {

    display: none;

  }

}

.pagination-layout1 .prev-btn .media .media-body .item-title {

  color: #646464;

  font-weight: 300;

  margin-bottom: 5px;

}

.pagination-layout1 .prev-btn .media .media-body .item-subtitle {

  font-size: 18px;

  color: #111111;

  font-weight: 500;

}

.pagination-layout1 .prev-btn:hover .media .item-img a img {

  opacity: 0.50;

}

.pagination-layout1 .prev-btn:hover .media .item-img a i {

  visibility: visible;

  opacity: 1;

}

.pagination-layout1 .home-btn {

  display: flex;

  justify-content: center;

}

@media only screen and (max-width: 767px) {

  .pagination-layout1 .home-btn {

    margin-bottom: 2rem;

  }

}

.pagination-layout1 .home-btn a {

  font-size: 30px;

  color: #a1a1a1;

  padding: 2rem;

  display: block;

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

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

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

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

  transition: all 0.3s ease-out;

}

.pagination-layout1 .home-btn a:hover {

  color: #363636;

}

.pagination-layout1 .next-btn {

  display: flex;

  justify-content: flex-end;

}

@media only screen and (max-width: 767px) {

  .pagination-layout1 .next-btn {

    justify-content: center;

  }

}

.pagination-layout1 .next-btn .media .items-content {

  text-align: right;

}

.pagination-layout1 .next-btn .media .items-content .item-title {

  color: #646464;

  font-weight: 300;

  margin-bottom: 5px;

  display: block;

}

.pagination-layout1 .next-btn .media .items-content .item-subtitle {

  font-size: 18px;

  color: #111111;

  font-weight: 500;

}

@media only screen and (max-width: 767px) {

  .pagination-layout1 .next-btn .media .items-content {

    display: none;

  }

}

.pagination-layout1 .next-btn .media .media-body .item-img {

  position: relative;

  text-align: center;

  border-radius: 5px;

}

.pagination-layout1 .next-btn .media .media-body .item-img a img {

  border-radius: 4px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.pagination-layout1 .next-btn .media .media-body .item-img a i {

  color: #111111;

  font-size: 30px;

  position: absolute;

  top: 54%;

  left: 0;

  right: 0;

  transform: translateY(-50%);

  visibility: hidden;

  opacity: 0;

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

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

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

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

  transition: all 0.3s ease-out;

}

.pagination-layout1 .next-btn:hover .media .media-body .item-img a img {

  opacity: 0.50;

}

.pagination-layout1 .next-btn:hover .media .media-body .item-img a i {

  visibility: visible;

  opacity: 1;

}

.pagination-layout2 {

  margin-top: 4rem;

}

.pagination-layout2 > ul li {

  display: inline-block;

  margin-right: 4px;

}

.pagination-layout2 > ul li:last-child {

  margin-right: 0;

}

.pagination-layout2 > ul li a {

  font-size: 18px;

  color: #111111;

  padding: 10px 17px;

  border-radius: 4px;

  background-color: #f5f5f5;

  display: block;

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

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

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

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

  transition: all 0.3s ease-out;

}

.pagination-layout2 > ul li a:hover {

  background-color: #111111;

  color: #ffffff;

}

.pagination-layout2 > ul li a.active {

  background-color: #111111;

  color: #ffffff;

}

/*=======================================================================

[23] Team Area Style

=========================================================================*/

.team-wrap-layout1 {

  padding: 9.2rem 0 7rem;

  background-color: #f2f2f2;

}

.single-team-wrap {

  display: flex;

  position: relative;

}

@media only screen and (max-width: 1199px) {

  .single-team-wrap {

    display: block;

  }

}

.team-wrap-layout2 {

  padding: 2rem 0 2rem;

  background-color: #f2f2f2;

}

.team-box-layout1 {

  margin-bottom: 3rem;

}

.team-box-layout1 .item-img img {

  filter: grayscale(100%);

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

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

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

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

  transition: all 0.3s ease-out;

}

.team-box-layout1 .item-content {

  padding: 2.5rem 1rem;

  text-align: center;

  background-color: #ffffff;

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

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

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

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

  transition: all 0.3s ease-out;

}

.team-box-layout1 .item-content .item-title {

  font-weight: 600;

  margin-bottom: 15px;

}

.team-box-layout1 .item-content .item-title a {

  color: #111111;

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

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

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

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

  transition: all 0.3s ease-out;

}

.team-box-layout1 .item-content .item-title a:hover {

  color: #444444;

}

.team-box-layout1 .item-content .item-subtitle {

  color: #646464;

  font-style: italic;

}

.team-box-layout1 .item-content .item-social {

  margin-top: 18px;

}

.team-box-layout1 .item-content .item-social li {

  display: inline-block;

  margin-right: 10px;

}

.team-box-layout1 .item-content .item-social li:last-child {

  margin-right: 0;

}

.team-box-layout1 .item-content .item-social li a {

  font-size: 18px;

  color: #9c9c9c;

  padding: 5px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.team-box-layout1 .item-content .item-social li a:hover {

  color: #111111;

}

.team-box-layout1:hover .item-img img {

  filter: grayscale(0);

}

.team-box-layout1:hover .item-content {

  -webkit-box-shadow: 0px 16px 35px 0px #d5d5d5;

  box-shadow: 0px 16px 35px 0px #d5d5d5;

}

.inner-content-wrap {

  width: 50%;

}

@media only screen and (max-width: 1199px) {

  .inner-content-wrap {

    width: 100%;

    text-align: center;

  }

}

.inner-content-wrap .item-content-box {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  transform: translateY(-50%);

}

@media only screen and (max-width: 1199px) {

  .inner-content-wrap .item-content-box {

    position: inherit;

    top: 0;

    transform: translateY(0);

    padding: 9.2rem 0 10rem;

  }

}

.inner-content-wrap .item-content-box .single-team-box {

  padding-right: 5rem;

}

@media only screen and (max-width: 1199px) {

  .inner-content-wrap .item-content-box .single-team-box {

    padding-right: 0;

  }

}

.inner-content-wrap .item-content-box .single-team-box .item-title {

  font-size: 36px;

  color: #111111;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  .inner-content-wrap .item-content-box .single-team-box .item-title {

    font-size: 34px;

  }

}

@media only screen and (max-width: 767px) {

  .inner-content-wrap .item-content-box .single-team-box .item-title {

    font-size: 32px;

  }

}

@media only screen and (max-width: 575px) {

  .inner-content-wrap .item-content-box .single-team-box .item-title {

    font-size: 28px;

  }

}

.inner-content-wrap .item-content-box .single-team-box .item-subtitle {

  color: #646464;

  font-style: italic;

}

.inner-content-wrap .item-content-box .single-team-box .item-social {

  margin-top: 2rem;

}

.inner-content-wrap .item-content-box .single-team-box .item-social li {

  display: inline-block;

  margin-right: 10px;

}

.inner-content-wrap .item-content-box .single-team-box .item-social li:last-child {

  margin-right: 0;

}

.inner-content-wrap .item-content-box .single-team-box .item-social li a {

  font-size: 18px;

  color: #9c9c9c;

  padding: 5px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.inner-content-wrap .item-content-box .single-team-box .item-social li a:hover {

  color: #111111;

}

.inner-content-wrap .item-content-box .single-team-box .sub-content {

  font-size: 20px;

  font-weight: 500;

  color: #111111;

  margin: 2rem 0;

}

.inner-content-wrap .item-content-box .single-team-box .item-btn {

  position: relative;

  margin-top: 1rem;

  background-color: #000000;

  border: 1px solid #000000;

  border-radius: 4px;

  display: inline-block;

  font-size: 16px;

  font-weight: 500;

  color: #ffffff;

  padding: 10px 20px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.inner-content-wrap .item-content-box .single-team-box .item-btn i:before {

  font-size: 14px;

  margin-left: 5px;

}

.inner-content-wrap .item-content-box .single-team-box .item-btn:hover {

  color: #111111;

  background-color: transparent;

}

.inner-content-wrap .item-content-box .single-team-box .item-btn:hover i:before {

  color: #111111;

}

/*=======================================================================

[24] Progress Bar Area Style

=========================================================================*/

.progress-wrap-layout1 {

  padding: 9.2rem 0 7.5rem;

}

.progress-box-layout1 {

  text-align: center;

}

.progress-box-layout1 .progress-circular {

  margin-bottom: 24px;

}

.progress-box-layout1 .item-title {

  font-weight: 500;

  color: #111111;

  margin-bottom: 17px;

}

.progress-box-layout2 {

  margin-left: 5rem;

  padding-top: 4.5rem;

  position: relative;

  overflow: hidden;

}

@media only screen and (max-width: 991px) {

  .progress-box-layout2 {

    margin-left: 0;

    margin-top: 3rem;

  }

}

.progress-box-layout2 .progress {

  overflow: visible;

  margin-bottom: 6.5rem;

  height: 4px;

  background-color: #e8e8e8;

  position: relative;

}

.progress-box-layout2 .progress:last-child {

  margin-bottom: 0;

}

.progress-box-layout2 .progress .lead {

  color: #111111;

  font-size: 20px;

  font-weight: 500;

  position: absolute;

  top: -42px;

  left: 0;

  z-index: 10;

}

@media only screen and (max-width: 575px) {

  .progress-box-layout2 .progress .lead {

    font-size: 18px;

    top: -35px;

  }

}

.progress-box-layout2 .progress .progress-bar {

  padding: 2px 0;

  position: relative;

  background-color: #111111;

}

.progress-box-layout2 .progress .progress-bar span {

  color: #111111;

  font-size: 20px;

  font-weight: 500;

  display: block;

  position: absolute;

  right: 0;

  top: -40px;

}

@media only screen and (max-width: 575px) {

  .progress-box-layout2 .progress .progress-bar span {

    top: -37px;

  }

}

/*=======================================================================

[25] Clients Area Style

=========================================================================*/

.client-wrap-layout1 {

  padding: 9.2rem 0 10rem;

}

.client-heading {

  margin-bottom: 4rem;

  text-align: center;

}

.client-heading .item-title {

  font-size: 36px;

  color: #111111;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  .client-heading .item-title {

    font-size: 32px;

  }

}

@media only screen and (max-width: 767px) {

  .client-heading .item-title {

    font-size: 30px;

  }

}

@media only screen and (max-width: 575px) {

  .client-heading .item-title {

    font-size: 28px;

  }

}

.client-box-layout1 {

  border: 1px solid #dddddd;

  text-align: center;

}

.client-box-layout1 img {

  opacity: 0.50;

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

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

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

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

  transition: all 0.3s ease-out;

}

.client-box-layout1:hover img {

  opacity: 1;

}

/*=======================================================================

[26] Shop Page Area Style

=========================================================================*/

.shop-wrap-layout1 {

  padding: 10rem 0 7rem;

}

.shop-wrap-layout2 {

  padding: 10rem 0;

}

.product-filter-wrap-layout1 {

  margin-bottom: 2rem;

}

@media only screen and (max-width: 575px) {

  .product-filter-wrap-layout1 .product-filter-box {

    text-align: center;

  }

}

@media only screen and (max-width: 575px) {

  .product-filter-wrap-layout1 .product-filter-box .form-group {

    justify-content: center !important;

  }

}

.product-filter-wrap-layout1 .product-filter-box .form-group .item-title {

  font-weight: 500;

  color: #111111;

  margin-bottom: 0;

}

@media only screen and (max-width: 1199px) {

  .product-filter-wrap-layout1 .product-filter-box .form-group .item-title {

    margin-bottom: 15px;

  }

}

.product-filter-wrap-layout1 .product-filter-box .form-group .nice-select {

  border: 1px solid #d7d7d7;

  font-size: 16px;

  color: #111111;

  height: 55px;

  line-height: 55px;

  padding-left: 30px;

  padding-right: 40px;

}

.product-filter-wrap-layout1 .product-filter-box .form-group .nice-select:after {

  height: 8px;

  width: 8px;

  right: 25px;

  color: #111111;

}

.product-filter-wrap-layout1 .product-filter-box .form-group .nice-select .list {

  width: 100%;

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper {

  border: 1px solid #d7d7d7;

  border-radius: 4px;

  padding: 7px 0px 7px 20px;

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper:after {

  clear: both;

  display: block;

  content: "";

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .price-filter-wrap {

  margin-left: 15px;

  width: 63%;

  margin-right: 20px;

}

@media only screen and (max-width: 1199px) {

  .product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .price-filter-wrap {

    width: 50%;

  }

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .price-filter-wrap .price-range-select {

  text-align: center;

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .price-filter-wrap .price-range-select:after {

  clear: both;

  display: block;

  content: "";

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .price-filter-wrap .price-range-select .price-range {

  display: inline-block;

  margin: 0;

  color: #222222;

  font-size: 15px;

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .price-filter-wrap .price-range-select .item-btn {

  cursor: pointer;

  font-size: 14px;

  font-weight: 500;

  color: #ffffff;

  background-color: #111111;

  border: none;

  padding: 10px 20px;

  border-radius: 4px;

  margin-left: 20px;

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .price-filter-wrap .price-range-select .item-btn:focus {

  outline: none;

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .noUi-connect {

  background: #111111;

  box-shadow: none;

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .noUi-horizontal {

  height: 4px;

  width: 37%;

}

@media only screen and (max-width: 1199px) {

  .product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .noUi-horizontal {

    width: 50%;

  }

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .noUi-target {

  border-radius: 0;

  box-shadow: none;

  background-color: #e9e9e9;

  border: 0;

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .noUi-horizontal .noUi-handle {

  top: -10px;

  background: #dddddd;

  border: none;

  box-shadow: none;

  border-radius: 50%;

  width: 22px;

  height: 22px;

  -webkit-box-shadow: 0px 5px 5px 0px rgba(191, 191, 191, 0.75);

  -moz-box-shadow: 0px 5px 5px 0px rgba(191, 191, 191, 0.75);

  box-shadow: 0px 5px 5px 0px rgba(191, 191, 191, 0.75);

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .noUi-handle::before {

  display: none;

}

.product-filter-wrap-layout1 .product-filter-box .form-group .price-range-wrapper .noUi-handle::after {

  height: 10px;

  width: 10px;

  background-color: #111111;

  border-radius: 50%;

  left: 0;

  right: 0;

  margin: 0 auto;

  top: 50%;

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

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

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

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

  transform: translateY(-50%);

}

.product-box-wrap-layout1 .product-box-layout1 {

  margin-bottom: 25px;

}

.product-box-wrap-layout1 .product-box-layout1 .item-img {

  position: relative;

  overflow: hidden;

  text-align: center;

  margin-bottom: 22px;

}

.product-box-wrap-layout1 .product-box-layout1 .item-img img {

  border-radius: 4px;

  transform: scale(1) translateZ(0);

  transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);

}

.product-box-wrap-layout1 .product-box-layout1 .item-img:after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(17, 17, 17, 0.5);

  border-radius: 4px;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 1;

  visibility: hidden;

  opacity: 0;

  transform: perspective(400px) rotateY(-90deg);

  transform-origin: top;

  -webkit-transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -ms-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

.product-box-wrap-layout1 .product-box-layout1 .item-img .item-btn-wrap {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  z-index: 2;

  opacity: 0;

  transform: rotate(-45deg) rotateX(45deg) translateX(50px) translateY(20px) translateZ(0);

  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);

}

.product-box-wrap-layout1 .product-box-layout1 .item-img .item-btn-wrap .item-btn {

  display: inline-block;

  font-size: 18px;

  font-weight: 600;

  color: #111111;

  background-color: #ffffff;

  border: 1px solid #ffffff;

  border-radius: 4px;

  padding: 10px 25px;

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

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

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

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

  transition: all 0.3s ease-out;

}

@media only screen and (max-width: 767px) {

  .product-box-wrap-layout1 .product-box-layout1 .item-img .item-btn-wrap .item-btn {

    font-size: 16px;

  }

}

@media only screen and (max-width: 575px) {

  .product-box-wrap-layout1 .product-box-layout1 .item-img .item-btn-wrap .item-btn {

    font-size: 14px;

  }

}

.product-box-wrap-layout1 .product-box-layout1 .item-img .item-btn-wrap .item-btn:hover {

  background-color: transparent;

  color: #ffffff;

  border: 1px solid #ffffff;

}

.product-box-wrap-layout1 .product-box-layout1 .item-content .item-title {

  font-weight: 600;

  margin-bottom: 10px;

}

.product-box-wrap-layout1 .product-box-layout1 .item-content .item-title a {

  color: #111111;

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

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

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

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

  transition: all 0.3s ease-out;

}

.product-box-wrap-layout1 .product-box-layout1 .item-content .item-title a:hover {

  color: #444444;

}

.product-box-wrap-layout1 .product-box-layout1 .item-content .item-price {

  font-size: 20px;

}

.product-box-wrap-layout1 .product-box-layout1:hover .item-img img {

  transform: scale(1.1) translateZ(0);

}

.product-box-wrap-layout1 .product-box-layout1:hover .item-img:after {

  transform: perspective(400px) rotateY(0);

  visibility: visible;

  opacity: 1;

}

.product-box-wrap-layout1 .product-box-layout1:hover .item-img .item-btn-wrap {

  visibility: visible;

  opacity: 1;

  transform: rotate(0deg) rotateX(0deg) translateX(0px) translateY(-50%) translateZ(0);

  transition-delay: 0.4s;

}

.single-product-wrap-layout1 {

  padding: 10rem 0 8.8rem;

}

.single-product-gallery-layout1 .tab-content {

  position: relative;

  border: none;

  overflow: hidden;

}

.single-product-gallery-layout1 .tab-content a {

  cursor: move;

  display: block;

  background-color: #f2f2f2;

  border-radius: 4px;

  text-align: center;

  margin-bottom: 10px;

}

.single-product-gallery-layout1 .tab-content a img {

  border-radius: 4px;

}

.single-product-gallery-layout1 .tab-nav {

  display: flex;

  margin-left: -5px;

  margin-right: -5px;

}

@media only screen and (max-width: 1199px) {

  .single-product-gallery-layout1 .tab-nav {

    margin-bottom: 35px;

  }

}

.single-product-gallery-layout1 .tab-nav .nav-item {

  width: 25%;

  padding-left: 5px;

  padding-right: 5px;

}

.single-product-gallery-layout1 .tab-nav .nav-item:last-child {

  margin-right: 0;

}

.single-product-gallery-layout1 .tab-nav .nav-item a {

  display: block;

}

.single-product-gallery-layout1 .tab-nav .nav-item a img {

  width: 100%;

  border-radius: 4px;

}

.single-product-gallery-layout1 .tab-nav .nav-item .active {

  border-radius: 4px;

  box-shadow: 0px 9px 10px 0px #d5d5d5;

}

.single-product-content-layout1 {

  padding-left: 3rem;

}

.single-product-content-layout1 .item-title {

  font-size: 36px;

  font-weight: 600;

  color: #111111;

  margin-bottom: 10px;

}

@media only screen and (max-width: 991px) {

  .single-product-content-layout1 .item-title {

    font-size: 32px;

  }

}

@media only screen and (max-width: 767px) {

  .single-product-content-layout1 .item-title {

    font-size: 28px;

  }

}

@media only screen and (max-width: 575px) {

  .single-product-content-layout1 .item-title {

    font-size: 26px;

  }

}

.single-product-content-layout1 .item-price {

  font-size: 30px;

  color: #111111;

  margin-bottom: 20px;

}

@media only screen and (max-width: 991px) {

  .single-product-content-layout1 .item-price {

    font-size: 28px;

  }

}

@media only screen and (max-width: 767px) {

  .single-product-content-layout1 .item-price {

    font-size: 24px;

  }

}

.single-product-content-layout1 .entry-meta li {

  display: block;

  color: #111111;

  font-weight: 500;

  margin-bottom: 6px;

}

.single-product-content-layout1 .entry-meta li:last-child {

  margin-right: 0;

  display: block;

  margin-bottom: 0;

}

.single-product-content-layout1 .entry-meta li span {

  color: #444444;

  font-weight: 400;

}

.single-product-content-layout1 .entry-meta li a {

  color: #444444;

  font-weight: 400;

  transition: 0.3s ease-in-out;

}

.single-product-content-layout1 .entry-meta li a:hover {

  color: #111111;

}

.single-product-content-layout1 .item-social {

  margin-top: 6px;

  border-bottom: 1px solid #d9d9d9;

  padding-bottom: 15px;

  margin-bottom: 25px;

}

.single-product-content-layout1 .item-social li {

  display: inline-block;

  font-weight: 500;

  color: #111111;

  margin-bottom: 10px;

}

.single-product-content-layout1 .item-social li:last-child {

  margin-right: 0;

}

.single-product-content-layout1 .item-social li a {

  font-size: 16px;

  color: #9c9c9c;

  padding: 10px;

  transition: 0.3s ease-in-out;

}

.single-product-content-layout1 .item-social li a:hover {

  color: #444444;

}

.single-product-content-layout1 .action-area {

  margin-top: 3.2rem;

  display: flex;

}

@media only screen and (max-width: 479px) {

  .single-product-content-layout1 .action-area {

    display: block;

    text-align: center;

  }

}

.single-product-content-layout1 .action-area li {

  display: inline-block;

  margin-right: 15px;

}

@media only screen and (max-width: 479px) {

  .single-product-content-layout1 .action-area li {

    display: block;

    margin-right: 0;

    margin-bottom: 10px;

  }

}

.single-product-content-layout1 .action-area li:last-child {

  margin-right: 0;

}

.single-product-content-layout1 .action-area li .input-group {

  width: auto;

}

.single-product-content-layout1 .action-area li .input-group .form-control {

  text-align: center;

  height: 58px;

  width: 60px;

  display: block;

  outline: none;

  font-size: 24px;

  color: #111111;

  background-color: #f2f2f2;

  border: none;

  margin-right: 4px;

  border-radius: 4px;

}

.single-product-content-layout1 .action-area li .input-group .form-control:focus {

  box-shadow: none;

}

.single-product-content-layout1 .action-area li .input-group .input-group-btn {

  display: inline-grid;

}

.single-product-content-layout1 .action-area li .input-group .input-group-btn .quantity-btn {

  padding: 2px 12px;

  margin-bottom: 4px;

  font-size: 14px;

  color: #444444;

  background-color: #f2f2f2;

  background-image: none;

  border-radius: 4px;

  outline: none;

  border: none;

  cursor: pointer;

}

.single-product-content-layout1 .action-area li .cart-btn {

  border: 2px solid #111111;

  background-color: #111111;

  border-radius: 4px;

  padding: 12px 4.5rem;

  display: block;

  color: #ffffff;

  font-size: 18px;

  font-weight: 500;

  transition: 0.3s ease-in-out;

}

.single-product-content-layout1 .action-area li .cart-btn:hover {

  background-color: transparent;

  border: 2px solid #d3d3d3;

  color: #111111;

}

.single-product-other-info {

  margin-top: 6rem;

  overflow: hidden;

}

.single-product-other-info .tab-nav-list {

  border-bottom: none;

}

@media only screen and (max-width: 575px) {

  .single-product-other-info .tab-nav-list {

    display: block;

    text-align: center;

  }

}

.single-product-other-info .tab-nav-list li {

  position: relative;

  margin-right: 8rem;

  padding-bottom: 15px;

}

@media only screen and (max-width: 767px) {

  .single-product-other-info .tab-nav-list li {

    margin-right: 5rem;

  }

}

@media only screen and (max-width: 575px) {

  .single-product-other-info .tab-nav-list li {

    margin-right: 0;

    display: block;

  }

}

.single-product-other-info .tab-nav-list li:last-child {

  margin-right: 0;

}

.single-product-other-info .tab-nav-list li a {

  display: inline-block;

  font-size: 20px;

  font-weight: 600;

  color: #646464;

  transition: 0.3s ease-in-out;

}

.single-product-other-info .tab-nav-list li a:after {

  content: "";

  height: 3px;

  width: 100%;

  background-color: #111111;

  bottom: -1px;

  left: 200px;

  position: absolute;

  z-index: 1;

  transition: 0.3s ease-in-out;

  visibility: hidden;

  opacity: 0;

}

@media only screen and (max-width: 575px) {

  .single-product-other-info .tab-nav-list li a:after {

    display: none;

  }

}

.single-product-other-info .tab-nav-list li a.active {

  color: #111111;

}

.single-product-other-info .tab-nav-list li a.active:after {

  visibility: visible;

  opacity: 1;

  left: 0;

}

.single-product-other-info .tab-content {

  padding-top: 25px;

}

.related-product-wrap {

  padding-bottom: 6.8rem;

}

.related-product-wrap .related-product-box {

  margin-bottom: 25px;

}

.related-product-wrap .related-product-box .item-img {

  margin-bottom: 22px;

  position: relative;

  overflow: hidden;

  text-align: center;

}

.related-product-wrap .related-product-box .item-img img {

  border-radius: 4px;

  transform: scale(1) translateZ(0);

  transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);

}

.related-product-wrap .related-product-box .item-img:after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(17, 17, 17, 0.5);

  border-radius: 4px;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 1;

  visibility: hidden;

  opacity: 0;

  transform: perspective(400px) rotateY(-90deg);

  transform-origin: center;

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

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

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

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

  transition: all 0.3s ease 0s;

}

.related-product-wrap .related-product-box .item-img .item-btn-wrap {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  z-index: 2;

  opacity: 0;

  transform: rotate(-45deg) rotateX(45deg) translateX(50px) translateY(20px) translateZ(0);

  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);

}

.related-product-wrap .related-product-box .item-img .item-btn-wrap .item-btn {

  display: inline-block;

  font-size: 18px;

  font-weight: 600;

  color: #111111;

  background-color: #ffffff;

  border: 1px solid #ffffff;

  border-radius: 4px;

  padding: 10px 25px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.related-product-wrap .related-product-box .item-img .item-btn-wrap .item-btn:hover {

  background-color: transparent;

  color: #ffffff;

  border: 1px solid #ffffff;

}

.related-product-wrap .related-product-box .item-content .item-title {

  font-weight: 600;

  margin-bottom: 10px;

}

.related-product-wrap .related-product-box .item-content .item-title a {

  color: #111111;

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

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

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

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

  transition: all 0.3s ease-out;

}

.related-product-wrap .related-product-box .item-content .item-title a:hover {

  color: #444444;

}

.related-product-wrap .related-product-box .item-content .item-price {

  font-size: 20px;

}

.related-product-wrap .related-product-box:hover .item-img img {

  transform: scale(1.1) translateZ(0);

}

.related-product-wrap .related-product-box:hover .item-img:after {

  transform: perspective(400px) rotateY(0);

  visibility: visible;

  opacity: 1;

}

.related-product-wrap .related-product-box:hover .item-img .item-btn-wrap {

  visibility: visible;

  opacity: 1;

  transform: rotate(0deg) rotateX(0deg) translateX(0px) translateY(-50%) translateZ(0);

  transition-delay: 0.4s;

}

/*=======================================================================

[27] MultiScroll Page Area Style

=========================================================================*/

.multiscroll-wrapper {

  position: relative;

  height: 100vh;

}

@media only screen and (max-width: 991px) {

  .multiscroll-wrapper {

    margin-top: 71px;

  }

}

.multiscroll-wrapper .ms-left .left-slide1 {

  position: relative;

  text-align: center;

  padding: 9.5rem 0 10rem;

  background-color: #f2f2f2;

}

.multiscroll-wrapper .ms-left .left-slide1 .item-title {

  font-size: 60px;

  color: #111111;

  font-weight: 700;

  padding: 0 10px;

}

@media only screen and (max-width: 1399px) {

  .multiscroll-wrapper .ms-left .left-slide1 .item-title {

    font-size: 52px;

  }

}

@media only screen and (max-width: 1199px) {

  .multiscroll-wrapper .ms-left .left-slide1 .item-title {

    font-size: 46px;

  }

}

@media only screen and (max-width: 991px) {

  .multiscroll-wrapper .ms-left .left-slide1 .item-title {

    font-size: 40px;

  }

}

@media only screen and (max-width: 767px) {

  .multiscroll-wrapper .ms-left .left-slide1 .item-title {

    font-size: 32px;

  }

}

@media only screen and (max-width: 575px) {

  .multiscroll-wrapper .ms-left .left-slide1 .item-title {

    font-size: 28px;

  }

}

.multiscroll-wrapper .ms-left .left-slide1 p {

  width: 60%;

  margin: 0 auto;

}

@media only screen and (max-width: 767px) {

  .multiscroll-wrapper .ms-left .left-slide1 p {

    width: 100%;

    padding: 0 15px;

  }

}

.multiscroll-wrapper .ms-left .left-slide1 .item-btn {

  font-size: 16px;

  position: relative;

  display: inline-block;

  border: 1px solid #cccccc;

  border-radius: 4px;

  color: #111111;

  padding: 10px 15px;

  margin-top: 3.5rem;

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

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

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

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

  transition: all 0.3s ease-out;

}

.multiscroll-wrapper .ms-left .left-slide1 .item-btn i:before {

  font-size: 14px;

  margin-left: 10px;

  color: #444444;

  font-weight: 600;

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

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

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

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

  transition: all 0.3s ease-out;

}

.multiscroll-wrapper .ms-left .left-slide1 .item-btn:hover {

  color: #ffffff;

  background-color: #111111;

}

.multiscroll-wrapper .ms-left .left-slide1 .item-btn:hover i:before {

  color: #ffffff;

}

.multiscroll-wrapper .ms-social-link {

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

}

@media only screen and (max-width: 1000px) {

  .multiscroll-wrapper .ms-social-link {

    display: none;

  }

}

.multiscroll-wrapper .ms-social-link li {

  transform: rotate(90deg);

  margin-bottom: 4.5rem;

}

.multiscroll-wrapper .ms-social-link li a {

  display: block;

  padding: 10px;

  color: #646464;

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

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

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

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

  transition: all 0.3s ease-out;

}

.multiscroll-wrapper .ms-social-link li a:hover {

  color: #111111;

}

.multiscroll-wrapper .ms-copyright {

  position: absolute;

  bottom: 4rem;

  left: 3rem;

  font-size: 17px;

  color: #646464;

}

@media only screen and (max-width: 1000px) {

  .multiscroll-wrapper .ms-copyright {

    display: none;

  }

}

.ms-menu-list {

  position: absolute;

  right: 3.5rem;

  top: 50%;

  transform: translateY(-50%);

  z-index: 4;

}

.ms-menu-list li {

  margin-bottom: 10px;

  border-radius: 50%;

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

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

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

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

  transition: all 0.3s ease-out;

}

.ms-menu-list li:last-child {

  margin-bottom: 0;

}

.ms-menu-list li a {

  text-align: center;

  display: block;

  color: #444444;

  font-size: 18px;

  height: 42px;

  width: 42px;

  line-height: 42px;

}

.ms-menu-list li.active {

  background-color: #ffffff;

  border-radius: 50%;

}

body.fp-responsive #fpsmenu {

  display: none;

}

body.fp-responsive .section {

  height: auto !important;

}

/*=======================================================================

[28] Fullpage Scroll Page Area Style

=========================================================================*/

.fullpage-wrapper {

  position: relative;

}

@media only screen and (max-width: 991px) {

  .fullpage-wrapper {

    margin-top: 71px;

  }

}

.fullpage-wrapper .section:last-child {

  margin-bottom: 0;

}

@media only screen and (max-width: 1399px) {

  .fullpage-wrapper .section {

    margin-bottom: 3rem;

  }

}

@media only screen and (max-width: 767px) {

  .fullpage-wrapper .section {

    margin-bottom: 1rem;

  }

}

.fullpage-wrapper .fullpage-scroll-content {

  text-align: center;

  position: absolute;

  top: 50%;

  left: 50%;

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

  z-index: 7;

}

.fullpage-wrapper .fullpage-scroll-content .item-title {

  font-size: 200px;

  color: #ffffff;

  font-weight: 700;

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

  letter-spacing: 30px;

}

@media only screen and (max-width: 1399px) {

  .fullpage-wrapper .fullpage-scroll-content .item-title {

    font-size: 170px;

  }

}

@media only screen and (max-width: 1199px) {

  .fullpage-wrapper .fullpage-scroll-content .item-title {

    font-size: 140px;

  }

}

@media only screen and (max-width: 991px) {

  .fullpage-wrapper .fullpage-scroll-content .item-title {

    font-size: 100px;

    letter-spacing: 20px;

  }

}

@media only screen and (max-width: 767px) {

  .fullpage-wrapper .fullpage-scroll-content .item-title {

    font-size: 80px;

    letter-spacing: 10px;

  }

}

@media only screen and (max-width: 575px) {

  .fullpage-wrapper .fullpage-scroll-content .item-title {

    font-size: 48px;

    letter-spacing: 10px;

    margin-bottom: 0;

  }

}

@media only screen and (max-width: 479px) {

  .fullpage-wrapper .fullpage-scroll-content .item-title {

    font-size: 36px;

    letter-spacing: 0;

  }

}

.fullpage-wrapper .fullpage-scroll-content .item-btn {

  font-size: 16px;

  color: #ffffff;

  padding: 10px 20px;

  margin-top: 4rem;

  display: inline-block;

  border: 1px solid #ffffff;

  border-radius: 4px;

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

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

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

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

  transition: all 0.3s ease-out;

}

@media only screen and (max-width: 991px) {

  .fullpage-wrapper .fullpage-scroll-content .item-btn {

    font-size: 14px;

  }

}

@media only screen and (max-width: 767px) {

  .fullpage-wrapper .fullpage-scroll-content .item-btn {

    font-size: 12px;

  }

}

@media only screen and (max-width: 575px) {

  .fullpage-wrapper .fullpage-scroll-content .item-btn {

    padding: 10px 15px;

  }

}

.fullpage-wrapper .fullpage-scroll-content .item-btn i:before {

  font-size: 16px;

  margin-left: 10px;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  .fullpage-wrapper .fullpage-scroll-content .item-btn i:before {

    font-size: 14px;

  }

}

@media only screen and (max-width: 767px) {

  .fullpage-wrapper .fullpage-scroll-content .item-btn i:before {

    font-size: 12px;

  }

}

.fullpage-wrapper .fullpage-scroll-content .item-btn:hover {

  background-color: #ffffff;

  color: #111111;

}

.fullpage-footer-wrap {

  text-align: center;

}

@media only screen and (max-width: 1399px) {

  .fullpage-footer-wrap {

    padding: 3rem 0 3rem;

  }

}

.fullpage-footer-wrap .copyright {

  position: absolute;

  bottom: 6rem;

  left: 10rem;

  z-index: 10;

  padding: 0;

  font-size: 16px;

  color: #cccccc;

}

@media only screen and (max-width: 1399px) {

  .fullpage-footer-wrap .copyright {

    position: inherit;

    color: #111111;

    margin-bottom: 10px;

  }

}

@media only screen and (max-width: 767px) {

  .fullpage-footer-wrap .copyright {

    margin-bottom: 5px;

  }

}

.fullpage-footer-wrap .item-social {

  position: absolute;

  bottom: 6rem;

  right: 10rem;

  z-index: 10;

}

@media only screen and (max-width: 1399px) {

  .fullpage-footer-wrap .item-social {

    position: inherit;

  }

}

.fullpage-footer-wrap .item-social li {

  display: inline-block;

  margin-right: 10px;

}

.fullpage-footer-wrap .item-social li:last-child {

  margin-right: 0;

}

.fullpage-footer-wrap .item-social li a {

  font-size: 16px;

  color: #cccccc;

  padding: 5px;

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

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

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

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

  transition: all 0.3s ease-out;

}

@media only screen and (max-width: 1399px) {

  .fullpage-footer-wrap .item-social li a {

    color: #444444;

  }

}

.fullpage-footer-wrap .item-social li a:hover {

  color: #ffffff;

}

@media only screen and (max-width: 1399px) {

  .fullpage-footer-wrap .item-social li a:hover {

    color: #111111;

  }

}

.fps-menu-list {

  position: absolute;

  right: 3.5rem;

  top: 50%;

  transform: translateY(-50%);

  z-index: 4;

}

.fps-menu-list li {

  margin-bottom: 10px;

  border-radius: 50%;

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

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

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

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

  transition: all 0.3s ease-out;

}

.fps-menu-list li:last-child {

  margin-bottom: 0;

}

.fps-menu-list li a {

  text-align: center;

  display: block;

  color: #ffffff;

  font-size: 18px;

  font-weight: 500;

  height: 42px;

  width: 42px;

  line-height: 42px;

}

@media only screen and (max-width: 991px) {

  .fps-menu-list li a {

    height: 35px;

    width: 35px;

    line-height: 35px;

    font-size: 16px;

  }

}

@media only screen and (max-width: 991px) {

  .fps-menu-list li a {

    height: 30px;

    width: 30px;

    line-height: 30px;

  }

}

@media only screen and (max-width: 575px) {

  .fps-menu-list li a {

    height: 25px;

    width: 25px;

    line-height: 25px;

    font-size: 14px;

  }

}

.fps-menu-list li.active {

  background-color: #ffffff;

  border-radius: 50%;

}

.fps-menu-list li.active a {

  color: #111111;

}

/*=======================================================================

[29] Contact Page Area Style

=========================================================================*/

.contact-page-wrap {

  padding: 10rem 0;

}

.google-map-area {

  margin-bottom: 3.5rem;

}

.contact-method-area {

  border-bottom: 1px solid #dfdfdf;

  padding-bottom: 0.5rem;

  margin-bottom: 5rem;

}

.contact-method-area .contact-list {

  margin-bottom: 3rem;

}

@media only screen and (max-width: 575px) {

  .contact-method-area .contact-list {

    text-align: center;

  }

}

.contact-method-area .contact-list .item-title {

  font-weight: 500;

  color: #000000;

  margin-bottom: 12px;

}

.contact-method-area .contact-list ul li {

  color: #646464;

}

.contact-form-wrap .contact-form-box .form-group {

  margin-bottom: 4rem;

  text-align: center;

}

.contact-form-wrap .contact-form-box .form-group:last-child {

  margin-bottom: 0;

}

.contact-form-wrap .contact-form-box .form-group input.form-control::-webkit-input-placeholder,

.contact-form-wrap .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder {

  color: #646464;

}

.contact-form-wrap .contact-form-box .form-group .form-control {

  font-size: 16px;

  padding: 5px 0;

  border-color: #dfdfdf;

  border-width: 0 0 1px 0;

  border-style: none none solid none;

  color: #111111;

  border-radius: 0;

}

@media only screen and (max-width: 991px) {

  .contact-form-wrap .contact-form-box .form-group .form-control {

    font-size: 14px;

  }

}

.contact-form-wrap .contact-form-box .form-group .form-control:focus {

  outline: none;

  box-shadow: none;

}

.contact-form-wrap .contact-form-box .form-group input {

  height: 50px;

}

.contact-form-wrap .contact-form-box .form-group .item-btn {

  display: inline-block;

  border: 1px solid #111111;

  background-color: #111111;

  color: #ffffff;

  font-weight: 700;

  font-size: 16px;

  border-radius: 4px;

  padding: 15px 25px;

  text-align: center;

  cursor: pointer;

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

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

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

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

  transition: all 0.3s ease-out;

}

.contact-form-wrap .contact-form-box .form-group .item-btn i:before {

  margin-left: 5px;

  font-size: 12px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.contact-form-wrap .contact-form-box .form-group .item-btn:hover {

  -webkit-box-shadow: 0px 10px 24px 0px #999999;

  box-shadow: 0px 10px 24px 0px #999999;

}

/*=======================================================================

[30] Error Page Area Style

=========================================================================*/

.error-page {

  text-align: center;

  height: 100%;

  width: 100%;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}

.error-page .error-page-content-wrap {

  height: 100%;

  width: 100%;

  overflow: auto;

}

.error-page .error-page-content-wrap .error-content {

  position: relative;

  z-index: 5;

}

.error-page .error-page-content-wrap .error-content .main-logo {

  margin-bottom: 12rem;

  margin-top: 9rem;

}

.error-page .error-page-content-wrap .error-content .error-logo {

  margin-bottom: 4rem;

}

.error-page .error-page-content-wrap .error-content h2 {

  font-weight: 300;

  font-size: 48px;

  margin-bottom: 15px;

  text-transform: capitalize;

  color: #111111;

}

@media only screen and (max-width: 767px) {

  .error-page .error-page-content-wrap .error-content h2 {

    font-size: 4rem;

  }

}

@media only screen and (max-width: 575px) {

  .error-page .error-page-content-wrap .error-content h2 {

    font-size: 3rem;

  }

}

.error-page .error-page-content-wrap .error-content p {

  width: 30%;

  margin: auto;

}

@media only screen and (max-width: 991px) {

  .error-page .error-page-content-wrap .error-content p {

    width: 80%;

  }

}

@media only screen and (max-width: 767px) {

  .error-page .error-page-content-wrap .error-content p {

    width: 100%;

  }

}

.error-page .error-page-content-wrap .error-content .item-btn {

  margin-top: 4.5rem;

  margin-bottom: 8rem;

  font-size: 18px;

  color: #ffffff;

  font-weight: 500;

  border: 1px solid #111111;

  background-color: #111111;

  border-radius: 4px;

  padding: 14px 35px;

  display: inline-block;

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

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

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

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

  transition: all 0.3s ease-out;

}

.error-page .error-page-content-wrap .error-content .item-btn:hover {

  background-color: transparent;

  border: 1px solid #111111;

  color: #111111;

}

.error-page .error-page-content-wrap .error-content .item-btn i:before {

  margin-left: 5px;

  font-size: 12px;

  font-weight: 600;

}

.error-page .error-page-content-wrap .error-content .copyright {

  margin-bottom: 5rem;

}

#Clouds {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  height: 100%;

  overflow: hidden;

  animation: FadeIn 3s ease-out;

  user-select: none;

}

@keyframes FadeIn {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

.Cloud {

  position: absolute;

  width: 100%;

  background-repeat: no-repeat;

  background-size: auto 100%;

  height: 70px;

  animation-duration: 80s;

  animation-iteration-count: infinite;

  animation-fill-mode: forwards;

  animation-timing-function: linear;

  animation-name: Float, FadeFloat;

  z-index: 1;

}

.Cloud.Foreground {

  height: 100%;

  min-height: 20px;

  z-index: 3;

}

.Cloud.Background {

  background-repeat: no-repeat;

  height: 90.90909091%;

  min-height: 8px;

  animation-duration: 140s;

}

@keyframes Float {

  from {

    transform: translateX(100%) translateZ(0);

  }

  to {

    transform: translateX(-15%) translateZ(0);

  }

}

@keyframes FadeFloat {

  0%,

  100% {

    opacity: 0;

  }

  5%,

  90% {

    opacity: 1;

  }

}

.Cloud:nth-child(10n) {

  animation-delay: -123.07692308s;

  top: 60px;

}

.Cloud.Foreground:nth-child(10n) {

  animation-duration: 40s;

  height: 125%;

}

.Cloud.Background:nth-child(10n) {

  animation-duration: 60s;

  animation-duration: 120s;

  height: 78.40909091%;

}

.Cloud:nth-child(9n) {

  animation-delay: -110.76923077s;

  top: 54px;

}

.Cloud.Foreground:nth-child(9n) {

  animation-duration: 44s;

  height: 122.5%;

}

.Cloud.Background:nth-child(9n) {

  animation-duration: 64s;

  animation-duration: 122s;

  height: 79.65909091%;

}

.Cloud:nth-child(8n) {

  animation-delay: -98.46153846s;

  top: 48px;

}

.Cloud.Foreground:nth-child(8n) {

  animation-duration: 48s;

  height: 120%;

}

.Cloud.Background:nth-child(8n) {

  animation-duration: 68s;

  animation-duration: 124s;

  height: 80.90909091%;

}

.Cloud:nth-child(7n) {

  animation-delay: -86.15384615s;

  top: 42px;

}

.Cloud.Foreground:nth-child(7n) {

  animation-duration: 52s;

  height: 117.5%;

}

.Cloud.Background:nth-child(7n) {

  animation-duration: 72s;

  animation-duration: 126s;

  height: 82.15909091%;

}

.Cloud:nth-child(6n) {

  animation-delay: -73.84615385s;

  top: 36px;

}

.Cloud.Foreground:nth-child(6n) {

  animation-duration: 56s;

  height: 115%;

}

.Cloud.Background:nth-child(6n) {

  animation-duration: 76s;

  animation-duration: 128s;

  height: 83.40909091%;

}

.Cloud:nth-child(5n) {

  animation-delay: -61.53846154s;

  top: 30px;

}

.Cloud.Foreground:nth-child(5n) {

  animation-duration: 60s;

  height: 112.5%;

}

.Cloud.Background:nth-child(5n) {

  animation-duration: 80s;

  animation-duration: 130s;

  height: 84.65909091%;

}

.Cloud:nth-child(4n) {

  animation-delay: -49.23076923s;

  top: 24px;

}

.Cloud.Foreground:nth-child(4n) {

  animation-duration: 64s;

  height: 110%;

}

.Cloud.Background:nth-child(4n) {

  animation-duration: 84s;

  animation-duration: 132s;

  height: 85.90909091%;

}

.Cloud:nth-child(3n) {

  animation-delay: -36.92307692s;

  top: 18px;

}

.Cloud.Foreground:nth-child(3n) {

  animation-duration: 68s;

  height: 107.5%;

}

.Cloud.Background:nth-child(3n) {

  animation-duration: 88s;

  animation-duration: 134s;

  height: 87.15909091%;

}

.Cloud:nth-child(2n) {

  animation-delay: -24.61538462s;

  top: 12px;

}

.Cloud.Foreground:nth-child(2n) {

  animation-duration: 72s;

  height: 105%;

}

.Cloud.Background:nth-child(2n) {

  animation-duration: 92s;

  animation-duration: 136s;

  height: 88.40909091%;

}

.Cloud:nth-child(1n) {

  animation-delay: -12.30769231s;

  top: 6px;

}

.Cloud.Foreground:nth-child(1n) {

  animation-duration: 76s;

  height: 102.5%;

}

.Cloud.Background:nth-child(1n) {

  animation-duration: 96s;

  animation-duration: 138s;

  height: 89.65909091%;

}

.Cloud {

  background: url(img/figure/cloudy.png);

}

.Cloud.Foreground {

  background: url(img/figure/cloudy1.png);

}

/*=======================================================================

[31] Coming Soon Area Style

=========================================================================*/

.comingsoon-page {

  text-align: center;

  width: 100%;

  height: 100%;

  position: fixed;

}

@media only screen and (max-width: 991px) {

  .comingsoon-page {

    overflow-y: scroll;

  }

}

.comingsoon-page .comingsoon-bg {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  z-index: -100;

}

.comingsoon-page .comingsoon-back-img {

  filter: grayscale(100%);

  position: relative;

}

.comingsoon-page .comingsoon-back-img:after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 10;

}

.comingsoon-page .comingsoon-back-img img {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  position: fixed;

  z-index: 0;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.comingsoon-page .comingsoon-content-wrap {

  height: 100%;

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 25px 0;

}

@media only screen and (max-width: 991px) {

  .comingsoon-page .comingsoon-content-wrap {

    margin: 50px 0 100px;

  }

}

.comingsoon-page .comingsoon-content {

  position: relative;

  z-index: 1;

  padding: 0 15px;

  width: 100%;

}

.comingsoon-page .comingsoon-content .comingsoon-logo {

  margin-bottom: 9rem;

}

.comingsoon-page .comingsoon-content .comingsoon-logo a {

  display: inline-block;

}

.comingsoon-page .comingsoon-content h1 {

  margin-bottom: 5rem;

  font-weight: 700;

  font-size: 6rem;

  text-transform: capitalize;

  color: #ffffff;

}

@media only screen and (max-width: 767px) {

  .comingsoon-page .comingsoon-content h1 {

    margin-bottom: 3rem;

    font-size: 5rem;

  }

}

@media only screen and (max-width: 575px) {

  .comingsoon-page .comingsoon-content h1 {

    font-size: 4rem;

  }

}

.comingsoon-page .comingsoon-content .comingsoon-newsletter {

  margin-bottom: 10rem;

}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group {

  background-color: transparent;

  height: 60px;

}

@media only screen and (max-width: 767px) {

  .comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group {

    display: inline-flex;

    align-items: center;

    padding: 0 15px;

  }

}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .form-control {

  border: 2px solid #ffffff;

  border-radius: 45px 0 0 45px;

  color: #ffffff;

  background-color: transparent;

  width: 520px;

  flex: inherit;

  font-size: 16px;

  padding: 3px 30px 5px;

  height: 60px;

}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .form-control:focus {

  outline: none;

  box-shadow: none;

}

@media only screen and (max-width: 767px) {

  .comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .form-control {

    width: 50%;

  }

}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .input-group-addon {

  padding: 0;

  height: 60px;

  background-color: #ffffff;

  border-radius: 0 45px 45px 0;

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

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

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

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

  transition: all 0.3s ease-out;

}

@media only screen and (max-width: 767px) {

  .comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .input-group-addon {

    display: inline-block;

  }

}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .input-group-addon button {

  border-radius: 0 45px 45px 0;

  color: #111111;

  background-color: #ffffff;

  border: 0;

  height: 60px;

  line-height: 60px;

  padding: 0 35px;

  font-size: 18px;

  text-transform: capitalize;

  font-weight: 500;

  letter-spacing: 2px;

  display: inline-block;

  cursor: pointer;

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

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

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

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

  transition: all 0.3s ease-out;

}

@media only screen and (max-width: 479px) {

  .comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .input-group-addon button {

    padding: 0 15px;

  }

}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group .input-group-addon button:focus {

  outline: none;

  outline-width: 0;

}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group input.search-input:focus {

  outline-width: 0;

  outline: none;

}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group input::-webkit-input-placeholder {

  color: #fff;

}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group input::-moz-placeholder {

  color: #fff;

}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group input:-moz-placeholder {

  color: #fff;

}

.comingsoon-page .comingsoon-content .comingsoon-newsletter .stylish-input-group input:-ms-input-placeholder {

  color: #fff;

}

.comingsoon-page .comingsoon-content .comingsoon-bottom {

  margin-bottom: 10px;

}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social {

  text-align: left;

}

@media only screen and (max-width: 991px) {

  .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social {

    text-align: center;

    margin-bottom: 15px;

  }

}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li {

  display: inline-block;

  margin-right: 5px;

}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li:last-child {

  margin-right: 0;

}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li a {

  color: #ffffff;

  padding: 5px;

  display: inline-block;

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

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

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

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

  transition: all 0.3s ease-out;

}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li a:hover {

  color: #cccccc;

}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right {

  text-align: right;

}

@media only screen and (max-width: 991px) {

  .comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right {

    text-align: center;

  }

}

.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right p {

  color: #ffffff;

  font-size: 16px;

  font-weight: 300;

}

.countdown-layout1 {

  text-align: center;

  margin-bottom: 5rem;

}

.countdown-layout1 .countdown-section {

  text-align: center;

  height: 120px;

  background: transparent;

  display: inline-block;

  position: relative;

  margin-bottom: 30px;

}

@media only screen and (max-width: 767px) {

  .countdown-layout1 .countdown-section {

    padding: 10px 0;

  }

}

@media only screen and (max-width: 575px) {

  .countdown-layout1 .countdown-section {

    padding: 15px 0;

  }

}

@media only screen and (max-width: 479px) {

  .countdown-layout1 .countdown-section {

    width: 11rem;

    height: 100px;

  }

}

.countdown-layout1 .countdown-section:after {

  content: "";

  position: absolute;

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

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

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

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

  transform: translateY(-50%);

  top: 50%;

  right: 0;

  background-color: #ffffff;

  height: 75%;

  width: 1px;

  margin: 0 auto;

  z-index: 7;

}

.countdown-layout1 .countdown-section:last-child:after {

  display: none;

}

.countdown-layout1 .countdown-section .countdown-number {

  padding: 0 5rem;

  font-size: 7.2rem;

  line-height: 1.1;

  font-weight: 500;

  color: #ffffff;

}

@media only screen and (max-width: 767px) {

  .countdown-layout1 .countdown-section .countdown-number {

    padding: 0 4rem;

    font-size: 5rem;

  }

}

@media only screen and (max-width: 575px) {

  .countdown-layout1 .countdown-section .countdown-number {

    padding: 0 3rem;

    font-size: 4rem;

  }

}

@media only screen and (max-width: 479px) {

  .countdown-layout1 .countdown-section .countdown-number {

    padding: 0 2rem;

    font-size: 3rem;

  }

}

.countdown-layout1 .countdown-section .countdown-unit {

  position: absolute;

  bottom: 10px;

  left: 0;

  right: 0;

  color: #ffffff;

  text-transform: capitalize;

  font-size: 15px;

}

/*=======================================================================

[32] Footer Area Style        

=========================================================================*/

.footer-wrap-layout1 {

  background-color: #1a1a1a;

}

.footer-wrap-layout2 {

  padding: 8rem 0 7.5rem;

  background-color: #1a1a1a;

}

.footer-wrap-layout4 {

  padding: 6.5rem 0;

}

.footer-wrap-layout5 {

  background-color: #1a1a1a;

}

.footer-wrap-layout5 .footer-top-layout1 {

  border-bottom: 1px solid #373737;

  padding: 9rem 0 8rem;

}

.footer-wrap-layout6 {

  padding: 9.5rem 0;

}

.footer-wrap-layout7 {

  padding: 5rem 0;

}

@media only screen and (max-width: 991px) {

  .footer-wrap-layout7 {

    padding: 5rem 15px !important;

  }

}

.main-footer-wrap-layout1 {

  padding: 3rem 0 3.5rem;

}

.footer-bottom-wrap {

  padding: 20px 0px;

  border-top: 1px solid #373737;

}

.footer-box-layout1 {

  margin-bottom: 2rem;

}

@media only screen and (max-width: 767px) {

  .footer-box-layout1 {

    text-align: center;

  }

}

.footer-box-layout1 .footer-logo {

  margin-bottom: 2.5rem;

}

.footer-box-layout1 .footer-logo a {

  display: block;

}

.footer-box-layout1 .footer-contact-info p {

  color: #b3b3b3;

  font-size: 16px;

  width: 80%;

}

@media only screen and (max-width: 767px) {

  .footer-box-layout1 .footer-contact-info p {

    width: 100%;

  }

}

.footer-box-layout1 .footer-contact-info ul li {

  color: #b3b3b3;

  margin-bottom: 5px;

}

.footer-box-layout1 .footer-contact-info ul li:last-child {

  margin-bottom: 0;

}

.footer-box-layout1 .footer-title {

  color: #ffffff;

  font-size: 26px;

  font-weight: 600;

  margin-bottom: 3rem;

}

@media only screen and (max-width: 767px) {

  .footer-box-layout1 .footer-title {

    font-size: 24px;

  }

}

.footer-box-layout1 .footer-links ul li {

  margin-bottom: 20px;

  font-size: 16px;

}

.footer-box-layout1 .footer-links ul li:last-child {

  margin-bottom: 0;

}

.footer-box-layout1 .footer-links ul li a {

  color: #b3b3b3;

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

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

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

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

  transition: all 0.3s ease-out;

}

.footer-box-layout1 .footer-links ul li a:hover {

  color: #ffffff;

}

.footer-box-layout1 .footer-form-box .form-group {

  margin-bottom: 2.5rem;

}

.footer-box-layout1 .footer-form-box .form-group:last-child {

  margin-bottom: 0;

}

.footer-box-layout1 .footer-form-box .form-group .form-control {

  font-size: 16px;

  color: #cccccc;

  background-color: transparent;

  border: 1px solid #373737;

  padding: 0 10px;

  height: 50px;

}

@media only screen and (max-width: 767px) {

  .footer-box-layout1 .footer-form-box .form-group .form-control {

    text-align: center;

  }

}

.footer-box-layout1 .footer-form-box .form-group .form-control:focus {

  box-shadow: none;

}

.footer-box-layout1 .footer-form-box .form-group .item-btn {

  font-size: 16px;

  font-weight: 500;

  color: #111111;

  border: none;

  background-color: #ffffff;

  border: 1px solid #ffffff;

  padding: 10px 35px;

  border-radius: 4px;

  cursor: pointer;

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

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

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

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

  transition: all 0.5s ease-out;

}

.footer-box-layout1 .footer-form-box .form-group .item-btn:hover {

  background-color: transparent;

  border: 1px solid #ffffff;

  color: #ffffff;

}

.footer-box-layout1 .footer-form-box .form-group input::-webkit-input-placeholder {

  color: #cccccc;

}

.footer-box-layout1 .footer-form-box .form-group input::-moz-placeholder {

  color: #cccccc;

}

.footer-box-layout1 .footer-form-box .form-group input:-ms-input-placeholder {

  color: #cccccc;

}

.footer-box-layout1 .footer-social {

  margin-top: 3rem;

}

.footer-box-layout1 .footer-social li {

  display: inline-block;

}

.footer-box-layout1 .footer-social li a {

  color: #9c9c9c;

  padding: 8px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.footer-box-layout1 .footer-social li a:hover {

  color: #ffffff;

}

.footer-box-layout2 {

  text-align: center;

}

.footer-box-layout2 .footer-logo {

  margin-bottom: 2.5rem;

}

.footer-box-layout2 .footer-logo a {

  display: inline-block;

}

.footer-box-layout2 .footer-menu {

  margin-bottom: 3rem;

}

.footer-box-layout2 .footer-menu li {

  display: inline-block;

  margin-right: 1rem;

}

.footer-box-layout2 .footer-menu li:last-child {

  margin-right: 0;

}

.footer-box-layout2 .footer-menu li a {

  color: #b3b3b3;

  font-size: 16px;

  padding: 1.5rem;

}

.footer-box-layout2 .footer-menu li a:hover {

  color: #ffffff;

}

.footer-box-layout2 .footer-social {

  margin-bottom: 3rem;

}

.footer-box-layout2 .footer-social li {

  display: inline-block;

  margin-right: 5px;

}

@media only screen and (max-width: 479px) {

  .footer-box-layout2 .footer-social li {

    margin-bottom: 2rem;

  }

}

.footer-box-layout2 .footer-social li:last-child {

  margin-right: 0;

}

.footer-box-layout2 .footer-social li a {

  color: #b3b3b3;

  font-size: 16px;

  height: 45px;

  width: 45px;

  border-radius: 50%;

  line-height: 45px;

  border: 1px solid #ffffff;

  background-color: transparent;

  display: block;

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

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

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

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

  transition: all 0.3s ease-out;

}

.footer-box-layout2 .footer-social li a:hover {

  background-color: #ffffff;

  border: 1px solid #ffffff;

  color: #111111;

}

.footer-box-layout2 .copyright {

  font-size: 16px;

  color: #b3b3b3;

}

.footer-box-layout4 {

  text-align: center;

}

.footer-box-layout4 .social-link {

  margin: 4rem 0 3rem;

}

.footer-box-layout4 .social-link li {

  display: inline-block;

  margin-right: 25px;

  position: relative;

}

.footer-box-layout4 .social-link li:after {

  content: ".";

  font-size: 18px;

  color: #cccccc;

  position: absolute;

  top: 0;

  right: -17px;

}

.footer-box-layout4 .social-link li:last-child {

  margin-right: 0;

}

.footer-box-layout4 .social-link li:last-child:after {

  display: none;

}

.footer-box-layout4 .social-link li a {

  color: #cccccc;

  font-size: 17px;

  padding: 5px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.footer-box-layout4 .social-link li a:hover {

  color: #ffffff;

}

.footer-box-layout4 .copyright {

  font-size: 18px;

  color: #999999;

}

.footer-box-layout5 {

  text-align: center;

}

.footer-box-layout5 ul {

  margin-bottom: 2rem;

}

@media only screen and (max-width: 767px) {

  .footer-box-layout5 ul {

    margin-bottom: 1rem;

  }

}

.footer-box-layout5 ul li {

  display: inline-block;

  margin-right: 20px;

}

@media only screen and (max-width: 575px) {

  .footer-box-layout5 ul li {

    margin-right: 5px;

  }

}

.footer-box-layout5 ul li:last-child {

  margin-right: 0;

}

.footer-box-layout5 ul li a {

  font-size: 18px;

  color: #646464;

  padding: 10px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.footer-box-layout5 ul li a:hover {

  color: #111111;

}

.footer-box-layout5 .copyright {

  font-size: 17px;

  color: #646464;

}

.footer-box-layout6 {

  display: flex;

  justify-content: flex-start;

}

@media only screen and (max-width: 767px) {

  .footer-box-layout6 {

    display: block;

    margin-bottom: 2rem;

  }

}

.footer-box-layout6 .copyright {

  padding: 0;

}

.footer-box-layout7 {

  display: flex;

  justify-content: flex-end;

}

@media only screen and (max-width: 767px) {

  .footer-box-layout7 {

    display: block;

    text-align: center;

  }

}

.footer-box-layout7 .social-icon li {

  display: inline-block;

  margin-right: 5px;

}

.footer-box-layout7 .social-icon li:last-child {

  margin-right: 0;

}

.footer-box-layout7 .social-icon li a {

  font-size: 18px;

  color: #9a9a9a;

  padding: 5px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.footer-box-layout7 .social-icon li a:hover {

  color: #111111;

}

.copyright {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: #999999;

  font-size: 16px;

  padding: 0 15px;

}

.blog-wrap-layout4 .blog-content .btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){

	

	.blog-wrap-layout4 .blog-content .btn{

	transition: none;

	font-size: 22px;

}

}

	.blog-wrap-layout4 .blog-content .btn{

	transition: none;

	font-size: 22px;

}



	.blog-wrap-layout4 .blog-content .btn:focus,.btn:hover{text-decoration:none}

	

	.blog-wrap-layout4 .blog-content .btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.

	

	.alert-primary{color:#fff;background-color:#67B1ED;border-color:#67B1ED}

	

	.alert-primary hr{border-top-color:#9fcdff}

	

	.alert-primary .alert-link{color:#002752}

	

	.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}

	

	.alert-secondary hr{border-top-color:#c8cbcf}

	

	.alert-secondary .alert-link{color:#202326}

	

	.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}

	

	.alert-success hr{border-top-color:#b1dfbb}

	

	.alert-success .alert-link{color:#0b2e13}



.blog-wrap-layouthome {

  padding: 0rem 0 4rem;

}



.blog-box-layouthome {

  margin-top: 3rem;

  margin-bottom: 1rem;

}

.blog-box-layouthome .media .media-body {

  width: 60%;

}

@media only screen and (max-width: 1199px) {

  .blog-box-layouthome .media .media-body {

    width: 100%;

  }

}

.blog-box-layouthome .media .media-body .item-btn {

  display: inline-block;

  font-size: 16px;

  font-weight: 500;

  color: #ffffff;

  background-color: #5BBD77;

  border: 2px solid #5BBD77;

  border-radius: 4px;

  padding: 6px 20px;

  margin-right:12px;

  margin-bottom: 6px;

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

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

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

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

  transition: all 0.3s ease-out;

}

.blog-box-layouthome .media .media-body .item-btn i:before {

  font-size: 16px;

  margin-left: 16px;

  font-weight: 600;

}

.blog-box-layouthome .media .media-body .item-btn:hover {

  color: #5BBD77;

  background-color: #fff;

  border: 2px solid #5BBD77;

}
.widget-category .item-img img {
  border-radius: 12px;
}