1172 lines
21 KiB
CSS
1172 lines
21 KiB
CSS
/*
|
|
* RTL
|
|
*/
|
|
/*
|
|
* CUSTOM ANIMATIONS
|
|
*/
|
|
@keyframes customFadeInLeft {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(-100%, -50%, 0) rotate(45deg);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translate3d(0, -50%, 0) rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.customFadeInLeft {
|
|
animation-name: customFadeInLeft;
|
|
}
|
|
|
|
@keyframes customFadeInLeftNoRotate {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(-100%, -50%, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translate3d(0, -50%, 0);
|
|
}
|
|
}
|
|
|
|
.customFadeInLeftNoRotate {
|
|
animation-name: customFadeInLeftNoRotate;
|
|
}
|
|
|
|
@keyframes customFadeInRight {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(100%, -50%, 0) rotate(45deg);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translate3d(0, -50%, 0) rotate(45deg);
|
|
}
|
|
}
|
|
|
|
.customFadeInRight {
|
|
animation-name: customFadeInRight;
|
|
}
|
|
|
|
@keyframes customFadeInRightNoRotate {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate3d(100%, -50%, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translate3d(0, -50%, 0);
|
|
}
|
|
}
|
|
|
|
.customFadeInRightNoRotate {
|
|
animation-name: customFadeInRightNoRotate;
|
|
}
|
|
|
|
/*
|
|
* GENERAL DEMO CONFIG
|
|
*/
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-family: "Playfair Display", serif;
|
|
}
|
|
|
|
body {
|
|
font-family: "Sintony", sans-serif;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.9em;
|
|
margin: 0 0 17px 0;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
p {
|
|
color: #50545F;
|
|
}
|
|
|
|
.img-thumbnail {
|
|
transform: translate(0, 0);
|
|
}
|
|
|
|
/*
|
|
* CUSTOM DEMO CLASSES
|
|
*/
|
|
.custom-box-shadow {
|
|
box-shadow: 0px 0px 60px -10px rgba(139, 139, 139, 0.5);
|
|
}
|
|
|
|
.custom-box-shadow-2 {
|
|
box-shadow: 0px 0px 20px -2px rgba(139, 139, 139, 0.3);
|
|
}
|
|
|
|
.custom-border-1 {
|
|
border: 8px solid #FFF;
|
|
}
|
|
|
|
.custom-overflow-hidden {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.custom-primary-font {
|
|
font-family: "Sintony", sans-serif !important;
|
|
}
|
|
|
|
.custom-secondary-font {
|
|
font-family: "Playfair Display", serif !important;
|
|
}
|
|
|
|
.custom-font-italic {
|
|
font-style: italic !important;
|
|
}
|
|
|
|
.custom-btn-style-1 {
|
|
padding: 12px 25px !important;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.custom-text-color-1 {
|
|
color: #544b40 !important;
|
|
}
|
|
|
|
.custom-text-color-2 {
|
|
color: #beb7b9 !important;
|
|
}
|
|
|
|
.custom-text-color-default {
|
|
color: #777 !important;
|
|
}
|
|
|
|
.custom-hr-color-1 {
|
|
background: #3f3035 !important;
|
|
}
|
|
|
|
.custom-position-relative {
|
|
position: relative;
|
|
}
|
|
|
|
.custom-img-fluid-center {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.custom-section-padding-1 {
|
|
padding: 70px 0 160px !important;
|
|
}
|
|
|
|
.custom-section-padding-2 {
|
|
padding: 110px 0 !important;
|
|
}
|
|
|
|
.custom-section-padding-3 {
|
|
padding: 60px 0 180px !important;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.custom-section-padding-3 {
|
|
padding: 60px 0 120px !important;
|
|
}
|
|
}
|
|
|
|
.custom-section-padding-4 {
|
|
padding: 78px 0 !important;
|
|
}
|
|
|
|
.custom-margin-1 {
|
|
margin-left: 95px;
|
|
}
|
|
|
|
.custom-negative-margin-1 {
|
|
margin: -90px 0 60px !important;
|
|
}
|
|
|
|
.custom-negative-margin-2 {
|
|
margin-top: -180px !important;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.custom-negative-margin-2 {
|
|
margin-top: -90px !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.custom-md-margin-bottom-1 {
|
|
margin-bottom: 30px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.custom-sm-margin-bottom-1 {
|
|
margin-bottom: 30px !important;
|
|
}
|
|
.custom-sm-margin-bottom-2 {
|
|
margin-bottom: 25px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.custom-xs-margin-bottom-1 {
|
|
margin-bottom: 30px !important;
|
|
}
|
|
.custom-xs-ml-0 {
|
|
margin-left: 0 !important;
|
|
}
|
|
.custom-xs-ml-1 {
|
|
margin-left: 60px !important;
|
|
}
|
|
.custom-xs-padding-1 {
|
|
padding-top: 0 !important;
|
|
padding-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
.custom-icon-size-1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.custom-line-height-1 {
|
|
line-height: 1.7 !important;
|
|
}
|
|
|
|
.custom-left-cloud {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.custom-right-cloud {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.custom-cloud {
|
|
position: absolute;
|
|
top: 50%;
|
|
width: auto;
|
|
height: 80%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.custom-cloud.left-pos {
|
|
left: 0;
|
|
}
|
|
|
|
.custom-cloud.left-pos-2 {
|
|
left: 90px;
|
|
top: 58%;
|
|
}
|
|
|
|
.custom-cloud.right-pos {
|
|
right: 0;
|
|
}
|
|
|
|
.custom-small-square {
|
|
position: absolute;
|
|
width: 192px;
|
|
height: 192px;
|
|
top: 50%;
|
|
border: 10px solid #FFF;
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
transform: translateY(-50%) rotate(45deg);
|
|
}
|
|
|
|
.custom-small-square.left-pos {
|
|
left: 3vw;
|
|
top: 45%;
|
|
}
|
|
|
|
.custom-small-square.left-pos-2 {
|
|
left: 250px;
|
|
}
|
|
|
|
.custom-small-square.right-pos {
|
|
right: 3vw;
|
|
top: 66%;
|
|
}
|
|
|
|
.custom-big-square {
|
|
position: absolute;
|
|
width: 312px;
|
|
height: 312px;
|
|
top: 43%;
|
|
border: 10px solid #FFF;
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
transform: translateY(-50%) rotate(45deg);
|
|
}
|
|
|
|
.custom-big-square.left-pos {
|
|
left: -150px;
|
|
}
|
|
|
|
.custom-big-square.left-pos-2 {
|
|
left: 35px;
|
|
}
|
|
|
|
.custom-big-square.right-pos {
|
|
right: -150px;
|
|
}
|
|
|
|
.custom-box-squares {
|
|
position: relative;
|
|
min-height: 300px;
|
|
margin-top: 38px;
|
|
}
|
|
|
|
.custom-box-squares .custom-cloud {
|
|
height: 100%;
|
|
}
|
|
|
|
.custom-box-squares .custom-big-square {
|
|
width: 250px;
|
|
height: 250px;
|
|
}
|
|
|
|
.custom-box-squares .custom-small-square {
|
|
width: 155px;
|
|
height: 155px;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.custom-cloud {
|
|
height: 40%;
|
|
}
|
|
.custom-small-square {
|
|
width: 102px;
|
|
height: 102px;
|
|
border: 5px solid #FFF;
|
|
}
|
|
.custom-small-square.left-pos {
|
|
left: 4vw;
|
|
}
|
|
.custom-small-square.right-pos {
|
|
right: 4vw;
|
|
top: 54%;
|
|
}
|
|
.custom-big-square {
|
|
width: 232px;
|
|
height: 232px;
|
|
border: 5px solid #FFF;
|
|
}
|
|
}
|
|
|
|
.custom-social-icons li {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.custom-social-icons li a {
|
|
background: transparent;
|
|
font-size: 17px;
|
|
color: #FFF !important;
|
|
}
|
|
|
|
.custom-social-icons li:hover a {
|
|
background: transparent !important;
|
|
color: #da7940 !important;
|
|
}
|
|
|
|
.custom-social-icons-2 li, .custom-social-icons-big li {
|
|
box-shadow: none !important;
|
|
border: 1px solid #9D9D9D;
|
|
}
|
|
|
|
.custom-social-icons-2 li a, .custom-social-icons-big li a {
|
|
line-height: 34px;
|
|
background: transparent;
|
|
color: #9D9D9D !important;
|
|
}
|
|
|
|
.custom-social-icons-2 li:hover, .custom-social-icons-big li:hover {
|
|
border-color: #da7940;
|
|
}
|
|
|
|
.custom-social-icons-2 li:hover a, .custom-social-icons-big li:hover a {
|
|
background: transparent !important;
|
|
color: #da7940 !important;
|
|
}
|
|
|
|
.custom-social-icons-big {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.custom-social-icons-big li {
|
|
border-width: 2px;
|
|
margin: 0;
|
|
}
|
|
|
|
.custom-social-icons-big li:nth-child(2) {
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.custom-social-icons-big li a {
|
|
position: relative;
|
|
width: 60px;
|
|
height: 60px;
|
|
font-size: 23px;
|
|
line-height: 65px;
|
|
background: transparent !important;
|
|
}
|
|
|
|
.custom-social-icons-big li .custom-icon-title {
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: -24px;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
letter-spacing: -1px;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.custom-social-icons-3 li {
|
|
box-shadow: none;
|
|
border: 2px solid #8C8C8C;
|
|
}
|
|
|
|
.custom-social-icons-3 li a {
|
|
color: #8C8C8C !important;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
#header .header-nav-main nav > ul > li > a {
|
|
padding: 0.6rem 1.5rem;
|
|
}
|
|
}
|
|
|
|
#header .header-nav-features:before {
|
|
background: rgba(0, 0, 0, 0.23);
|
|
}
|
|
|
|
.custom-carousel-arrows-style-1 .owl-nav .owl-next,
|
|
.custom-carousel-arrows-style-1 .owl-nav .owl-prev {
|
|
width: 45px !important;
|
|
height: 80px !important;
|
|
background: rgba(16, 16, 25, 0.5);
|
|
}
|
|
|
|
.custom-carousel-arrows-style-1 .owl-nav .owl-next:hover,
|
|
.custom-carousel-arrows-style-1 .owl-nav .owl-prev:hover {
|
|
background: #101019;
|
|
}
|
|
|
|
.custom-carousel-arrows-style-1 .owl-nav .owl-next:before,
|
|
.custom-carousel-arrows-style-1 .owl-nav .owl-prev:before {
|
|
content: '' !important;
|
|
position: absolute !important;
|
|
top: 50% !important;
|
|
left: 70% !important;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-top: 1px solid #FFF;
|
|
border-left: 1px solid #FFF;
|
|
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
|
|
}
|
|
|
|
.custom-carousel-arrows-style-1 .owl-nav .owl-next {
|
|
transform: rotate(180deg) !important;
|
|
transform-origin: 50% 25%;
|
|
}
|
|
|
|
.tp-leftarrow.custom-arrows-style-1, .tp-rightarrow.custom-arrows-style-1 {
|
|
width: 45px;
|
|
height: 80px;
|
|
background: rgba(16, 16, 25, 0.5);
|
|
}
|
|
|
|
.tp-leftarrow.custom-arrows-style-1:hover, .tp-rightarrow.custom-arrows-style-1:hover {
|
|
background: #101019;
|
|
}
|
|
|
|
.tp-leftarrow.custom-arrows-style-1:before, .tp-rightarrow.custom-arrows-style-1:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 70%;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-top: 1px solid #FFF;
|
|
border-left: 1px solid #FFF;
|
|
transform: translate3d(-50%, -50%, 0) rotate(-45deg);
|
|
}
|
|
|
|
.tp-rightarrow.custom-arrows-style-1 {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.owl-carousel.custom-arrows-style-1 .owl-nav button.owl-prev, .owl-carousel.custom-arrows-style-1 .owl-nav button.owl-next {
|
|
position: absolute;
|
|
width: 55px;
|
|
background: transparent !important;
|
|
transition: ease all 300ms;
|
|
}
|
|
|
|
.owl-carousel.custom-arrows-style-1 .owl-nav button.owl-prev:before, .owl-carousel.custom-arrows-style-1 .owl-nav button.owl-next:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: -2px;
|
|
left: auto;
|
|
width: 100%;
|
|
border-top: 1px solid #da7940;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.owl-carousel.custom-arrows-style-1 .owl-nav button.owl-prev:after, .owl-carousel.custom-arrows-style-1 .owl-nav button.owl-next:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
width: 25px;
|
|
height: 25px;
|
|
border-top: 1px solid #da7940;
|
|
border-right: 1px solid #da7940;
|
|
transform: translateY(-50%) rotate(45deg);
|
|
}
|
|
|
|
.owl-carousel.custom-arrows-style-1 .owl-nav button.owl-prev {
|
|
left: 10px;
|
|
transform: rotate(-180deg);
|
|
}
|
|
|
|
.owl-carousel.custom-arrows-style-1 .owl-nav button.owl-next {
|
|
right: 10px;
|
|
}
|
|
|
|
.owl-carousel.custom-arrows-style-2 .owl-nav button[class*="owl-"] {
|
|
width: 32px;
|
|
height: 55px;
|
|
background: #101019;
|
|
}
|
|
|
|
.owl-carousel.custom-arrows-style-2 .owl-nav button[class*="owl-"]:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 70%;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-top: 1px solid #FFF;
|
|
border-left: 1px solid #FFF;
|
|
transform: translate(-50%, -50%) rotate(-45deg);
|
|
}
|
|
|
|
.owl-carousel.custom-arrows-style-2 .owl-nav button[class*="owl-"]:hover, .owl-carousel.custom-arrows-style-2 .owl-nav button[class*="owl-"]:active, .owl-carousel.custom-arrows-style-2 .owl-nav button[class*="owl-"]:focus, .owl-carousel.custom-arrows-style-2 .owl-nav button[class*="owl-"]:active:hover, .owl-carousel.custom-arrows-style-2 .owl-nav button[class*="owl-"]:active:focus {
|
|
background: #101019;
|
|
}
|
|
|
|
.owl-carousel.custom-arrows-style-2 .owl-nav button.owl-next {
|
|
right: -4px;
|
|
transform-origin: 50% 25%;
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.owl-carousel.custom-arrows-style-2 .owl-nav button.owl-prev {
|
|
left: -4px;
|
|
}
|
|
|
|
.owl-carousel.custom-nav-inside-center .owl-dots {
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: 10px;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
.owl-carousel.custom-sm-nav-bottom .owl-nav {
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-top: 0;
|
|
width: 45%;
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 320px) {
|
|
.owl-carousel.custom-sm-nav-bottom .owl-nav {
|
|
width: 57%;
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Newcomers Class
|
|
*/
|
|
.custom-newcomers-class {
|
|
position: relative;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
background-color: #FFF;
|
|
padding: 0 30px;
|
|
font-size: 1.2em;
|
|
min-width: 445px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.custom-newcomers-class:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px;
|
|
bottom: 5px;
|
|
left: 5px;
|
|
border: 1px solid #efece8;
|
|
}
|
|
|
|
.custom-newcomers-class > span {
|
|
position: relative;
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
padding: 25px 12px;
|
|
font-family: "Playfair Display", serif;
|
|
line-height: 1.1;
|
|
}
|
|
|
|
.custom-newcomers-class > span:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
height: calc(100% - 10px);
|
|
border-right: 1px solid #efece8;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.custom-newcomers-class > span:last-child {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.custom-newcomers-class > span:last-child:after {
|
|
content: none;
|
|
}
|
|
|
|
.custom-newcomers-class > span > span {
|
|
font-size: 1.2em;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
.custom-newcomers-class.clock-one-events > span:last-child {
|
|
padding-right: 12px;
|
|
}
|
|
|
|
.custom-newcomers-class.custom-newcomers-pos-2 {
|
|
position: absolute;
|
|
top: -31px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.custom-newcomers-class.custom-newcomers-pos-2 {
|
|
top: -30px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.custom-newcomers-class {
|
|
font-size: 1em;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.custom-newcomers-class {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.custom-newcomers-class > span {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575px) {
|
|
.custom-newcomers-class {
|
|
padding: 25px 10px 15px 10px;
|
|
font-size: 1em;
|
|
flex-direction: column;
|
|
min-width: 100%;
|
|
}
|
|
.custom-newcomers-class > span {
|
|
justify-content: center;
|
|
margin-bottom: 0 !important;
|
|
padding: 15px 12px;
|
|
}
|
|
.custom-newcomers-class > span:after {
|
|
content: none;
|
|
}
|
|
.custom-newcomers-class > span:last-child {
|
|
padding-right: 12px;
|
|
}
|
|
.custom-newcomers-class.custom-newcomers-pos-2 {
|
|
min-width: 93%;
|
|
}
|
|
.custom-newcomers-class.custom-newcomers-pos-2 + img {
|
|
margin-top: 240px;
|
|
}
|
|
}
|
|
|
|
/*
|
|
* About Us
|
|
*/
|
|
.custom-thumb-info-3 {
|
|
border: none;
|
|
padding: 15px;
|
|
}
|
|
|
|
.custom-thumb-info-3 .thumb-info-wrapper {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.custom-thumb-info-3 .thumb-info-wrapper:after {
|
|
content: none;
|
|
}
|
|
|
|
.custom-thumb-info-3 .thumb-info-caption {
|
|
display: block;
|
|
padding: 0;
|
|
}
|
|
|
|
.custom-thumb-info-3 .thumb-info-caption .thumb-info-caption-text {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.custom-thumb-info-3 .thumb-info-caption .thumb-info-caption-text p {
|
|
font-size: 1em;
|
|
padding: 0;
|
|
}
|
|
|
|
.custom-location {
|
|
padding-left: 60px;
|
|
}
|
|
|
|
.custom-location > img {
|
|
position: absolute;
|
|
left: 30px;
|
|
top: 7px;
|
|
}
|
|
|
|
.custom-phone {
|
|
display: block;
|
|
}
|
|
|
|
.custom-form-style-1 .form-control {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.custom-form-style-1 .form-control.custom-xs-mb {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
|
|
.custom-thumb-carousel {
|
|
padding: 8px;
|
|
}
|
|
|
|
.custom-thumb-carousel:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
.custom-thumb-carousel .img-thumbnail {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.custom-thumb-carousel .img-thumbnail.img-thumbnail-hover-icon:before {
|
|
background: rgba(16, 16, 25, 0.65);
|
|
}
|
|
|
|
.custom-thumb-carousel .img-thumbnail.img-thumbnail-hover-icon:after {
|
|
content: "\e090";
|
|
font-family: simple-line-icons;
|
|
}
|
|
|
|
/*
|
|
* Event
|
|
*/
|
|
.custom-thumb-info {
|
|
border: none;
|
|
overflow: visible;
|
|
}
|
|
|
|
.custom-thumb-info .thumb-info-wrapper {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.custom-thumb-info .thumb-info-wrapper:after {
|
|
content: none;
|
|
}
|
|
|
|
.custom-thumb-info .thumb-info-caption {
|
|
display: block;
|
|
padding: 20px 40px;
|
|
}
|
|
|
|
.custom-thumb-info .thumb-info-caption .custom-thumb-info-wrapper-box {
|
|
float: left;
|
|
width: 100%;
|
|
margin: -57px 0 15px 0;
|
|
}
|
|
|
|
.custom-thumb-info .thumb-info-caption .custom-event-infos, .custom-thumb-info .thumb-info-caption .thumb-info-catption-text {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.custom-thumb-info .thumb-info-caption .thumb-info-caption-text, .custom-thumb-info .thumb-info-caption p {
|
|
padding: 0;
|
|
font-size: 1em;
|
|
line-height: 2;
|
|
}
|
|
|
|
.custom-thumb-info .thumb-info-caption p {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.custom-event-infos ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.custom-event-infos ul li {
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin-left: 15px;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.custom-event-infos ul li:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.custom-event-infos ul li i {
|
|
font-size: 1.2em;
|
|
color: #1f222b;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.custom-post-event {
|
|
position: relative;
|
|
}
|
|
|
|
.custom-post-event .post-event-date {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
padding: 15px 20px;
|
|
}
|
|
|
|
.custom-post-event .post-event-date span {
|
|
display: block;
|
|
}
|
|
|
|
.custom-post-event .post-event-date span.day {
|
|
font-size: 1.9em;
|
|
}
|
|
|
|
.custom-post-event .post-event-date span.year {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.custom-post-event .post-event-date.custom-xlg-space {
|
|
top: 30px;
|
|
left: 30px;
|
|
}
|
|
|
|
.custom-post-event .post-event-content p {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
/*
|
|
* Testimonial
|
|
*/
|
|
.custom-testimonial-style .testimonial-quote {
|
|
display: inline-block;
|
|
padding: 20px;
|
|
border-radius: 100%;
|
|
line-height: 1;
|
|
margin: 5px 0 20px;
|
|
box-shadow: 0px 5px 20px 5px rgba(207, 207, 207, 0.9);
|
|
}
|
|
|
|
.custom-testimonial-style blockquote p {
|
|
font-family: "Sintony", sans-serif;
|
|
font-style: normal;
|
|
font-size: 1em;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.custom-testimonial-style .testimonial-author strong {
|
|
display: inline-block;
|
|
}
|
|
|
|
.custom-testimonial-style .testimonial-author span {
|
|
display: inline-block;
|
|
font-size: 1em;
|
|
}
|
|
|
|
/*
|
|
* Gallery
|
|
*/
|
|
.custom-thumb-info-4 {
|
|
border: none;
|
|
padding-bottom: 30px;
|
|
overflow: visible;
|
|
}
|
|
|
|
.custom-thumb-info-4:hover .thumb-info-wrapper:before {
|
|
background: rgba(0, 0, 0, 0.55);
|
|
}
|
|
|
|
.custom-thumb-info-4:hover .thumb-info-wrapper:after {
|
|
top: 50%;
|
|
opacity: 1;
|
|
}
|
|
|
|
.custom-thumb-info-4 a {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.custom-thumb-info-4 .thumb-info-wrapper:before {
|
|
transition: background 0.2s;
|
|
background: rgba(0, 0, 0, 0);
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 2;
|
|
}
|
|
|
|
.custom-thumb-info-4 .thumb-info-wrapper:after {
|
|
transition: top 0.2s, opacity 0.2s;
|
|
background: transparent;
|
|
color: #FFF;
|
|
content: "\e090";
|
|
font-family: simple-line-icons;
|
|
font-size: 30px;
|
|
height: 30px;
|
|
position: absolute;
|
|
top: 30%;
|
|
margin-top: -15px;
|
|
display: block;
|
|
text-align: center;
|
|
width: 100%;
|
|
opacity: 0;
|
|
z-index: 3;
|
|
}
|
|
|
|
.custom-thumb-info-4 .thumb-info-wrapper.active {
|
|
box-shadow: 0px 0px 60px -3px #8b8b8b;
|
|
}
|
|
|
|
.custom-thumb-info-4 .thumb-info-caption {
|
|
position: relative;
|
|
display: block;
|
|
width: 80%;
|
|
margin: -37px auto 0;
|
|
padding: 15px;
|
|
background: #FFF;
|
|
z-index: 1;
|
|
}
|
|
|
|
.custom-thumb-info-4 .thumb-info-caption .thumb-info-caption-text {
|
|
padding: 0;
|
|
}
|
|
|
|
.custom-thumb-info-4 .thumb-info-caption h2 {
|
|
margin: 0;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
/*
|
|
* Blog
|
|
*/
|
|
.custom-thumb-info-2 {
|
|
background: transparent;
|
|
border: none;
|
|
overflow: visible;
|
|
}
|
|
|
|
.custom-thumb-info-2 .thumb-info-wrapper:after {
|
|
content: none;
|
|
}
|
|
|
|
.custom-thumb-info-2 .thumb-info-caption {
|
|
position: relative;
|
|
display: block;
|
|
width: 80%;
|
|
margin: -80px auto 0;
|
|
background: #FFF;
|
|
padding: 30px 30px 20px 30px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.custom-thumb-info-2 .thumb-info-caption .thumb-info-caption-text, .custom-thumb-info-2 .thumb-info-caption p {
|
|
padding: 0;
|
|
font-size: 1em;
|
|
line-height: 2;
|
|
}
|
|
|
|
.custom-thumb-info-2 .thumb-info-caption p {
|
|
font-size: 0.9em;
|
|
margin-bottom: 45px;
|
|
}
|
|
|
|
.custom-thumb-info-post-infos ul {
|
|
position: relative;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.custom-thumb-info-post-infos ul:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: -20px;
|
|
left: 50%;
|
|
width: calc(100% + 60px);
|
|
border-top: 1px solid #efece8;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.custom-thumb-info-post-infos ul:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
.custom-thumb-info-post-infos ul li {
|
|
float: left;
|
|
list-style: none;
|
|
width: 50%;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.custom-thumb-info-post-infos ul li i {
|
|
display: inline-block;
|
|
font-size: 1em;
|
|
color: #1f222b;
|
|
font-weight: bold;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.custom-thumb-info-post-infos.custom-blog-info ul:before {
|
|
content: none;
|
|
}
|
|
|
|
.custom-thumb-info-post-infos.custom-blog-info ul li {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.custom-thumb-info-post-infos ul li {
|
|
font-size: 0.8em;
|
|
}
|
|
}
|
|
|
|
.custom-thumb-style-1 {
|
|
border: none;
|
|
}
|
|
|
|
.custom-thumb-style-1 img {
|
|
border-radius: 100% !important;
|
|
border: 5px solid #FFF;
|
|
box-shadow: 0px 0px 0px 2px #E0E0E0;
|
|
}
|
|
|
|
ul.custom-comments-style li {
|
|
border-top: 1px solid #DDE5E7;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
ul.custom-comments-style li {
|
|
padding: 35px 0 0 115px;
|
|
}
|
|
}
|
|
|
|
ul.custom-comments-style > li:first-child {
|
|
border-top: 0;
|
|
}
|
|
|
|
ul.custom-comments-style .comment-block {
|
|
background: none;
|
|
padding: 5px 0 20px;
|
|
}
|
|
|
|
.custom-form-style-1 .form-group {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.custom-form-style-1 .form-group .form-control {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
/*
|
|
* Map
|
|
*/
|
|
.custom-view-our-location {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: #36252b;
|
|
width: 100%;
|
|
height: 96px;
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
transition: ease all 300ms;
|
|
}
|
|
|
|
.custom-view-our-location:hover {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.custom-view-our-location > a {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 1.6em;
|
|
text-decoration: none;
|
|
padding-top: 35px;
|
|
}
|
|
|
|
.custom-view-our-location > img {
|
|
position: absolute;
|
|
top: -60px;
|
|
left: 50%;
|
|
width: 420px;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
#googlemaps {
|
|
height: 96px;
|
|
}
|
|
|
|
/*
|
|
* Footer
|
|
*/
|
|
#footer.custom-footer {
|
|
border-top: none;
|
|
}
|
|
|
|
#footer.custom-footer .container .row > div {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#footer.custom-footer p {
|
|
margin: 0;
|
|
line-height: 1.6;
|
|
}
|