@font-face {
  font-family: 'sofia-pro';
  src: url('fonts/sofia-pro-cdnfonts/Sofia-Pro-Regular-Az.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sofia-pro';
  src: url('fonts/sofia-pro-cdnfonts/Sofia-Pro-ExtraLight-Az.otf') format('opentype');
  font-weight: 200;
}

@font-face {
  font-family: 'sofia-pro';
  src: url('fonts/sofia-pro-cdnfonts/Sofia-Pro-Light-Az.otf') format('opentype');
  font-weight: 300;
}

@font-face {
  font-family: 'sofia-pro';
  src: url('fonts/sofia-pro-cdnfonts/Sofia-Pro-Regular-Az.otf') format('opentype');
  font-weight: 400;
}

@font-face {
  font-family: 'sofia-pro';
  src: url('fonts/sofia-pro-cdnfonts/Sofia-Pro-Medium-Az.otf') format('opentype');
  font-weight: 500;
}

@font-face {
  font-family: 'sofia-pro';
  src: url('fonts/sofia-pro-cdnfonts/Sofia-Pro-Semi-Bold-Az.otf') format('opentype');
  font-weight: 600;
}

@font-face {
  font-family: 'sofia-pro';
  src: url('fonts/sofia-pro-cdnfonts/Sofia-Pro-Bold-Az.otf') format('opentype');
  font-weight: 700;
}

.page-header.page-header-modern.page-header-background.page-header-background-md {
  padding:120px 0 100px;
}

.text-justify-custom {
  text-align: justify;
}

.table-condensed-custom td,
.table-condensed-custom th {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.video-grayscale {
  filter: grayscale(100%);
}

.video-filmnoir {
  filter: grayscale(100%) contrast(1.4) brightness(0.9);
}

.video-hollywood {
  filter: contrast(1.2) saturate(1.3) hue-rotate(-10deg) brightness(0.95);
}

.video-vintage {
  filter: sepia(0.3) brightness(0.95) contrast(1.1) saturate(0.6);
}

.video-cinematic {
  filter: brightness(0.9) contrast(1.2) saturate(0.7);
}
/*
video {
	  filter: grayscale(100%) contrast(1.4) brightness(0.9);
}
*/

@media (max-width: 991px) {
  #header .header-logo img {
    width: 230px;
  }
}

body {

  font-family: "sofia-pro", Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  letter-spacing: .01em;
  line-height: 2em;
  text-transform: none;
  color: #1f1f1f;

}

h1, h2, h3, h4, h5, h6 {
  font-family: "sofia-pro", Arial, sans-serif;
   color: #1f1f1f;
}

h2{
font-family: sofia-pro;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -.03em;
  line-height: 1.2em;
  text-transform: none;
}

p {
	font-family: "sofia-pro", Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  letter-spacing: .01em;
  line-height: 2em;
  text-transform: none;
  color: #1f1f1f;
	
}

@media (min-width: 992px) {
  #header .header-nav.header-nav-links nav > ul > li > a {
    color: #d9d9d9 !important;
	font-weight: 600;
  font-style: normal;
  font-size: 11px;
  letter-spacing: .2em;
  text-transform: uppercase;
	
  }
}


@media(min-width:992px) {

#header .header-nav.header-nav-links nav a {
	/*font-family:"Jost", sans-serif;*/
}

#header .header-nav.header-nav-links nav > ul > li > a {
	 color: #d9d9d9 !important;
}

#header .header-nav.header-nav-links nav > ul > li > a.active{
	color:rgba(255,255,255,1) !important;
}

#header .header-nav.header-nav-links nav > ul > li > a:hover {
	color:rgba(255,255,255,1) !important;
}

#header .header-nav-main.header-nav-main-text-capitalize nav > ul > li > a {
  text-transform: none;
}

}

#header .header-logo {
  margin: 0px 0 !important;
}

#header.header-effect-shrink .header-container {
  min-height: 85px;
}

#header .header-body {
background:transparent !important;	
padding:7px 15px 0px;
}

.list.list-icons {

  list-style-position: inside;
  padding-left: 10px;
}
/*
* Font Icons
*/
@font-face {
	font-family: "Fontello";
	src: url("../css/fonts/demos/digital-agency-2/fontello.woff2") format("woff2"), url("../../css/fonts/demos/digital-agency-2/fontello.woff") format("woff"), url("../../css/fonts/demos/digital-agency-2/fontello.ttf") format("ttf"), url("../../css/fonts/demos/digital-agency-2/fontello.eot") format("eot");
}

.overlay-gradient::before {
  background-color: #070A29 !important;
  background-image: linear-gradient(to right, #000000 0%, #000000 100%) !important;
}

.text-meve1 {
	font-family:'Playfair Display',sans-serif;
	font-size:.1.4rem !important;
}

.text-meve2 {
	font-family:'Playfair Display',sans-serif;
	font-size:2.rem !important;
}

.action-btn {
  position: relative;
  overflow: hidden;
  font-weight: 700;
  background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
  backdrop-filter: blur(4px);
  padding: 5px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-family: "Poppins", sans-serif;
font-size: 15px;
text-decoration: none;
transition: all 0.5s ease-in-out;
cursor: pointer;
color: #fff;

}

.action-btn span {
  background: linear-gradient(264.28deg, #6bbaf3 -38.2%, #1e3cc2 103.12%);
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  padding: 18px 56px;
}

.action-btn span::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.13) 0px, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0));
  content: "";
  height: 200%;
  left: -210%;
  opacity: 0;
  position: absolute;
  top: -50%;
  transition: all 0.7s ease 0s;
    transition-property: all;
    transition-duration: 0.7s;
    transition-timing-function: ease;
  width: 200%;
}

.action-btn:hover span::after {
  left: -30%;
  opacity: 1;
  top: -20%;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-property: left, top, opacity;
  transition-timing-function: linear;
}

.action-btn2 {
	color:#fff;
	border:1px solid #fff;
	border-radius: 35px;
display: inline-block;
font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 300;

letter-spacing: .05em;


padding: 6px 35px;
text-align: center;
text-transform: uppercase;
transition: all .2s ease;
}

a.action-btn2:hover {
	background:#fff;
	color:#000;
	text-decoration:none !important;
}

.action-btn3{
	color:#000;
	border:1px solid #000;
	border-radius: 35px 5px 5px 35px;
display: inline-block;
font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 300;

letter-spacing: .05em;


padding: 6px 15px 6px 20px;
text-align: center;
transition: all .2s ease;
}

a.action-btn3:hover {
	background:#000;
	color:#fff;
	text-decoration:none !important;
}

.mr-3  {
	margin-right:0.5rem;
}

.block-text .action-btn span {
  padding: 14px 24px;
}

#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
  color: #6bbaf3;
}

#header .header-nav.header-nav-links nav > ul li:hover > a {
  color: #6bbaf3;
}

.pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span {
	background: #fff;
}

.sticky-wrapper.sticky-wrapper-effect-1.sticky-effect-active .sticky-body {
  background:#070A29;
  background: rgba(3,10,41,0.4);
    background: rgba(32,32,32,0.5);
}

p.lead {
  font-size: 1.4rem;
}

/*FROM Cyfonii*/
@keyframes animate-1 {
  0%, 100% {
    transform: translateY(0vh) translateX(0vmin);
  }
  50% {
    transform: translateY(-1.5vh) translateX(5vmin);
  }
}
@keyframes animate-2 {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15vmin);
  }
}
@keyframes animate-3 {
  0%, 100% {
    transform: translateY(0vh);
  }
  50% {
    transform: translateY(-5vmin);
  }
}
@keyframes animate-4 {
  0%, 100% {
    transform: translateY(0vh);
  }
  50% {
    transform: translateY(10vmin);
  }
}
@keyframes animate-5 {
  0%, 100% {
    transform: translateY(0vh) translateX(0vmin);
  }
  50% {
    transform: translateY(-1.5vh) translateX(5vmin);
  }
}

