.no-padding{ padding:0 !important}
.no-padding-lr{ padding-left: 0 !important; padding-right: 0 !important}
.no-padding-tb{ padding-top: 0 !important; padding-bottom: 0 !important}
.no-padding-top{ padding-top:0 !important}
.no-padding-bottom{ padding-bottom:0 !important}
.no-padding-left{ padding-left:0 !important}
.no-padding-right{ padding-right:0 !important}

/* ===================================
    Architecture demo
====================================== */

.architecture-title {min-height: 580px;}
.architecture-title-number { letter-spacing: -5px; line-height: 74px !important; margin: 0; padding: 0; right: -7px; top:16%}
.architecture-section{padding: 110px 90px 0}
.architecture-section h2 {margin-top: 30px;}
.architecture-bio:hover .architecture-details {opacity: 1; bottom: 50px}
.architecture-details {position: absolute; opacity: 0; bottom: -250px; transition: all 400ms ease-out 0s; width: 60%; left: 0; right: 0; background: rgba(227,29,59,.9) }
.architecture-bio:hover .architecture-img img {transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;  -webkit-filter: grayscale(1); filter: grayscale(1);}
.architecture-img img {transition: all 400ms ease-out 0s; position: relative; bottom: 0}

/* ===================================
    Background image
====================================== */

.parallax-fix{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; background-attachment: fixed !important }
.fix-background{ position: relative;  background-size: cover !important; -webkit-animation-duration: 0s;  -webkit-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important}
.cover-background{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center !important; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit !important}
.background-attachment-inherit {background-attachment: inherit !important}
.background-position-left {background-position: left center !important;}
.background-position-right {background-position: right center !important;}
.background-position-top {background-position: right top !important;}


/* different text size */
.text-extra-small { font-size:10px !important; line-height:15px!important;}
.text-small { font-size:11px !important; line-height:20px!important; display: inline-block !important}
.text-medium{ font-size:14px !important; line-height:24px !important;}
.text-large { font-size: 15px !important; line-height: 22px !important; }
.text-extra-large { font-size: 18px !important; line-height: 27px !important;  }
.title-small{ font-size:20px !important; line-height:30px !important;}
.title-medium{ font-size:24px !important; line-height:36px !important;}
.title-large{ font-size:28px !important; line-height:34px !important;}
.title-extra-large{ font-size:35px !important; line-height:37px !important;}
.title-extra-large-2{ font-size:45px !important; line-height:45px !important;}
.title-extra-large-3{ font-size:50px !important; line-height:50px !important;}
.title-extra-large-4{ font-size:70px !important; line-height:70px !important;}
.title-extra-large-5{ font-size:80px !important; line-height:50px !important;}
.title-big { font-size: 100px !important; line-height:100px !important;}
.title-big2 { font-size: 125px !important; line-height:125px !important;}
.title-big3 { font-size: 150px !important; line-height:150px !important;}

/* font family */
.alt-font {font-family: 'Montserrat', sans-serif !important;}
.main-font {font-family: 'Roboto', sans-serif !important;}

/* font weight */
.font-weight-100 { font-weight:100 !important}
.font-weight-400 { font-weight:400 !important}
.font-weight-600 { font-weight:600 !important}
.font-weight-700 { font-weight:700 !important}
.font-weight-800 { font-weight:800 !important}

.bg-crimson-red {
  background: #e31d3b !important;
}

/* different text size */
.text-extra-small { font-size:10px !important; line-height:15px!important;}
.text-small { font-size:11px !important; line-height:20px!important; display: inline-block !important}
.text-medium{ font-size:14px !important; line-height:24px !important;}
.text-large { font-size: 15px !important; line-height: 22px !important; }
.text-extra-large { font-size: 18px !important; line-height: 27px !important;  }
.title-small{ font-size:20px !important; line-height:30px !important;}
.title-medium{ font-size:24px !important; line-height:28px !important;}
.title-large{ font-size:28px !important; line-height:34px !important;}
.title-extra-large{ font-size:35px !important; line-height:37px !important;}
.title-extra-large-2{ font-size:45px !important; line-height:45px !important;}
.title-extra-large-3{ font-size:50px !important; line-height:50px !important;}
.title-extra-large-4{ font-size:70px !important; line-height:70px !important;}
.title-extra-large-5{ font-size:80px !important; line-height:50px !important;}
.title-big { font-size: 100px !important; line-height:100px !important;}
.title-big2 { font-size: 125px !important; line-height:125px !important;}
.title-big3 { font-size: 150px !important; line-height:150px !important;}

/* ===================================
    Quote
====================================== */

/* quote - style 1 */
.quote-style1:before { content: "“"; display: block; position: absolute; font-size: 200px; left: 0; top: 64px; color: #ef106e}
.quote-style1 {padding-left: 70px; display: block}

/* quote - style 2 */
.quote-style2:before { content: "“"; display: block; position: absolute; font-size: 200px; left: -5px; top: 64px; color: #fff}
.quote-style2 {display: block; padding-top: 95px;}


/* text color */
.white-text{ color:#FFF !important}
.magenta-text{ color:#d94378 !important}
.orange-text{ color:#ff513b !important}
.deep-orange-text{ color:#d66e4a !important}
.deep-red-text{ color:#e75e50 !important}
.black-text{ color:#000 !important}
.yellow-text{ color:#fdd947 !important}
.fast-yellow-text{ color:#fdd947 !important}
.deep-red-text{ color:#b30000 !important}
.medium-gray-text{ color: #929292 !important}
.light-gray-text{ color: #ababab !important}
.light-gray-text2{ color: #c5c5c5 !important}
.deep-gray-text { color: #404040 !important; }
.deep-light-gray-text { color: #878787 !important; }
.gray-text {  color:#626262 !important}
.dark-gray-text { color:#373737 !important}
.brown-text {color: #614c45 !important}
.deep-yellow-text {color: #c8a64b !important}
.dark-blue-text {color: #1e2126 !important}
.fast-pink-text { color:#ff1a56 !important}
.fast-pink-text-dark { color:#ef106e !important}
.transparent-blue-text{ color: rgba(0,239,255,.5) !important}
.transparent-green-text{ color: rgba(0,255,151,.5) !important}
.fast-green-text{ color: #85eea5 !important}
.crimson-red-text { color: #e31d3b !important}
.deep-green-text { color: #1acd7b !important; }
.deep-green-dark2-text{color: #6ad5a7 !important;}
.deep-blue-text { color: #2283d4 !important; }
.turquoise-blue-text {color: #85d4c0 !important;}
.deep-pink-dark-text { color:#e15276 !important}
a.light-gray-text:hover { color: #7f7f7f !important}

.owl-carousel .owl-nav button.owl-prev:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 8px;
    font-size: 0.5rem;
    content: "\f053";
    position: relative;
    left: -1px;
    top: -1px;
}

.owl-carousel .owl-nav button.owl-next:before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 8px;
    font-size: 0.5rem;
    content: "\f054";
    position: relative;
    left: 1px;
    top: -1px;
}

.porto-big-title {
    letter-spacing: -2px;
	
}

.small-margin {
  margin-bottom: 6em;
  position:relative;
  
}

.text-wrapper {
  margin: auto 25px 0 0;
  padding: 10px;

}

.short-hr-center::after {
  border-top: 1px solid;
    border-top-color: currentcolor;
  border-color: #d66e4a;
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  margin: 13px auto 0 auto;
}

.border-box {
  position: absolute;
  background: none;
  border: 1px solid #d66e4a;
  width: 85%;
  height: 105%;
  top: -2.5%;
  right: 15px;
  z-index: 5;
}

.zindex-9 {
	position:relative;
	 z-index: 9 !important;
}

.text-wrapper.flipped {
  margin: auto 0 0 25px;
}

.border-box.flipped {
  top: -2.5%;
  left: 15px;
}


@media (max-width: 991px) {
	.border-box {

  width: 91%;
   height: 95%;
   top: 5.5%;

}

.border-box.flipped {
  top: 5.5%;
  left: 15px;
}

.px-5{
	padding: 0 !important;;
}
}