.about {
  padding: 40px 0 100px;
  position: relative;
  z-index:5;
}

.about p{
  color:#fff;
}

.about h3{
	font-size:42px;
	line-height:52px;
	color:#fff;
}

.about .block-text {
  padding: 116px 0 116px 35px;
}
@media only screen and (max-width: 1200px) {
  .about .block-text {
    padding: 80px 0;
  }
}
.about .about__right .images {
  position: relative;
}
.about .about__right .images .img1 {
  width: 420px;
  height: 533px;
  object-fit: cover;
  border-radius: 110px;
  margin: 60px 0 0 -4px;
  z-index: 3;
  position: relative;
}
.about .about__right .images .img2, .about .about__right .images .img3, .about .about__right .images .img4, .about .about__right .images .img5 {
  position: absolute;
  border-radius: 20%;
}
.about .about__right .images .img2 {
  width: 121px;
  height: 117px;
  object-fit: cover;
  top: 230px;
  left: -183px;
  animation: animate-2 15s linear 0s infinite;
}
.about .about__right .images .img3 {
  width: 222px;
  height: 222px;
  object-fit: cover;
  bottom: -93px;
  left: -108px;
  animation: animate-3 15s linear 0s infinite;
}
.about .about__right .images .img4 {
  width: 65px;
  height: 62px;
  object-fit: cover;
  bottom: -89px;
  left: 129px;
  animation: animate-4 15s linear 0s infinite;
}
.images .img5 {
  width: 255px;
  height: 246px;
  object-fit: cover;
  bottom: -162px;
  right: 75px;
  z-index: 4;
  animation: animate-5 15s linear 0s infinite;
}
.about .about__right .images::after {
  content: "";
  position: absolute;
  top: 56px;
  right: 215px;
  z-index: 1;
  width: 420px;
  height: 533px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 110px;
  transform: rotate(10deg);
}
@media only screen and (max-width: 767px) {
  .about .about__right .images::after {
    display: none;
  }
  .about .about__right .images .img1 {
    width: 100%;
  }
  .about .about__right .images .img2 {
    left: -15px;
    z-index: 3;
  }
  .about .about__right .images .img3 {
    left: -100px;
    bottom: -170px;
  }
  .about .about__right .images .img5 {
    right: -70px;
  }
}
@media only screen and (max-width: 1200px) {
  .about .about__right {
    padding-bottom: 70px;
  }
  .about .about__right .images {
    max-width: 540px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 1024px) {
  .about .about__right .images {
    max-width: 500px;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 767px) {
  .about .about__right .images {
    max-width: 100%;
  }
}
.about.s2 {
  padding: 0 0 150px;
}
.about.s2 .shape {
  top: -30%;
}
.about.s2 .shape.right {
  top: -60%;
}
@media only screen and (max-width: 767px) {
  .about.s2 {
    padding: 0 0 80px;
  }
}
.about.s2 .about__main img {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
  .about.s2 .about__main img {
    width: 100%;
  }
}
.about.s2 .block-text .heading {
  margin-bottom: 38px;
}
.about.s2 .action-btn span {
  padding: 15px 24px;
}
.about.s3 {
  padding: 90px 0 0;
}
@media only screen and (max-width: 1024px) {
  .about.s3 {
    padding: 60px 0 0;
  }
}
.about.s3 .block-text {
  padding-right: 30px !important;
}
.about.s3 .card-box:first-child {
  margin-left: 117px;
  transform: rotate(9deg);
  margin-top: 48px;
}
@media only screen and (max-width: 1200px) {
  .about.s3 .card-box:first-child {
    margin: 80px auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .about.s3 .card-box:first-child {
    width: 100%;
  }
}
.about.s3 .card-box.sm {
  width: 236px;
  padding: 15px 14px 15px 10px;
}
.about.s3 .card-box.sm .top {
  margin-bottom: 10px;
}
.about.s3 .card-box.sm .top h6 {
  font-size: 8px;
}
.about.s3 .card-box.sm .top h6.price {
  font-size: 12px;
}
.about.s3 .card-box.sm .top span {
  font-size: 25px;
  margin-right: 3px;
}
.about.s3 .card-box.sm .content .image {
  height: 208px;
  margin-bottom: 13px;
}
.about.s3 .card-box.sm .content .info img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.about.s3 .card-box.sm .content .info h6 {
  font-size: 9px;
}
.about.s3 .card-box.sm .content .info p {
  font-size: 8px;
}
@media only screen and (max-width: 1200px) {
  .about.s3 .card-box.sm {
    margin: 0 auto;
  }
}
.about.s3 .card-box:last-child {
  transform: translateX(-150px) translateY(-194px) rotate(-13deg);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .about.s3 .card-box:last-child {
    transform: translateX(0px) translateY(0px) rotate(-13deg);
    margin-bottom: 40px;
  }
}

.shape {
  content: "";
  position: absolute;
  width: 2000px;
  height: 2000px;
  top: -70%;
  left: -60%;
  z-index: 0;
  background: radial-gradient(34.98% 34.98% at 50% 50%, #725BDA 0%, rgba(6, 19, 45, 0) 100%);
  opacity: 0.5;
}
.shape.right {
  left: auto;
  right: -60%;
}
.shape.s3 {
  z-index: -2;
  width: 800px;
  height: 800px;
  background: linear-gradient(239.67deg, #0057FF -10.29%, #7FF805 197.14%);
  opacity: 0.6;
  mix-blend-mode: normal;
  filter: blur(150px);
  left: auto !important;
  top: 15% !important;
  right: -20%;
}

.block-text .sub-heading {
  padding: 7px 14px;
  background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  display: inline-block;
  margin-bottom: 22px;
}

.block-text .sub-heading span {
  background: linear-gradient(264.28deg, #6bbaf3 -38.2%, #1e3cc2 103.12%);
    background-clip: border-box, border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}



.speciality {
  padding: 100px 0 75px;
  position: relative;
  background:#f5f5f5;
  margin-top:-35px;
}

.speciality h3, .project h3 {
color:#fff;
font-size: 42px;
line-height: 52px;
}

.speciality h5 {
color:#fff;
font-size: 20px;
}

.speciality .container {
  max-width: 1140px;
}
.speciality .block-text p {
	color:#fff;
  padding: 0 300px;
}
@media only screen and (max-width: 1200px) {
  .speciality .block-text p {
    padding: 0;
  }
}
.speciality.s1 {
  padding: 0 0 78px;
}
.speciality.s1 .block-text .heading {
  margin-bottom: 2px;
}
.speciality.s1 .speciality-box .title {
  padding: 0 15px;
}

.speciality-box {
  text-align: center;
  margin-top: 108px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 73.86%);
  backdrop-filter: blur(4px);
  position: relative;
  padding: 65px 20px 10px;
  border-radius: 15px;
}
.speciality-box .icon {
  background: linear-gradient(289.89deg, #6bbaf3 -23.71%, #1e3cc2 96.09%);
  backdrop-filter: blur(4px);
  width: 72px;
  height: 72px;
  min-width: 72px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 1s ease-in-out;
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.speciality-box .title {
  margin-bottom: 11px;
}
.speciality-box p {
	font-size:14px;
  margin-bottom: 14px;
  color:#fff;
  line-height: 18px;
}
.speciality-box .number {
  color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease-in-out;
}
.speciality-box:hover .icon {
  transform: translate(-50%, -50%) rotateY(-360deg);
}
.speciality-box:hover .number {
  color: white;
}

.speciality-box i {
	font-size:26px;
}

.main-features {
	padding:100px 0 0;
}

.pt-img-zoom2{
  position: relative;
  overflow: hidden;
}
.pt-img-zoom2 a:before{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.pt-img-zoom2 a:after{
  position: absolute;
  top: 10px;
  left: 10px;
  right:10px;
  bottom:10px;
  content: "";
  display: block;
  z-index: 10;
  border: 1px solid #fff;
  opacity: 0;
}
.pt-img-zoom2 a img{
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.pt-img-zoom2:hover a img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.pt-img-zoom2:hover a:before{
  opacity: 1;
}
.pt-img-zoom2:hover a:after{
  opacity: 0;
}

.project {
	padding:20px 0;
}

.pt063-item {
	background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
backdrop-filter: blur(4px);
border-radius: 26px;
padding: 20px;
position: relative;
border: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom: 50px;
}

.pt063-item .pt-img-zoom2{

border-radius: 20px;
overflow: hidden;
}

.sticky-wrapper.sticky-wrapper-effect-1 {
  /*border-bottom: 1px solid rgba(255,255,255,0.1);*/
    background: rgba(32,32,32,0.0);
	border-bottom:1px solid rgba(255,255,255,0.2);
}

html .text-color-quaternary, html .text-quaternary {
  color: #76ffca;
  color: #C4D3A6 !important;
}

.color-white {
	color:#fff !important;
}

.custom-box-shadow-1 {
  /*box-shadow: 0 0 32px -7px rgba(107,186,243,.2);*/

}

.card {
	/*
background: linear-gradient(26.74deg, #322261 3.92%, #6639e4 97.18%);
background:#5C27FE;
*/
}
.card-body  {
	color:#fff;
}

.card-body .icon {
  background: #76ffca;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
  background: #fff;
  width: 72px;
  height: 72px;
  min-width: 72px;
  border-radius: 16%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 1s ease-in-out;
  position: relative;
  top: -18px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.card-body .icon i {
	font-size:32px;
	color:#000;
}

html .btn-outline.btn-secondary {
  color: #76ffca;

  border-color: #76ffca;
}

html .btn-outline.btn-secondary:hover, html .btn-outline.btn-secondary.hover {
  color: #000;
  background-color: #76ffca;
  border-color: #76ffca;
}

.featured-icon.custom-featured-icon-style-1 {
  width: 115px;
  height: 115px;
  border-radius: 100% !important;
}

.featured-box {
background: transparent !important;
  border-bottom: 0px solid #DFDFDF;
  border-left: 0px solid #ECECEC;
  border-radius: 8px;
  border-right: 0px solid #ECECEC;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.0);
}
 
 .featured-boxes {
  background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
backdrop-filter: blur(4px);
border-radius: 26px;
padding: 20px;
position: relative;
border: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom: 50px;
  
}

.featured-boxes-modern-style-1 .featured-box .featured-box-background {
  border-radius: 0px;
}

#footer .footer-copyright.footer-copyright-style-2 {
  background: #070A29;
  border-top: 1px solid rgba(255, 255, 255, 0.00);
}

#footer {

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

}

.docs-section {
  position: relative;
  padding: 100px 0px;
}

.auto-container {
  position: static;
  max-width: 1330px;
  padding: 0px 20px;
  margin: 0 auto;
}

.docs-section .inner-container {
  position: relative;
  display: block;
background: linear-gradient(264.28deg, #DEC7FF -38.2%, #5C27FE 103.12%);
background:#5C27FE;
  padding: 100px 100px 90px;
  border-radius: 24px;
  overflow: hidden;
}

.title-box {
  position: relative;
  margin-bottom: 50px;
}

.docs-section .title-box {
  margin-bottom: 45px;
}

.title-box .subtitle {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 24px;
  padding-left: 85px;
  margin: 0 0 25px;
}

.title-box .subtitle::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  width: 72px;
  border-bottom: 2px solid #ffffff;
}

.docs-section .title-box .text-content {
  max-width: 400px;
}
.title-box .text-content {
  position: relative;
  font-size: 16px;
  line-height: 1.5em;
  color: #fff;
  padding-top: 30px;
}

.docs-section .text-col ul {
  position: relative;
  margin: 0 -15px;
}

.docs-section .text-col ul li {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  min-height: 28px;
  float: left;
  width: 50%;
  padding: 0 15px 0 60px;
  margin-bottom: 20px;
  list-style:none;
}

.docs-section .text-col ul li i {
  position: absolute;
  left: 15px;
  top: 0;
  width: 28px;
  height: 28px;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
  color: #5C27FE;
  border-radius: 50%;
}

.docs-section .text-col .link-box .theme-btn {
  padding: 11px 36px;
  line-height: 30px;
  font-size: 16px;
  border-radius: 28px;
}
.btn-style-one {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  line-height: 24px;
  padding: 8px 30px;
  border: 2px solid #3772FF;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  text-transform: none;
  background: #3772FF;
  
  border-radius: 22px;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.meve-video {
	padding:100px 0;
	background:#161634;
}

body::after, body::before {
  width: 270px;
  height: 270px;
  border-radius: 100%;
  position: fixed;
}

/*
body::before {
  content: '';
  top: 27.5%;
  left: 23.9%;
  background-color: #7000ff;
  -webkit-filter: blur(150px);
  -o-filter: blur(150px);
  filter: blur(150px);
  z-index:2;
  opacity:.8;
}
*/

/*
body::after {
  content: '';
  top: 42.8%;
  right: 25%;
  background-color: #7000ff;
  -webkit-filter: blur(150px);
  -o-filter: blur(150px);
  filter: blur(150px);  
  z-index:2;
  opacity:.9;
}
*/

@media (min-width: 991px) {
		.custom-md-border-top {
				border-top: 1px solid rgba(255, 255, 255, 0.12);
		}
}

.custom-position-1 {
		position: relative;
		margin-top: -137px;
}

@media (max-width: 991px) {
		.custom-position-1 {
				margin-top: 0;
				background: #101019;
		}
}

.looking-for .looking-for-box h2 {
    color: #FFF;
    line-height: 1.2;
    margin-bottom: 5px;
	margin-top:20px;
	font-size:1.8rem;
}

.looking-for .looking-for-box h2 span {
   font-size:1.1rem;
   letter-spacing:.3px;
}


.custom-call-to-action {
    border-color: #4dbb6d;
}
.custom-call-to-action {
    display: block;
    border-left: 2px solid #4dbb6d;
    padding-left: 10px;
}

.custom-call-to-action span:nth-child(2) {
    display: block;
    font-size: 17.6px;
    font-size: 1.1rem;
}


a.project-link {
	text-decoration: underline;
font-weight: inherit;
line-height: 1.8;
color:#000;
font-weight:300;
}

.ff-playfair {
	font-family:'Playfair Display', sans-serif;
	font-family:'Poppins', sans-serif;
}

html .bg-color-quaternary, html .bg-quaternary {
  background-color: #272e32;
   background-color: #212529 !important;
}

.custom-block-1.custom-block-1-bottom:after {
    top: auto;
    bottom: -40px;
}

.custom-block-1:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 40px;
    background: #272e32;
    display: block;
    top: -40px;
    left: 0;
}

.pr-5 {
	padding-right: 3rem !important;
}

@media (max-width: 991px) {
	.pr-5 {
	padding-right: 0rem !important;
	}
}

.margin-top-100 {
	margin-top:100px;
}
.margin-top-80 {
	margin-top:80px;
}



.social-icons li a {
 color:rgba(255,255,255,0.8) !important;
}

#about h3 {
	margin-bottom:10px;
}

p.width-80 {
	width:60%;
	margin:0 auto;
}

#footer .social-icons li a {
  color: #ccc !important;
}

#footer .social-icons li a:hover {
  color: #fff !important;
}

a.text-color-light-semi {
	color:rgba(255,255,255,0.8) !important;
}

a.text-color-light-semi:hover {
	color:rgba(255,255,255,1) !important;
}



.team {
  position: relative;
  padding: 30px 0 105px;
}
.team .container {
  max-width: 1140px;
}
.team .team-swiper {
  margin-top: 40px;
}
.team.s2 {
  padding: 30px 0 69px;
}
.team.s2 .img-line {
  position: absolute;
  z-index: -2;
  top: -85%;
  left: 0;
}
.team.s2 .block-text .heading {
  margin-bottom: 38px;
}
.team.s2 .team-box {
  margin-bottom: 30px;
}
.team.s2 .team-box .image .list-social {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 50%;
  margin-top: 0;
  transform: translate(-50%, -60%);
  opacity: 0;
  transition: all 0.5s ease-in-out;
  z-index: 9;
}
.team.s2 .team-box .image .list-social li a {
  background: #fff;
  transition: all 0.5s ease-in-out;
}
.team.s2 .team-box .image .list-social li a span::before {
  color: var(--primary-color);
  transition: all 0.3s ease-in-out;
}
.team.s2 .team-box .image .list-social li a:hover {
  background: linear-gradient(264.28deg, #5C27FE -38.2%, #5C27FE 103.12%);
}
.team.s2 .team-box .image .list-social li a:hover span::before {
  color: #fff;
}
.team.s2 .team-box:hover .list-social {
  position: absolute;
  opacity: 1;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1200px) {
  .team .swiper-button-next, .team .swiper-button-prev {
    display: none;
  }
}

.team-box .image {
  background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
  backdrop-filter: blur(4px);
  padding: 12px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
  border-radius: 0px;
  overflow: hidden;
  background:#000;
}
.team-box .image::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.13) 0px, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0));
  content: "";
  height: 200%;
  left: -210%;
  opacity: 0;
  position: absolute;
  top: -50%;
  transition: all 0.7s ease 0s;
  width: 200%;
}
.team-box .image img {
  width: 100%;
  height: 100%;
  border-radius: 0px;
  object-fit: cover;
}
.team-box .content {
  margin-top: 33px;
  text-align: center;
}
.team-box .content .name {
  letter-spacing: -1.5px;
  margin-bottom: 7px;
}
.team-box:hover .image::after {
  left: -30%;
  opacity: 1;
  top: -20%;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-property: left, top, opacity;
  transition-timing-function: linear;
}

.team-box a{
	color:#fff;
}

.team-box .list-social a{
	color:#000;
}



/*contact*/


.touch__main {
  background: #2c5a71;
  backdrop-filter: blur(2px);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  margin-top: 40px;
}
.touch__main .info {
  width: 34.3%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  padding: 43px 30px 0;
  position: relative;
}
.touch__main .info h5 {
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 20px;
  color:#fff;
  font-size:20px;
}
.touch__main .info h5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 1px;
  top: auto;
  bottom: 0;
  background: linear-gradient(264.28deg, #DEC7FF -38.2%, #6bbaf3 103.12%);
  border-radius: 1.2px;
  background:#fff;
}
.touch__main .info .list li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 13px;
}
.touch__main .info .list li svg {
  margin-right: 8px;
}
.touch__main .info .list li p {
  font-weight: 300;
  font-size: 16px;
}
.touch__main .info .image {
  margin-left: -30px;
}
@media only screen and (max-width: 1024px) {
  .touch__main {
    flex-wrap: wrap;
  }
  .touch__main .info {
    width: 100%;
  }
  .touch__main .form-box {
    width: 100%;
    padding: 60px 15px;
  }
}

.form-box {
  margin-top: 0;
  width: 65.7%;
  padding: 41px 42px;
  text-align: left;
}
.form-box .row {
  margin-bottom: 23px;
}
.form-box .col {
  padding-left: 10px;
  padding-right: 10px;
}
.form-box label {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 7px;
}
.form-box input.form-control, .form-box select, .form-box textarea {
  background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) 0.03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
  backdrop-filter: blur(2px);
  border-radius: 6px;
  padding: 12px 15px;
  font-weight: 300;
  font-size: 14px;
  font-family: "Readex Pro";
  box-shadow: none;
  color: #fff;
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.form-box input.form-control:focus-visible, .form-box select:focus-visible, .form-box textarea:focus-visible {
  border-color: var(--primary-color);
}
.form-box select option {
  color: #070A29;
}
.form-box textarea {
  width: 100%;
  border-color: rgba(255, 255, 255, 0.1);
  outline: none;
  height: 160px;
}
.form-box textarea:focus-visible {
  border-color: var(--primary-color);
}
.form-box .action-btn {
  margin-top: -7px;
  width: auto;
}
.form-box .action-btn span {
  padding: 15px 24px;
}

section.touch {
  padding: 104px 0 98px;
}

.map__main iframe {
  width: 100%;
  border-radius: 16px;
  height: 545px;
}

.touch__main p{
	margin-bottom:0;
}

.touch__main i{
	margin-right:8px;
	color:#fff;
}
.touch__main ul{
	padding-left:0rem;
}



/*-------------------------------------
	10. Image effects 
-------------------------------------*/
.wt-img-effect {position: relative;	overflow: hidden;	display: block;}
.wt-img-effect img {display: block;	margin: 0;	width: 100%;	height: auto;	box-shadow: 0 0 0 rgba(0,0,0,0);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	transition: all 0.25s;
	-moz-transition: all 0.25s;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
}

/*===========================
36. Overlay Box 2
===========================*/
.overlay-bx-2{
	position: absolute;
	left: 0;
	bottom:0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color:#000;
	opacity:0;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.overlay-bx-2:hover{	opacity:0.6;	bottom:0px;cursor:pointer}

.overlay-bx-3{
	position: absolute;
	left: 0;
	bottom:0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color:#000;
	opacity:0;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.overlay-bx-3:hover{	opacity:0.6;	bottom:0px;}

/*===========================
37. line-amiation-block
===========================*/
.line-amiation{	position:relative;	width:100%;	height:100%;}
.line-amiation:after,
.line-amiation:before{
	content:"";
	position:absolute;	
    background-color:#fff;
	left:20px;
	top:20px;
	-webkit-transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
	-ms-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
	transition: all 0.7s linear;
	opacity:0;
}
.line-amiation:after{width:0%;	height:1px;}
.line-amiation:before{width:1px;	height:0px;}
.line-amiation:hover:after{width:100%;	opacity:1;	left:-20px;}
.line-amiation:hover:before{height:100%;	top:-20px;	opacity:1;}

.line-amiation a.v-button{
	color:#fff;
	border-left:2px solid;
	display:block;
	position:absolute;
	bottom:90px;
	right:-40px;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

@media only screen and (max-width:420px) {	
	.line-amiation a.v-button{bottom:70px;}	
}

.p-a40 {
  padding: 40px;
}

.p-l20 {
  padding-left: 20px;
}

.letter-spacing-4 {
  letter-spacing: 4px;
}

.letter-spacing-2 {
  letter-spacing: 2px;
}
.letter-spacing-1 {
  letter-spacing: 1px;
}
.font-12 {
  font-size: 12px;
  line-height: 18px;
}

.font-16 {
  font-size: 16px;
  line-height: 20px;
}

.font-20 {
  font-size: 20px;
  line-height: 22px;
}

.portfolio-wrap h2{
	 font-size: 20px;
  line-height: 26px;
}

.portfolio-wrap h2 a:hover{
	 text-decoration:none;
	 color:#333 !important;
}

.project-item {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-radius:8px;
}

.item-shadow {
  position: relative;
}

.item-shadow::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%);
}

 .project-title {
  position: absolute;
  left:1.6rem;
  bottom: 4.5rem;
  color: #fff;
margin: 0;
font-weight: 400;
font-size: 1rem;
line-height: 1.4;
letter-spacing: 0;
z-index:99;
max-width:60%;
}

 .project-title2 {
  position: absolute;
  left:1.6rem;
  bottom: 2rem;
  color: #fff;
margin: 0;
font-weight: 400;
font-size: 1rem;
line-height: 1.4;
letter-spacing: 0;
z-index:99;
max-width:60%;
}


.wt-img-effect:hover .project-title{	z-index:-99;}

.wt-img-effect:hover .project-title2{	z-index:-99;}

a.link-arrow {
  display: inline-block;
  color: #000;
  line-height: 1 !important;
  font-weight: 400;
  font-size:14px;
}

a.link-arrow {
  position: absolute;
  z-index: 2;
  color: #fff;
  left: 1.6rem;
  bottom: 2.3rem;

}
a.link-arrow i {
	margin-left:5px;
	margin-top:1px;
}

a.link-arrow:hover {
	text-decoration:none;
	color:#ccc;
}

.m-b30 {
	margin-bottom:30px;
}

.p-b30 {
	padding-bottom:30px;
}

.m-tb70 {
  margin-bottom: 70px;
  margin-top: 70px;
}

.m-tb90 {
  margin-bottom: 90px;
  margin-top: 90px;
}

/* 1.45 filter buttons css */
.masonry-filter { display:table;	margin-bottom:0;}
.masonry-filter > li {display: inline-block;	margin-right:30px;	position:relative;}

.masonry-filter > li a {color: #000;    font-size: 14px;	font-weight:500;    }

.masonry-filter > li.active a,
.masonry-filter > li a:hover,
.masonry-filter > li a:active,
.masonry-filter > li a:focus {color: #a0a0a0;text-decoration:none;}

@media only screen and (max-width: 600px) {
.masonry-filter > li {	margin-bottom:10px;}
.masonry-filter > li a{font-size:14px !important;}
}	
/* 1.45(1) Masonry filter alignment [Left-Right-Center] */
.filter-wrap.right > .masonry-filter {	float:right;}
@media only screen and (max-width:991px) {
.filter-wrap.right > .masonry-filter {	float:none;}
}
.filter-wrap.center > .masonry-filter {margin-left:auto;	margin-right:auto;}
/* 1.45(2) Masonry filter link style */
.masonry-filter.link-style > li a {font-size:15px;}
.masonry-filter.link-style > li:after {	content:"/";	position:relative;	right:-18px;	opacity:0.3;}
.masonry-filter.link-style.white > li:after {	color:#fff;}
.masonry-filter.link-style > li:last-child:after {	display:none;}
.masonry-filter.link-style.white > li.active a,
.masonry-filter.link-style.white > li a:hover,
.masonry-filter.link-style.white > li a:active,
.masonry-filter.link-style.white > li a:focus {color: #f7c20a;}
.masonry-filter.has-bg > li a {	color: #fff;}
.masonry-filter.link-style.has-bg > li.active a,
.masonry-filter.link-style.has-bg > li:hover a,
.masonry-filter.link-style.has-bg > li:active a,
.masonry-filter.link-style.has-bg > li:focus a {	color: #FFBC13;}



@media only screen and (max-width:768px){
.masonry-item{width:100%;}	
}

.breadcrumb > li {
  font-size: 1em;
  text-transform: none;
}


/*-- Pagination Buttons --*/
.pt1_btn-indent{ padding:5px 0; overflow:hidden;}
.pt1_btn-indent2{ padding:5px 0 5px 400px; overflow:hidden;}
.pt1_btn{
	display:inline-block;
   border: 1px solid #DDD;
   border-radius: 3px;
   text-shadow: 0 1px 1px white;
   box-shadow:0 1px 1px #fff;
   font: bold 11px Sans-Serif;
   padding: 8px 10px;
   white-space: nowrap;
   vertical-align: middle;
   color: #666;
   background: transparent;
   cursor: pointer;
   border-color: #ddd;
   background-color:#E0E0E0;
   background: -webkit-linear-gradient(top, white, #E0E0E0);
   background:    -moz-linear-gradient(top, white, #E0E0E0);
   background:     -ms-linear-gradient(top, white, #E0E0E0);
   background:      -o-linear-gradient(top, white, #E0E0E0);
   background:      linear-gradient(top, white, #E0E0E0);
   -pie-background:      linear-gradient(top, white, #E0E0E0);
   box-shadow:         0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;}  

.pt1_btn:hover{ box-shadow:inset 0 0 3px #fff;border-color: #999; text-decoration:none;}
.pt1_btn:active{
   border: 1px solid #AAA;
   border-bottom-color: #CCC;
   border-top-color: #999;
   box-shadow:inset 0 1px 2px #aaa;
   background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
   background:    -moz-linear-gradient(top, #E6E6E6, gainsboro);
   background:     -ms-linear-gradient(top, #E6E6E6, gainsboro);
   background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
   background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
  -pie-background:     linear-gradient(top, #E6E6E6, gainsboro);}
.pt1_pages{position:relative; overflow:hidden; text-align:center;clear:both;}
.pt1_pages li{ float:left;list-style:none !important;background:none !important;padding:0px !important;margin:0px !important;}
.pt1_pages li .pt1_btn.pt1_prev_page,.pt1_pages li .pt1_btn.pt1_next_page{ padding:6px;}
.pt1_pages li.pt1_current a{
	border: 1px solid #AAA;
	border-bottom-color: #CCC;
	border-top-color: #999;
	box-shadow:inset 0 1px 2px #aaa;
	background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
	background:    -moz-linear-gradient(top, #E6E6E6, gainsboro);
	background:     -ms-linear-gradient(top, #E6E6E6, gainsboro);
	background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
	-pie-background:      linear-gradient(top, #E6E6E6, gainsboro);}
.pt1_btn.pt1_page{ box-shadow:none; border-radius:0;}
/* directions */
.pt1_btn.pt1_prev_page,.pt1_btn.pt1_next_page{ box-shadow:none;}
.pt1_btn.pt1_prev_page{ border-radius:3px 0 0 3px; padding-left:5px;}
.pt1_btn.pt1_next_page{ border-radius:0 3px 3px 0; padding-right:5px;}
.pt1_btn span{ width:16px; height:15px;}
/*
.btn.prev_page span{ display:inline-block; background: url(../images/icons/icon-previous.png) 0 0 no-repeat;margin:0 0px 0 0;}
.btn.next_page span{ display:inline-block; background: url(../images/icons/icon-next.png) 0 0 no-repeat;margin:0 0 0 0px}
*/
/*-- /End of Pagination Buttons --*/

.card-body {

  padding: 1rem;

}



#pt-team.page-header{
	margin-bottom:0;
}

/*pt137-services-bs3*/
.pt137-services-bs3 {
	width:100%;
	float: left;
	background:#fff;
	margin-bottom:20px;
	position: relative;
}
.pt137-services-bs3 figure{
	width:100%;
	float: left;
	position:relative;
	overflow: hidden;
	margin-bottom:0;
}
.pt-img-zoom3{
  position: relative;
  overflow: hidden;
  border-radius:6px;
}

.pt-img-zoom3 a img{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pt-img-zoom3:hover a img{
  -webkit-transform: scale(1.1) rotate(3deg);
  -moz-transform: scale(1.1) rotate(3deg);
  -ms-transform: scale(1.1) rotate(3deg);
  -o-transform: scale(1.1) rotate(3deg);
  transform: scale(1.1) rotate(3deg);
}

.pt137-services-bs3 figcaption{
	width:100%;
	padding:20px 20px 10px 20px;
	left:0;
	bottom:0;
	color:#FFF;
	position:absolute;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 99%, rgba(0,0,0,0.65) 100%, rgba(0,0,0,0.65) 101%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,0.64)), color-stop(100%,rgba(0,0,0,0.65)), color-stop(101%,rgba(0,0,0,0.65)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%,rgba(0,0,0,0.65) 101%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%,rgba(0,0,0,0.65) 101%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%,rgba(0,0,0,0.65) 101%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 99%,rgba(0,0,0,0.65) 100%,rgba(0,0,0,0.65) 101%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.pt137-services-bs3 figcaption h3 a{
	color:#FFF;
}
.pt137-services-bs3 figcaption ul{
	width:100%;
	float:left;
	margin: 0;
	height: 0px;
	overflow: hidden;
	-webkit-transition: height .4s ease-in-out;
	-moz-transition: height .4s ease-in-out;
	-ms-transition: height .4s ease-in-out;
	-o-transition: height .4s ease-in-out;
	transition: height .4s ease-in-out;
}
.pt137-services-bs3:hover figcaption ul{
	height: 26px;
}

.pt137-services-bs3 figcaption ul li{
	float:left;
	position:relative;
	font-size:14px;
	margin-left:20px;
}
.pt137-services-bs3 figcaption ul li:first-child{
	margin-left:0px;
}
.pt137-services-bs3 figcaption ul li i{
	margin-right: 10px;
}
/*eof*/

.post-medium {

	padding:35px 15px;
	
	border: 2px solid #eee;
    border-radius: 12px;
    overflow: hidden;
    /*min-height: 580px;*/

	position:relative;
}

@media (max-width: 992px){
	
	.post-medium {

    min-height: 380px;

	}
}
.minheight-580 {
		min-height:580px;
}
.post-content h3 {
/*font-family: 'Playfair Display',sans-serif;	*/
margin-bottom:20px;
font-size:1.1rem;
}

.post-content h3 a{
color:#000;

}

.post-content h3 a:hover{
text-decoration:none;
color:#000;

}

.post-meta {
	position:absolute;
	bottom:0px;
	left:15x;
}

.post-content h1::after {
  content: " ";
  display: block;
  background-color: #000;
  height: 3px;
  width: 60px;
  margin: 5px 0 10px;
}

.post-content p, .post-content ul li {
	font-size:14px;
}

/*
.wt-img-effect img{
cursor: pointer;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
filter: gray; 
-webkit-filter: grayscale(100%); 
}

.wt-img-effect img:hover{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}
*/


.readmore {
  position: relative;
  max-height: 400px;
  overflow: hidden;
  width:100&;
  border: solid 0px blue;
  padding: 10px;
  margin-bottom: 20px;

  transition:max-height 0.15s ease-out;

}

.readmore.expand{
  max-height: 5000px !important;
  transition:max-height 0.35s ease-in-out;
}

.readmore-link{
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width:100%;
  height: 60px;
  text-align: center;
  color: blue;
  font-weight:normal;
  font-size:16px;
  padding-top:40px;
  background-image: linear-gradient(to bottom, transparent, white);
  cursor: pointer;
}

.readmore-link.expand {
  position: relative;
  background-image: none;
  padding-top:10px;
  height:20px;
}

.readmore-link:after {
  content:"Read more";
}
.readmore-link.expand:after{
  content:"Read less";
}



.owl-carousel-light {
		z-index: initial !important;
}

.owl-carousel-light .owl-stage {
		background: #F5F6FB;
}

.owl-carousel.custom-nav-1 .owl-nav .owl-prev, .owl-carousel.custom-nav-1 .owl-nav .owl-next {
		width: 50px;
		height: 50px;
		background: #eee !important;
}

.owl-carousel.custom-nav-1 .owl-nav .owl-prev:before, .owl-carousel.custom-nav-1 .owl-nav .owl-next:before {
		color: #3E3E3E;
		left: 0 !important;
		top: 1px !important;
		font-size: 16px !important;
}

.owl-carousel.custom-nav-1-pos-1 .owl-nav {
		z-index: 5;
		top: 100%;
		transform: none !important;
}

.owl-carousel.custom-nav-1-pos-1 .owl-nav .owl-prev {
		transform: none !important;
		left: auto;
		top: -62px;
		right: 63px;
}

.owl-carousel.custom-nav-1-pos-1 .owl-nav .owl-next {
		transform: none !important;
		top: -62px;
		right: 12px;
}

.owl-carousel.custom-nav-1-pos-2 .owl-nav .owl-prev {
		margin-left: -25px;
}

.owl-carousel.custom-nav-1-pos-3 .owl-nav {
		margin-top: -45px;
}

.owl-carousel.custom-nav-1-pos-3 .owl-nav .owl-prev {
		margin-left: -25px;
}

.owl-carousel.custom-nav-1-pos-3 .owl-nav .owl-next {
		margin-right: -25px;
}

@media (max-width: 1199px) {
		.owl-carousel.custom-nav-1-pos-4 .owl-nav {
				bottom: 33px;
				top: auto;
		}
}

.pt21-wrapper {
	background:rgba(0,0,0,.7);
	padding:40px;
}

#pt21-slider a.btn-primary  {
	background:#fff !important;
	color:#000 !important;
	border-radius:0 !important;
}

#about2 {
	margin-top:120px;
	margin-bottom:120px;
	padding: 60px 0;
}

#about2.bg-color-grey {
	border-radius:16px;
	background:#eee;
}

.margin-top-80{
	margin-top:80px;
}

#home a.btn-primary {
	font-family:"Montserrat",arial, sans-serif;
    background: rgba(0,0,0,0.6) !important;
    color: #fff !important;
    border-radius: 0 !important;
	border:0px solid #fff;
	padding:14px 40px !important;
	font-weight:normal;
	letter-spacing:2px;
}

#home a.btn-primary:hover {

    background: rgba(255,255,255,1) !important;
    color: #000 !important;
}

.action-btn4 {
	font-family:"Montserrat",arial, sans-serif;
	color:#fff;
	background:#d66e4a;
	border:1px solid #d66e4a;
	border-radius: 35px;
display: inline-block;
font-family: "Poppins",sans-serif;
font-size: 13px;
font-weight: 300;

letter-spacing: 1px;


padding: 8px 20px;
text-align: center;
/*text-transform: uppercase;*/
transition: all .2s ease;
}



a.action-btn4:focus {
	color:#fff;
}

a.action-btn4:active {
	color:#fff;
}

a.action-btn4:hover {
	background:#fff;
	color:#d66e4a;
	text-decoration:none !important;
	border:1px solid #fff;
}


.alert-warning {
	    background: #facaae;
    color: #000;
}


.btn-half {
    cursor: pointer;
    background-color: #000;
    z-index: 0;
    display: inline-block;
    position: relative;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.btn-half.bba-orange{
	background-color: #c7906f;
	background-color: #d66e4a;
	
}

.button-lg {
    padding: 20px 35px;
    font-size: 22px;
}

.button-xs {
    padding: 13px 25px;
    font-size: 16px;
}

.btn-half.button-xs span {
    padding-right: 0px !important;
	transform: scaleX(1) !important;
    transform-origin: cent
}


.btn-half{cursor: pointer;  background-color: #d66e4a;  background-color: #000;z-index: 0;  display:inline-block;  position:relative;}
  
.btn-half span {color: #fff;  display: block;  padding-left: 0%; 
padding-right: 25px;  text-transform: uppercase; 
font-size:13px; letter-spacing:5px; transform: scaleX(0.9);  transform-origin: center left;  transition: color 0.3s ease;
  position: relative;  z-index: 1;}
  
.btn-half em {  position: absolute;  height: 1px;  background: #fff;  width: 22%;  right: 23px;  top: 50%;  transform: scaleX(0.25);  transform-origin: center right;  transition: all 0.3s ease;  z-index: 1;}

.btn-half:before,
.btn-half:after {  content: '';  background-color:rgba(255,255,255,0.2);  height: 50%;  width: 0;  position: absolute;  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}

.btn-half:before {  top: 0;  left: 0;  right: auto;}
.btn-half:after {  bottom: 0;  right: 0;  left: auto;}

.btn-half.site-button:hover{ background-color: #000; }
.btn-half:hover:before {  width: 100%;  right: 0;  left: auto;}
.btn-half:hover:after {  width: 100%;  left: 0;  right: auto;}

.btn-half:hover span {  color: #fff;}
.btn-half:hover em {  background: #fff;  transform: scaleX(1);}

.btn-half:hover em {
    background: #fff;
    transform: scaleX(1);
}



.wrapper{overflow:hidden;position:relative;}
/* hovers */
.view {width: 100%;height: 100%;margin:0  0 15px 0;position: relative;text-align: center;cursor: default;background: #fff;overflow:hidden;border-radius:10px;}
.view .mask, .view .content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0}
.view img {display: block;position: relative;}
.view h2 {/*text-transform: uppercase;*/color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;background: rgba(0, 0, 0, 0.8);margin: 20px 0 0 0}
.view p {font-family: Georgia, serif;font-style: italic;font-size: 12px;position: relative;color: #fff;padding: 10px 20px 20px;text-align: center}
.view a.btn {display: inline-block;font-weight:400;text-decoration: none;padding: 7px 14px;background: #000;color: #fff;/*text-transform: uppercase;*/box-shadow: 0 0 1px #000; border:none; border-radius:0; text-shadow:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.view a.btn:hover { background:#fff; color:#000;}
/* first hover */
.view_first img {-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.view_first .mask:not(.first-csrl) {opacity: 0;background-color: rgba(213,160,128, 0.7);-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}


.view_first .mask.first-csrl {opacity: 1;background-color: rgba(213,160,128, 0.7);-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

.view_first h2:not(.first-csrl) {opacity: 0;
   -moz-transform: translateY(-100px); -webkit-transform: translateY(-100px); -o-transform: translateY(-100px);transform: translateY(-100px);
   -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
   
   .view_first h2.first-csrl {opacity: 1;
   -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px);transform: translateY(0px);
   -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.view_first p:not(.first-csrl) {opacity: 0;
    -moz-transform: translateY(100px);-webkit-transform: translateY(100px);-o-transform: translateY(100px);transform: translateY(100px);
	-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
	
.view_first p.first-csrl {opacity: 1;
    -moz-transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);
	-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
	
.view_first a.btn:not(.first-csrl){opacity: 0;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.view_first a.btn.first-csrl{opacity: 1;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}


.view_first:hover img {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.view_first:hover .mask {opacity: 1;}
.view_first:hover h2,
.view_first:hover p,
.view_first:hover a.btn {opacity: 1;-moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px);transform: translateY(0px);}
.view_first:hover p {-moz-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s;}
.view_first:hover a.btn {-moz-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}

.view_first .mask img{width:160px !important; margin-top:30px;margin:0 auto;}

.view_first .mask img:not(.first-csrl) {opacity: 0;
   -moz-transform: translateY(100px); -webkit-transform: translateY(100px); -o-transform: translateY(100px);transform: translateY(100px);
   -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
   
   .view_first .mask img.first-csrl {opacity: 1;
   -moz-transform: translateY(50px); -webkit-transform: translateY(50px); -o-transform: translateY(50px);transform: translateY(50px);
   -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.view_first:hover .mask img {opacity: 1;-moz-transform: translateY(50px); -webkit-transform: translateY(50px); -o-transform: translateY(50px);transform: translateY(50px);}


.overflow-hidden {
  overflow: hidden !important;
}
.no-padding {
  padding: 0 !important;
}
.bg-black {
  background: #000000 !important;
}

.tattoo-art-bg {
  min-height: 710px;
}
.cover-background {
  position: relative;
  background-size: cover !important;
  overflow: hidden;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.no-padding-right {
  padding-right: 0 !important;
}
.padding-twenty {
  padding: 10.5% !important;
    padding-right: 10.5%;
}

.tattoo-art-title {
  border: 7px solid #d66e4a;
}
.padding-ten {
  padding: 5.5% !important;
}

.alt-font {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
}
.letter-spacing-2 {
  letter-spacing: 2px !important;
}
.white-text {
  color: #FFF !important;
}
.text-large {
  font-size: 15px !important;
  line-height: 22px !important;
}

.tattoo-art-box .title-extra {

  line-height: 50px !important;
}
.display-block {
  display: block !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-margin-lr {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.margin-two {
  margin: 1.5% !important;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
    margin-left: 1.5%;
}

.padding-nineteen {
  padding: 10% !important;
}

.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-lr {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.margin-fifteen {
  margin: 8% !important;
    margin-top: 8%;
    margin-right: 8%;
    margin-left: 8%;
}

#footer { 
background: #212529;
margin-top:0px;
color:#777;
}

#footer p { 
color:#777;
}

.page-header.page-header-modern.page-header-background.page-header-background-sm {
    padding: 120px 0 40px;
}

@media (min-width: 1340px) {
		.highlight-gidbreak__content-title h2 {
  font-size: 44px;
  line-height: 54px !important;
}
}

.link {
  letter-spacing: .2px;
  color: #3d4a48;
  border-bottom: 1px solid #0c1f1e33;
  padding-bottom: 4px;
  font-family: LatoRegular,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s linear;
}

a.link:hover, a.link:focus, a.link:active {
  color: #141414 !important;
  border-color: #061514 !important;
}

#all_projects{
	background:#212529;padding-bottom:60px; padding-top:100px;border-top:1px solid #33343c;
	
	/*background-image: url('../img/projects_bg.png');
  background-repeat: repeat-x;
  background-position: bottom;*/
	
}

.portfolio-desc p, .portfolio-desc ul {
	font-size:0.9rem;
	color:rgba(0,0,0,0.6);
	
}

#header .header-btn-collapse-nav {
    background: #d66e4a;
	background: #000;
	border-radius:0 !important;
}
.page-header.page-header-modern.page-header-background {
	background-position: center;
}

.breadcrumb.breadcrumb-light a {
  opacity: .6;
}

.breadcrumb.breadcrumb-light a:hover {
  opacity: 1;
}

.page-header.cont-project2{

  margin: 0 0 0px 0 !important;

}

@media (max-width: 991px) {
  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
    background: #000;
    border-radius: 0;
  }
}

@media (max-width: 991px) {
  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus, #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {
    background: #191919;
  }
}



/*
* Contact Form
*/
.custom-form-style-1 .form-control {
		border: 0;
		padding: 19.2px;
		padding: 1.2rem;
		box-shadow: none !important;
		height: auto;
}


/*
* Card
*/
.custom-card-style-2 {
		box-shadow: 0px 0px 35px -5px rgba(0, 0, 0, 0.1);
		border-left: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
		border-right: 1px solid #e8e8e8;
		margin-top: 16px;
		margin-top: 1rem;
}

.custom-card-style-2 h3, .custom-card-style-2 h4 {
		letter-spacing: inherit;
		font-weight: 600;
}

.custom-card-style-2 hr {
		background: rgba(0, 0, 0, 0.15) !important;
}

.custom-card-style-2:before {
		content: "";
		display: block;
		top: 0;
		left: 0;
		height: 3px;
		width: 100%;
}

.custom-card-style-2.card-contact-us {
		margin-top: 6.4px !important;
		margin-top: 0.4rem !important;
}

.custom-card-style-3 {
		border: 1px solid #ccc;
}

.custom-card-style-3 h4 {
		letter-spacing: inherit;
		font-weight: 600;
}

.custom-card-style-3:hover {
		cursor: pointer;
		box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.1);
}


.form-control.bg-color-tertiary {
  color: #777;
  border-color: #f4f4f4;
}

.custom-form-style-1 .form-control {
  border: 0;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
  padding: 19.2px;
  padding: 1.2rem;
  box-shadow: none !important;
  height: auto;
}

a.rh-cat-title {
  color: #666;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: .07em;
  margin: 18px 0 0;
  overflow: hidden;
}

.rh-title {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5em;
  margin: 5px 0 10px;
  max-height: 4.5em;
  overflow: hidden;
  letter-spacing: -.5px;
  margin: 0;
    margin-top: 0px;
  margin-top: -10px;
}

.rh-title a {
  color: #202020;
}

.rh-desc {
  color: #666;
  display: block;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: .02em;
  line-height: 1.8;
  margin: 10px 0 18px;
  max-height: 5.4em;
  overflow: hidden;
}


.our-work .isotope-item {
    position: static!important;
    transition: .3s opacity
}

.our-work .custom-our-work img {
    min-height: 280px
}

.our-work .custom-our-work .custom-our-work-text {
    position: relative
}

.our-work .custom-our-work .custom-our-work-text h4,.our-work .custom-our-work .custom-our-work-text p,.our-work .custom-our-work .custom-our-work-text span {
    position: relative;
    left: 0
}

.our-work .custom-our-work .custom-our-work-text h4 {
    transition: .2s left
}

.our-work .custom-our-work .custom-our-work-text p {
    transition: .5s left
}

.our-work .custom-our-work .custom-our-work-text span {
    transition: .9s left
}

.our-work .custom-our-work:hover:before {
    opacity: .8!important
}

.our-work .custom-our-work:hover .custom-our-work-text h4,.our-work .custom-our-work:hover .custom-our-work-text p,.our-work .custom-our-work:hover .custom-our-work-text span {
    left: 20px
}

.side-menu-our-work .sort-source li a:before {
    content: '';
    width: 15px;
    height: 3px;
    background-color: #C4D3A6;
    display: inline-block;
    margin-right: 16px;
    vertical-align: middle;
    transition: .5s width
}

.side-menu-our-work .sort-source li a:hover:before {
    width: 30px
}

.side-menu-our-work .sort-source li.active a {
    color: #C4D3A6 !important
}

.side-menu-our-work .sort-source.sort-source-light li.active a {
    color: #000!important;
    font-weight: 700!important
}

.side-menu-our-work .text-color-quaternary {
	color:#fff !important;
}


.side-menu-our-work .text-color-hover-light:hover, .side-menu-our-work .text-hover-light:hover {
  color: #C4D3A6 !important;
}
 
.side-menu-our-work
.custom-btn-with-arrow-primary:after {
    color: #000 !important;
}
.custom-btn-with-arrow:after {
    content: '\E800';
    font-family: fontello;
    font-size: 18px;
    margin-left: 17px;
}



a.buttonx {
    color: black;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.125em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 2px solid black;
    padding: 0 40px 15px 40px;
    inline-display: inline-block;
    zoom: 1;
    position: relative;
}

a.buttonx:after, a.buttonx:before {
    content: "";
    width: 2px;
    height: 10px;
    background: black;
    position: absolute;
    bottom: 0;
}

a.buttonx:before {
    left: 0;
}

a.buttonx:after {
    right: 0;
}

.text-color-grey2 {
	
	color:#63656A;
}

.title {
    color: #63656A;
    width: 80%;
    height: auto;
    border-bottom: 2px solid #63656A;
    margin: 0 0 60px 0;
    padding: 0 0 10px 0;
}




.bg-gray {
	background:#f5f5f5;
}

.bg-white {
	background:#fff;
}

#pt-news {
	position:relative;
	margin-top:-100px;
	z-index:5;
	padding:50px 0;
	margin-bottom:120px;
	border-radius:12px;
}

#pt-news-cont {
	border:1px solid #f5f5f5;
	padding:20px 30px 50px;
}

.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-bottom-50 {
	margin-bottom:50px;
}
.margin-bottom-100 {
	margin-bottom:100px;
}

.margin-bottom-150 {
	margin-bottom:150px;
}


.about-us-featured-block {
  position:absolute;
  z-index:1;
  top:-50%;
  transform:translate(-70px,-50%)
}
@media(max-width:1199px) {
  .about-us-featured-block {
    position:static;
    transform:translate(0)
  }
}

.custom-text-1 {
  font-size:12px!important
}
.custom-text-2 {
  font-size:14px!important
}
.custom-text-3 {
  font-size:15px!important
}
.custom-text-4 {
  font-size:16px!important
}
.custom-text-5 {
  font-size:18px!important
}
.custom-text-6 {
  font-size:20px!important
}
.custom-text-7 {
  font-size:22px!important;
  line-height: 32px;
}
.custom-text-8 {
  font-size:26px!important
}
.custom-text-9 {
  font-size:32px!important
}
.custom-text-10 {
  font-size:40px!important;
  line-height:40px!important
}
.custom-text-11 {
  font-size:55px!important;
  line-height:72px!important
}
.custom-text-12 {
  font-size:60px!important
}
.custom-btn-outline {
  border-width:3px
}



@media (max-width: 991px) {
	
	.px-5 {
		
		padding-left:15px !important;
		padding-right:15px !important;
	}
	
	.custom-text-11 {
  font-size: 35px !important;
  line-height: 55px !important;
}
}

.calendar-title {
	
	border-bottom:1px solid rgba(34,34,34,.3)
}

.calendar-title:hover{
	
	border-bottom:1px solid rgba(34,34,34,.2)
}

.post-medium.calendar {
	border:0px solid #eee;
	border-bottom:1px solid #eee;
  border-radius:0px;
	
}

.post-medium.calendar .post-image {
position:relative;
	
}

.cal-date {
  display: table;
  position: absolute;
  top: 10px;
  right: 10px;
  height: auto;
  min-height: 70px;
  width: 60px;
  margin:
0;
  padding:
0;
  background:
#fff;
  color: #333;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  box-sizing: border-box;
}

.cal-date-inner {
  display: table-cell;
  vertical-align: middle;
  margin:
0;
  padding:
6px;
  color: inherit;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
}

.cal-date-month {
  font-size: 14px;
  margin-top: 6px;
  margin:
3px 0;
    margin-top: 3px;
  line-height: 1em;
  text-transform: uppercase;
  white-space:
nowrap;
}

.cal-date-day {
  font-size: 26px;
  margin:
3px 0;
  line-height: 1em;
  text-transform: uppercase;
  white-space:
nowrap;
}

.cal-date-status {
  display: none;
  position: absolute;
  top: 0px;
  left: 35px;
  width: 1px;
  height: 70px;
  background:
#000;
  -webkit-transform:
rotate(45deg);
  -moz-transform:
rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cal-date-time {
  border-top:
1px solid #ddd;
  margin:
6px 0 0 0;
  padding-top: 6px;
  font-size: 11px;
  line-height: 1em;
  text-transform: uppercase;
  white-space:
nowrap;
}