@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&family=Poiret+One&display=swap");

.section-bg1{
background:#F2F4F8
}
body{
font-family:"Jost",sans-serif;
font-weight:normal;
font-style:normal;
font-size:16px
}
h1,h2,h3,h4,h5,h6{
font-family:"Poiret One",cursive;
color:#0A0A0A;
margin-top:0px;
font-style:normal;
font-weight:500;
text-transform:normal;
}
p{
font-family:"Jost",sans-serif;
color:#656565;
font-size:16px;
margin-bottom:15px;
font-weight:normal;
line-height:1.4
}
.logo {
z-index: 10000;
padding-bottom: 4px;
font-size: 24px;
}

.fix{
overflow:hidden
}
.clear{
clear:both
}
.mb-5{
margin-bottom:5px
}
.mb-20{
margin-bottom:20px
}
.mb-25{
margin-bottom:25px
}
.mb-30{
margin-bottom:30px
}
.mb-50{
margin-bottom:50px
}
.mb-60{
margin-bottom:60px
}
.mb-100{
margin-bottom:100px
}
.pt-20{
padding-top:20px
}
.mt-10{
margin-top:10px
}
.mt-30{
margin-top:30px
}
.mt-40{
margin-top:40px
}
.mt-50{
margin-top:50px
}
a,.button{
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s
}
a:focus,.button:focus{
text-decoration:none;
outline:none
}
a{
color:#635c5c;
text-decoration:none
}
a:hover{
color:#fff
}
a:focus,a:hover{
text-decoration:none
}
a,button{
color:#fff;
outline:medium none
}
button:focus,input:focus,input:focus,textarea,textarea:focus{
outline:0
}
input:focus::-moz-placeholder{
opacity:0;
-webkit-transition:.4s;
-o-transition:.4s;
transition:.4s
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
color:inherit
}
ul{
margin:0px;
padding:0px
}
li{
list-style:none;
}

.fa-download{
color: #002AB0;
    font-size: 22px;
}

#select-item{
color: #B3B3B3;
font-weight:normal;
}
#select-itemsub{
color: #930012;
}

hr{
border-bottom:1px solid #000;
border-top:0 none;
margin:30px 0;
padding:0
}
.sticky-bar{
left:0;
margin:auto;
position:fixed;
top:0;
width:100%;
-webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);
box-shadow:0 10px 15px rgba(25,25,25,0.1);
z-index:9999;
-webkit-animation:300ms ease-in-out 0s normal none 1 running fadeInDown;
animation:300ms ease-in-out 0s normal none 1 running fadeInDown;
}


/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 5px;
  bottom: -15px;
  z-index: 99999;
  background-color: #000;
  width: 44px;
  height: 44px;
  border-radius: 15px;
  transition: all 0.4s;
}

.scroll-top:hover {
  background-color: #930012;
}

.scroll-top i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
  bottom: 15px;
}

@media (max-width: 575px){
#scroll-top{
display: none;
right: -100px;
}
.logo {
padding-bottom: 0px;
font-size: 24px;
}
}


@media (max-width: 368px){
.titre {
display: none;
}
.mobile_menu{
top: 48px;
}
} 

.preloader{
background-color:#f7f7f7;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:999999;
-webkit-transition:.6s;
-o-transition:.6s;
transition:.6s;
margin:0 auto
}
@keyframes zoom{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:all .1s ease-out 0s;
-moz-transition:all .1s ease-out 0s;
-ms-transition:all .1s ease-out 0s;
-o-transition:all .1s ease-out 0s;
transition:all .1s ease-out 0s
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
-webkit-transition:all .1s ease-out 0s;
-moz-transition:all .1s ease-out 0s;
-ms-transition:all .1s ease-out 0s;
-o-transition:all .1s ease-out 0s;
transition:all .1s ease-out 0s
}

}
@-webkit-keyframes heartbeat{
to{
-webkit-transform:scale(1.03);
transform:scale(1.03)
}

}
@keyframes rotateme{
from{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}

}
@-webkit-keyframes rotateme{
from{
-webkit-transform:rotate(0deg)
}
to{
-webkit-transform:rotate(360deg)
}

}
.slick-initialized .slick-slide{
outline:0
}
.running{
animation:nudge 10s linear infinite alternate
}

@keyframes nudge{
0%,100%{
transform:translate(0, 0)
}
50% {
transform:translate(-100px, 0);
@media (max-width: 575px){
transform:translate(-50px, 0) !important
}
}
80% {
transform:translate(100px, 0);
@media (max-width: 575px){
transform:translate(50px, 0) !important
}
}
}

.nice-select{
line-height:30px;
border:1px solid #eaeaea;
height:50px;
width:100%;
color:#071112;
font-weight:500;
text-transform:capitalize;
padding-top:10px;
border-radius:25px
}
.nice-select::after{
border-bottom:2px solid #a3a3a3;
border-right:2px solid #a3a3a3;
height:7px;
right:41px;
width:7px
}
.nice-select .list{
width:100%;
border-radius:0
}
.nice-select.open .list{
width:100%;
border-radius:0
}
.nice-select .option{
color:#071112
}
.nice-select::placeholder{
color:#5E5E5E;
font-size:16px;
font-weight:400
}
.section-padding{
padding-top:100px;
padding-bottom:100px
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.section-padding{
padding-top:80px;
padding-bottom:100px
}
.mobile_menu{
top: 68px;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.section-padding{
padding-top:60px;
padding-bottom:70px
}
.mobile_menu{
top: 68px;
}
}

@media (max-width: 575px){
.section-padding{
padding-top:40px;
padding-bottom:70px
}
.mobile_menu{
top: 68px;
}
}

.footer-padding{
padding-top:99px;
padding-bottom:0
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.footer-padding{
padding-top:80px;
padding-bottom:20px
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.footer-padding{
padding-top:80px;
padding-bottom:20px
}
}

@media (max-width: 575px){
.footer-padding{
padding-top:80px;
padding-bottom:0px
}
}

.section-tittle{
position:relative
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.section-tittle{
margin-bottom:50px
}
}

@media (max-width: 575px){
.section-tittle{
margin-bottom:50px
}
}

.section-tittle p{
color:#656565;
font-size:18px;
font-weight:300;
line-height:1.5
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.section-tittle p br{
display:none
}
}

@media (max-width: 575px){
.section-tittle p br{
display:none
}

}
.section-tittle p a{
text-decoration:underline
}
.section-tittle span{
color:#8F8F8F;
font-size:14px;
font-weight:400;
display:inline-block;
margin-bottom:14px
}

@media (max-width: 575px){
.section-tittle span{
font-size:14px;
padding-left:0px
}
}

.section-tittle h2{
font-family:"Poiret One",cursive;
font-size:50px;
display:block;
font-weight:300;
line-height:1.2;
margin-bottom:12px;
position:relative
}

@media only screen and (min-width: 1200px) and (max-width: 1400px){
.section-tittle h2{
font-size:40px
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.section-tittle h2{
font-size:30px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.section-tittle h2{
font-size:30px
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.section-tittle h2{
font-size:31px
}
}

@media (max-width: 575px){
.section-tittle h2{
font-size:24px
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.section-tittle h2 br{
display:none
}
}

@media (max-width: 575px){
.section-tittle h2 br{
display:none
}
}

.section-tittle.section-tittle2 h2{
font-size:38px
}
.btn{
background:#0A0A0A;
font-family:"Poiret One",cursive;
text-transform:inherit !important;
padding:22px 32px;
color:#fff !important;
cursor:pointer;
display:inline-block;
font-size:18px !important;
font-weight:400 !important;
border-radius:0px;
line-height:1;
line-height:0;
-moz-user-select:none;
transition:color 0.4s linear;
position:relative;
z-index:1;
border:0;
overflow:hidden
}
.btn::before{
content:"";
position:absolute;
left:0;
top:0;
width:102%;
height:102%;
background:#ec583a;
z-index:1;
border-radius:0px;
transition:transform 0.5s;
transition-timing-function:ease;
transform-origin:0 0;
transition-timing-function:cubic-bezier(0.5, 1.6, 0.4, 0.7);
transform:scaleX(0);
}
.btn i{
padding-right:11px
}
.btn:hover{
color:#fff !important
}
.btn:hover::before{
transform:scaleX(1);
z-index:-1
}
.border-btn{
border:1px solid #0A0A0A;
color:#0A0A0A;
background:none;
text-transform:normal;
padding:11px 39px !important;
-moz-user-select:none;
cursor:pointer;
display:inline-block;
font-size:14px;
font-weight:400;
letter-spacing:1px;
position:relative;
transition:color 0.4s linear;
overflow:hidden;
border-radius:0px;
z-index:1
}
.border-btn i{
font-size:16px;
margin-right:10px;
color:#0A0A0A;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s
}
.border-btn::before{
border:1px solid transparent;
content:"";
position:absolute;
left:0;
top:0;
width:101%;
height:101%;
background:#fff;
z-index:-1;
transition:transform 0.5s;
transition-timing-function:ease;
transform-origin:0 0;
transition-timing-function:cubic-bezier(0.5, 1.6, 0.4, 0.7);
transform:scaleY(0);
border-radius:0
}
.border-btn:hover{
color:#0A0A0A !important
}
.border-btn:hover::before{
transform:scaleY(1);
border:1px solid transparent
}
.submit-btn{
width:100%;
background:#0A0A0A;
font-family:"Poiret One",cursive;
text-transform:inherit !important;
padding:25px 43px;
color:#fff !important;
cursor:pointer;
display:inline-block;
font-size:20px !important;
font-weight:500 !important;
border-radius:35px;
line-height:1;
line-height:0;
-moz-user-select:none;
transition:color 0.4s linear;
position:relative;
z-index:1;
border:0;
overflow:hidden
}
.submit-btn::before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#0A0A0A;
z-index:1;
border-radius:5px;
transition:transform 0.5s;
transition-timing-function:ease;
transform-origin:0 0;
transition-timing-function:cubic-bezier(0.5, 1.6, 0.4, 0.7);
transform:scaleX(0);
}
.btn-success:hover{
background-color:#930012 !important;

}
.submit-btn:hover::before{
transform:scaleX(1);
z-index:-1
}

.submit-btn i{
font-size:20px;
margin-right:10px;
color:#fff;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s
}
.btn_1{
background:#2A2A2A;
border:1px solid #2A2A2A;
color:#fff !important;
font-size:18px;
font-weight:500;
display:inline-block;
padding:25px 34px;
text-transform:capitalize;
line-height:16px;
margin-top:32px;
border-radius:41px
}
.btn_1 img{
display:inline-block;
margin-left:8px;
-webkit-transition:all .4s ease-out 0s;
-moz-transition:all .4s ease-out 0s;
-ms-transition:all .4s ease-out 0s;
-o-transition:all .4s ease-out 0s;
transition:all .4s ease-out 0s
}
.btn_1 i{
-webkit-transition:all .4s ease-out 0s;
-moz-transition:all .4s ease-out 0s;
-ms-transition:all .4s ease-out 0s;
-o-transition:all .4s ease-out 0s;
transition:all .4s ease-out 0s;
color:#ffffff;
font-size:16px;
font-weight:500;
position:relative;
left:7px;
top:2px
}
.btn_1:hover{
background:none;
border:1px solid #2A2A2A;
color:#2A2A2A !important
}
.btn_1:hover img{
margin-left:9px
}
.btn_1:hover i{
left:10px;
color:#2A2A2A
}
.btn_01{
color:#0A0A0A !important;
border:1px solid #0A0A0A;
display:inline-block;
padding:14px 37px;
text-transform:uppercase;
font-size:14px;
font-weight:400;
background:none;
border-radius:0px
}
.btn_01 i{
color:#0A0A0A;
-webkit-transition:all .4s ease-out 0s;
-moz-transition:all .4s ease-out 0s;
-ms-transition:all .4s ease-out 0s;
-o-transition:all .4s ease-out 0s;
transition:all .4s ease-out 0s;
font-size:13px;
font-weight:500;
position:relative;
left:7px;
top:2px
}
.btn_01:hover{
background-color:#0A0A0A;
border:1px solid #0A0A0A;
color:#fff !important
}
.btn_01:hover i{
color:#fff
}
.btn.focus,.btn:focus{
outline:0;
box-shadow:none
}
.btn.focus,.btn:focus{
outline:0;
box-shadow:none
}
.more-btn{
color:#F1FBFF;
font-size:16px
}
.more-btn:hover{
letter-spacing:0.3px
}
.more-btn i{
-ms-transform:rotate(20deg);
transform:rotate(45deg);
display:inline-block;
line-height:1;
font-size:18px;
font-weight:700;
position:relative;
top:3px;
left:5px
}
.boxed-btn{
background:#0A0A0A;
color:#fff !important;
display:inline-block;
padding:18px 44px;
font-family:"Poiret One",cursive;
font-size:14px;
font-weight:800;
border:0;
border:1px solid #0A0A0A;
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
cursor:pointer;
}
.boxed-btn:hover{
background:#fff;
color:#0A0A0A !important;
border:1px solid #0A0A0A
}
.boxed-btn:focus{
outline:none
}
.boxed-btn2{
padding:4px 20px !important
}
.header-area .main-header{
padding:0px 8px;
border-bottom:1px solid rgba(255,255,255,0.3)
}

/* encadrement gallery.html */
.row .single-card{
padding:30px 0px;
border:1px solid #777777;
overflow:hidden !important;
position:relative;
background-color: rgba(204,204,204,0.2);
}

@media only screen and (min-width: 1200px) and (max-width: 1400px){
.header-area .main-header{
padding:0px 20px
}
}

@media (min-width: 1401px) and (max-width: 1600px){
.header-area .main-header{
padding:0px 30px
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.header-area .main-header{
padding:0px 20px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.header-area .main-header{
padding:17px 20px;
border-bottom:0px;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.header-area .main-header{
padding:17px 20px;
border:0px;
}
}

@media (max-width: 575px){
.header-area .main-header{
padding:17px 4px;
border:0px;
}

}
.header-area .main-header .main-menu ul>li{
display:inline-block;
position:relative;
z-index:1;
margin:0px 14px
}
.header-area .main-header .main-menu ul>li:last-child{
margin:0
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.header-area .main-header .main-menu ul>li{
margin:0px 12px
}
}

.header-area .main-header .main-menu ul>li a{
font-family:"Jost",sans-serif;
color:#fff;
font-weight:400;
padding:28px 7px;
display:block;
font-size:16px;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
text-transform:capitalize;
position:relative
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.header-area .main-header .main-menu ul>li a{
font-size:18px
}
}

.header-area .main-header .main-menu ul>li a::after{
content:"";
position:absolute;
width:0;
bottom:0px;
right:5px;
left:-5px;
height:2px;
z-index:1;
-webkit-transition:all .4s ease-out 0s;
-moz-transition:all .4s ease-out 0s;
-ms-transition:all .4s ease-out 0s;
-o-transition:all .4s ease-out 0s;
transition:all .4s ease-out 0s;
background:#fff
}
.header-area .main-header .main-menu ul>li:hover>a{
color:#fff
}
.header-area .main-header .main-menu ul>li:hover>a::after{
left:0;
right:auto;
width:100%;
-webkit-transition:all .4s ease-out 0s;
-moz-transition:all .4s ease-out 0s;
-ms-transition:all .4s ease-out 0s;
-o-transition:all .4s ease-out 0s;
transition:all .4s ease-out 0s
}
.header-area .main-header .main-menu ul ul.submenu{
position:absolute;
width:170px;
background:#fff;
left:0;
top:120%;
visibility:hidden;
opacity:0;
box-shadow:0 0 10px 3px rgba(0,0,0,0.05);
padding:17px 0;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s
}
.header-area .main-header .main-menu ul ul.submenu>li{
margin-left:7px;
display:block
}
.header-area .main-header .main-menu ul ul.submenu>li:last-child{
margin:0px 8px
}
.header-area .main-header .main-menu ul ul.submenu>li>a{
padding:6px 10px !important;
font-size:15px;
color:#0A0A0A;
font-weight:400;
text-transform:capitalize;
text-align:left
}
.header-area .main-header .main-menu ul ul.submenu>li>a::after{
position:unset
}
.header-area .main-header .main-menu ul ul.submenu>li>a:hover{
color:#0A0A0A;
background:none;
letter-spacing:0.2px
}
.header-area .main-header .main-menu ul>li:hover>ul.submenu{
visibility:visible;
opacity:1;
top:100%;
z-index:8
}
.header-area .main-header .header-info-right .header-social li{
display:inline-block
}
.header-area .main-header .header-info-right .header-social li a{
color:#fff;
font-size:16px;
padding-left:19px
}
.header-area .main-header .header-info-right .header-social li a i{
-webkit-transition:all .4s ease-out 0s;
-moz-transition:all .4s ease-out 0s;
-ms-transition:all .4s ease-out 0s;
-o-transition:all .4s ease-out 0s;
transition:all .4s ease-out 0s;
transform:rotateY(0deg);
-webkit-transform:rotateY(0deg);
-moz-transform:rotateY(0deg);
-ms-transform:rotateY(0deg);
-o-transform:rotateY(0deg)
}
.header-area .main-header .header-info-right .header-social li a:hover i{
color:#fff;
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-o-transform:rotateY(180deg)
}
.header-transparent{
position:absolute;
top:0;
right:0;
left:0;
z-index:9
}
.header-area .header-sticky.sticky-bar{
background:#0A0A0A;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.header-area .header-sticky.sticky-bar{
padding:15px 0px;
position:unset;
}
.logo {
z-index: 10000;
padding-bottom: 13px;
font-size: 24px;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.header-area .header-sticky.sticky-bar{
padding:15px 20px;
position:unset
}
.logo {
z-index: 10000;
padding-bottom: 13px;
font-size: 24px;
}
}

@media (max-width: 575px){
.header-area .header-sticky.sticky-bar{
padding:15px 0px;
position:unset
}
.logo {
z-index: 10000;
padding-bottom: 46px;
font-size: 18px;
}
}

.mobile_menu{
/* mofification de la postion fixe, ou en haut */
position:absolute;
right:0px;
width:100%;
z-index:99;
/* mofification de la postion du haut de page */
margin-top: -56px;
}

.slider-height{
height:700px;
background-repeat:no-repeat;
background-position:center center;
background-size:cover
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.slider-height{
height:600px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.slider-height{
height:500px;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.slider-height{
height:500px;
}
}

@media (max-width: 575px){
.slider-height{
height:200px;
}
}

.slider-height2{
height:400px;
background-repeat:no-repeat;
background-size:cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.slider-height2{
height:350px;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.slider-height2{
height:350px;
}
}

@media (max-width: 575px){
.slider-height2{
height:350px;
}
}


.slider-height3{
height:80px;
background-repeat:no-repeat;
background-size:cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.slider-height3{
height:40px;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.slider-height3{
height:40px;
}
}

@media (max-width: 575px){
.slider-height3{
height:40px;
}
}

.slider-bg1{
background-image:url(../img/anim/ford-granada-mk1-ghia1.jpg)
}
.slider-bg2{
background-image:url(../img/anim/Ford-Granada-MK1-Ghia.jpg)
}
.slider-bg3{
background-image:url(../img/anim/Ford_Granada_L_2_Door-1979.jpg)
}
.slider-bg4{
background-image:url(../img/anim/Ford-Granada-2.3L-Turnier.jpg)
}
.slider-bg5{
background-image:url(../img/anim/granada_coupe_1973.jpg)
}
.slider-bg6{
background-image:url(../img/anim/ford-granada-GL-1972-1.jpg)
}
.slider-bg7{
background-image:url(../img/anim/ford-granada-coach1.jpg)
}
.slider-bg8{
background-image:url(../img/anim/Ford-Granada-Sapphire-Limited-Edition.jpg)
}
.slider-bg9{
background-image:url(../img/Ford-Logo-Wallpapers.jpg)
}
.slider-bg10{
background-image:url(../img/anim/fordconsul-1972.jpg)
}
.slider-bg11{
background-image:url(../img/anim/consul.jpg)
}
.slider-bg12{
background-image:url(../img/anim/consul-pub.jpg)
}

.slider-area{
position:relative;
background-color: #930012;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.slider-area .phg-caption{
padding-top:50px
}
.slider-area{
padding-top: 75px;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.slider-area .phg-caption{
padding-top:50px
}
.slider-area{
padding-top: 75px;
}
}

@media (max-width: 575px){
.slider-area .phg-caption{
padding-top: 80px;
}
}

@media (max-width: 575px){
.slider-area{
padding-top: 75px;
}
}

.slider-area .phg-caption span{
color:#fff;
font-size:20px;
font-weight:300;
display:block;
margin-bottom:10px
}
.slider-area .phg-caption h1{
text-transform:uppercase;
font-size:60px;
font-weight:400;
margin-bottom:50px;
color:#fff;
line-height:1.1
}

@media only screen and (min-width: 576px) and (max-width: 998px){
.slider-area .phg-caption h1{
font-size:35px;
color:#fff;
}
}

@media (max-width: 575px){
.slider-area .phg-caption h1{
font-size:24px;
color:#fff;
margin-bottom:-100px;
}
}

.slider-area .phg-caption h1 span{
color:#0A0A0A;
display:block
}
.slider-area .phg-caption p{
color:#fff;
margin-bottom:41px;
font-size:20px;
font-weight:400;
line-height:1.5
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.slider-area .phg-caption p br{
display:none
}
}

@media (max-width: 575px){
.slider-area .phg-caption p br{
display:none
}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.slider-area .phg-caption p{
margin-bottom:43px;
font-size:21px
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.slider-area .phg-caption p{
margin-bottom:43px;
font-size:21px
}
}

@media (max-width: 575px){
.slider-area .phg-caption p{
margin-bottom:43px;
font-size:21px
}
}

.slider-area .phg-caption.phg-caption2 h2{
text-transform:uppercase;
color:#fff;
font-size:70px;
display:block;
font-weight:400;
line-height:1.1;
margin-bottom:60px
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.slider-area .phg-caption.phg-caption2 h2{
font-size:60px
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.slider-area .phg-caption.phg-caption2 h2{
font-size:60px;
margin-bottom:50px
}
}

@media (max-width: 575px){
.slider-area .phg-caption.phg-caption2 h2{
font-size:40px
}
}

.slider-area .phg-caption.phg-caption2 p{
margin-bottom:12px;
color:#fff;
font-size:22px;
line-height:1.6;
font-weight:300
}
@media only screen and (min-width: 576px) and (max-width: 767px){
.slider-area .phg-caption.phg-caption2 p{
font-size:18px
}
}

@media (max-width: 575px){
.slider-area .phg-caption.phg-caption2 p{
font-size:18px
}
}

.slider-area .dot-style .slick-dots{
position:absolute;
text-align:center;
right:0px;
left:0px;
bottom:38px;
margin:0 auto
}

@media only screen and (min-width: 1200px) and (max-width: 1400px){
.slider-area .dot-style .slick-dots{
right:30px
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.slider-area .dot-style .slick-dots{
right:30px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.slider-area .dot-style .slick-dots{
right:30px
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.slider-area .dot-style .slick-dots{
right:30px
}
}

@media (max-width: 575px){
.slider-area .dot-style .slick-dots{
right:12px
}
}

.slider-area .dot-style .slick-dots li{
display:inline-block;
margin:0 3px
}
.slider-area .dot-style .slick-dots button{
text-indent:-100000px;
height:3px;
width:19px;
line-height:10px;
border:0;
padding:0;
cursor:pointer;
border-radius:2px;
background:rgba(255,255,255,0.3)
}
.slider-area .dot-style .slick-dots .slick-active button{
background:#fff;
position:relative;
-webkit-transition:all .4s ease-out 0s;
-moz-transition:all .4s ease-out 0s;
-ms-transition:all .4s ease-out 0s;
-o-transition:all .4s ease-out 0s;
transition:all .4s ease-out 0s
}
.slider-area .slider-active button.slick-arrow{
-webkit-transition:all .4s ease-out 0s;
-moz-transition:all .4s ease-out 0s;
-ms-transition:all .4s ease-out 0s;
-o-transition:all .4s ease-out 0s;
transition:all .4s ease-out 0s;
position:absolute;
top:50%;
left:50px;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
background:none;
border:0;
padding:0;
z-index:2;
cursor:pointer
}
.slider-area .slider-active button.slick-arrow i{
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s;
font-size:25px;
line-height:60px;
color:rgba(255,255,255,0.5)
}
.slider-area .slider-active button.slick-arrow:hover i{
color:#fff
}
.slider-area .slider-active button.slick-next{
left:auto;
right:50px
}
.phg-overly{
position:relative;
z-index:0
}
.phg-overly::before{
position:absolute;
content:"";
width:100%;
height:100%;
left:0;
top:0;
bottom:0;
right:0;
z-index:-1
}
.about-area .about-caption.about-caption2{
padding-left:50px
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
.about-area .about-caption.about-caption2{
padding-left:0
}
}

.about-area .about-caption h2{
font-family:"Poiret One",cursive;
font-size:50px;
display:block;
font-weight:300;
line-height:1;
margin-bottom:12px
}

@media only screen and (min-width: 1200px) and (max-width: 1400px){
.about-area .about-caption h2{
font-size:40px
}

}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.about-area .about-caption h2{
font-size:30px
}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.about-area .about-caption h2{
font-size:30px
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.about-area .about-caption h2{
font-size:31px
}
}

@media (max-width: 575px){
.about-area .about-caption h2{
font-size:24px
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.about-area .about-caption h2 br{
display:none
}
}

@media (max-width: 575px){
.about-area .about-caption h2 br{
display:none
}
}

.about-area .about-caption p{
color:#656565;
font-size:18px;
font-weight:400;
line-height:1.5
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.about-area .about-caption p br{
display:none
}
}

@media (max-width: 575px){
.about-area .about-caption p br{
display:none
}
}

.about-area .about-caption p a{
text-decoration:underline
}
.about-area .about-caption .experience img{
margin-bottom:20px
}
.about-area .about-caption .experience p{
color:#0A0A0A;
font-size:20px;
font-weight:300
}
.about-area .about-caption .pera-bottom{
font-size:24px;
color:#0A0A0A;
margin-bottom:50px;
font-weight:400
}
.about-area .about-img img{
width:100%;
border-radius:0px
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.about-area .about-img img{
padding-bottom:50px
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
.about-area .about-img img{
padding-bottom:50px
}
}

@media (max-width: 575px){
.about-area .about-img img{
padding-bottom:50px
}
}

.slick-initialized .slick-slide{
outline:0
}
.instagram-area .section-tittle img{
margin-bottom:30px
}
.instagram-area .single-instagram::before{
position:absolute;
content:"";
left:0;
top:0;
width:100%;
height:100%;
background-color:#010a44;
opacity:0;
visibility:hidden;
z-index:1;
-webkit-transition:all .4s ease-out 0s;
-moz-transition:all .4s ease-out 0s;
-ms-transition:all .4s ease-out 0s;
-o-transition:all .4s ease-out 0s;
transition:all .4s ease-out 0s
}
.instagram-area .single-instagram i{
position:absolute;
left:0;
right:0;
margin:0 auto;
text-align:center;
top:45%;
color:#fff;
font-size:30px;
z-index:2;
opacity:0;
visibility:hidden;
-webkit-transition:all .4s ease-out 0s;
-moz-transition:all .4s ease-out 0s;
-ms-transition:all .4s ease-out 0s;
-o-transition:all .4s ease-out 0s;
transition:all .4s ease-out 0s
}
.instagram-area .single-instagram:hover i{
top:48%;
opacity:1;
visibility:visible
}
.instagram-area .single-instagram:hover::before{
visibility:visible;
opacity:.3
}

.border-btn.get-btn{
width:100%;
text-transform:uppercase
}
.footer-area{
background:#1E1E1E
}
.footer-area .footer-pera p{
font-size:16px;
font-weight:300;
margin-bottom:22px;
line-height:1.8
}
.footer-area .footer-tittle h4{
font-family:"Jost",sans-serif;
color:#ffff;
font-size:20px;
margin-bottom:29px;
font-weight:400
}
.footer-area .footer-tittle h5{
font-family:"Jost",sans-serif;
color:#ffff;
font-size:16px;
margin-bottom:50px;
margin-left: 20px;
margin-right: 10px;
font-weight:30;
}
.footer-area .footer-tittle ul li{
margin-bottom:13px;
color: #B1B1B1;
}
.footer-area .footer-tittle ul li a{
color:#C1C1C1;
font-weight:300;
text-decoration:underline transparent
}
.footer-area .footer-tittle ul li a:hover{
text-decoration:underline;
color:#fff;
padding-left:2px
}
.footer-area .footer-tittle p{
color:#C1C1C1;
font-weight:300
}
.footer-area .footer-form{
margin-top:10px
}
.footer-area .footer-form form{
position:relative
}
.footer-area .footer-form form input{
width:100%;
height:47px;
padding:10px 10px;
border:0;
background:rgba(255,255,255,0.1);
color:#ffff;
border-radius:0px;
text-align:left
}
.footer-area .footer-form form input:placeholder{
color:#fff
}
.footer-area .footer-form form .form-icon button{
text-transform:uppercase;
font-weight:400;
font-size:14px;
color:#fff;
border:1px solid #fff;
cursor:pointer;
padding:17px 22px;
background:none;
line-height:1;
width:100%;
display:block;
margin-top:10px;
border-radius:0px
}
.footer-area .info.error{
color:#fff
}
.footer-bottom-area .footer-border{
border-top:1px solid rgba(255,255,255,0.2);
padding-top:23px;
padding-bottom:10px;
margin-top:50px
}
.footer-bottom-area .footer-copy-right p{
color:#C1C1C1;
font-weight:300;
font-size:18px;
line-height:2;
margin-bottom:12px
}
.footer-bottom-area .footer-copy-right p i{
color:#fff
}
.footer-bottom-area .footer-copy-right p a{
color:#fff
}
ul.footer-social li{
display:inline-block
}
ul.footer-social li a{
color:#fff;
width:22px;
height:40px;
border-radius:50%;
font-size:18px;
line-height:40px;
display:inline-block;
text-align:center;
margin-right:8px
}
ul.footer-social li a i{
-webkit-transition:all .4s ease-out 0s;
-moz-transition:all .4s ease-out 0s;
-ms-transition:all .4s ease-out 0s;
-o-transition:all .4s ease-out 0s;
transition:all .4s ease-out 0s;
transform:rotateY(0deg);
-webkit-transform:rotateY(0deg);
-moz-transform:rotateY(0deg);
-ms-transform:rotateY(0deg);
-o-transform:rotateY(0deg)
}
ul.footer-social li a:hover{
color:#ffff
}
ul.footer-social li a:hover i{
transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-o-transform:rotateY(180deg)
}
ul.footer-social li a i{
display:inline-block
}
.number a{
font-family:"Jost",sans-serif;
font-size:22px !important;
color:#C1C1C1 !important;
margin-bottom:10px;
font-weight:300 !important;
display:block
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.number a{
font-size:19px !important
}
}

.number2 a{
font-family:"Jost",sans-serif;
font-size:14px !important;
color:#ffff !important;
margin-bottom:5px;
display:block
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.number2 a{
font-size:19px !important
}
}

.blog_area a{
text-decoration:none;
transition:.4s;
color: #930012;
}
.blog_area a:hover,.blog_area a :hover{
background:-webkit-linear-gradient(131deg, #0A0A0A 0%, #0A0A0A 99%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
text-decoration:none;
transition:.4s
}
.blog_item{
margin-bottom:50px
}
.blog_details{
padding:30px 0 20px 10px;
box-shadow:0px 10px 20px 0px rgba(221,221,221,0.3)
}

@media (min-width: 768px){
.blog_details{
padding:60px 30px 35px 35px
}
}

.blog_details p{
margin-bottom:30px
}
.blog_details a{
color:#080808
}
.blog_details a:hover{
color:#0A0A0A
}
.blog_details h2{
font-size:18px;
font-weight:600;
margin-bottom:8px
}

@media (min-width: 768px){
.blog_details h2{
font-size:24px;
margin-bottom:15px
}
}

.blog-info-link li{
float:left;
font-size:14px
}
.blog-info-link li a{
color:#999999
}
.blog-info-link li i,.blog-info-link li span{
font-size:13px;
margin-right:5px
}
.blog-info-link li::after{
content:"|";
padding-left:10px;
padding-right:10px
}
.blog-info-link li:last-child::after{
display:none
}
.blog-info-link::after{
content:"";
display:block;
clear:both;
display:table;
}
.blog_item_img{
position:relative
}
.blog_item_img .blog_item_date{
position:absolute;
bottom:-20px;
left:10px;
display:block;
color:#fff;
background-color:#930012;
padding:8px 15px;
border-radius:5px
}

@media (min-width: 768px){
.blog_item_img .blog_item_date{
bottom:-30px;
left:40px;
padding:13px 30px
}
}

@media (max-width: 767px){
.blog_item_img .blog_item_date{
bottom:-10px;
left:10px;
padding:6px 15px
}
}

.blog_item_img .blog_item_date h3{
font-size:22px;
font-weight:600;
color:#fff;
margin-bottom:0;
line-height:1.2
}

@media (min-width: 768px){
.blog_item_img .blog_item_date h3{
font-size:22px
}
}

@media (max-width: 767px){
.blog_item_img .blog_item_date h3{
font-size:18px
}
}

.blog_item_img .blog_item_date p{
font-size:18px;
margin-bottom:0;
color:#fff
}

@media (min-width: 768px){
.blog_item_img .blog_item_date p{
font-size:18px
}
}

@media (max-width: 767px){
.blog_item_img .blog_item_date p{
font-size:16px
}
}

.blog_right_sidebar .widget_title{
font-size:20px;
margin-bottom:40px
}
.blog_right_sidebar .widget_title::after{
content:"";
display:block;
padding-top:15px;
border-bottom:1px solid #f0e9ff
}
.blog_right_sidebar .single_sidebar_widget{
background:#fbf9ff;
padding:30px;
margin-bottom:30px
}
.blog_right_sidebar .single_sidebar_widget .btn_1{
margin-top:0px
}
.blog_right_sidebar .search_widget .form-control{
height:50px;
border-color:#f0e9ff;
font-size:13px;
color:#999999;
padding-left:20px;
border-radius:0;
border-right:0
}
.blog_right_sidebar .search_widget .form-control::placeholder{
color:#999999
}
.blog_right_sidebar .search_widget .form-control:focus{
border-color:#f0e9ff;
outline:0;
box-shadow:none
}
.blog_right_sidebar .search_widget 
.input-group button{
background:#0A0A0A;
border-left:0;
border:1px solid #f0e9ff;
padding:12px 15px;
cursor:pointer
}
.blog_right_sidebar .search_widget .input-group button i{
color:#fff
}
.blog_right_sidebar .search_widget .input-group button span{
font-size:14px;
color:#999999
}
.blog_right_sidebar .newsletter_widget .form-control{
height:50px;
border-color:#f0e9ff;
font-size:13px;
color:#999999;
padding-left:20px;
border-radius:0
}
.blog_right_sidebar .newsletter_widget .form-control::placeholder{
color:#999999
}
.blog_right_sidebar .newsletter_widget .form-control:focus{
border-color:#f0e9ff;
outline:0;
box-shadow:none
}
.blog_right_sidebar .newsletter_widget .input-group button{
background:#fff;
border-left:0;
border:1px solid #f0e9ff;
padding:4px 15px;
}
.blog_right_sidebar .newsletter_widget .input-group button i,.blog_right_sidebar .newsletter_widget .input-group button span{
font-size:14px;
color:#fff
}
.blog_right_sidebar .post_category_widget .cat-list li{
border-bottom:1px solid #f0e9ff;
transition:all 0.3s ease 0s;
padding-bottom:12px
}
.blog_right_sidebar .post_category_widget .cat-list li:last-child{
border-bottom:0
}
.blog_right_sidebar .post_category_widget .cat-list li a{
font-size:14px;
line-height:20px;
color:#888888
}
.blog_right_sidebar .post_category_widget .cat-list li a p{
margin-bottom:0px
}
.blog_right_sidebar .post_category_widget .cat-list li+li{
padding-top:15px
}
.blog_right_sidebar .popular_post_widget .post_item .media-body{
justify-content:center;
align-self:center;
padding-left:20px
}
.blog_right_sidebar .popular_post_widget .post_item .media-body h3{
font-size:16px;
line-height:20px;
margin-bottom:6px;
transition:all 0.3s linear
}
.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover{
color:#fff
}
.blog_right_sidebar .popular_post_widget .post_item .media-body p{
font-size:14px;
line-height:21px;
margin-bottom:0px
}
.blog_right_sidebar .popular_post_widget .post_item+.post_item{
margin-top:20px
}
.blog_right_sidebar .tag_cloud_widget ul li{
display:inline-block
}
.blog_right_sidebar .tag_cloud_widget ul li a{
display:inline-block;
border:1px solid #eeeeee;
background:#fff;
padding:4px 20px;
margin-bottom:8px;
margin-right:3px;
transition:all 0.3s ease 0s;
color:#888888;
font-size:13px
}
.blog_right_sidebar .tag_cloud_widget ul li a:hover{
background:#0A0A0A;
color:#fff !important;
-webkit-text-fill-color:#fff;
text-decoration:none;
-webkit-transition:0.5s;
transition:0.5s
}
.blog_right_sidebar .instagram_feeds .instagram_row{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
margin-right:-6px;
margin-left:-6px
}
.blog_right_sidebar .instagram_feeds .instagram_row li{
width:33.33%;
float:left;
padding-right:6px;
padding-left:6px;
margin-bottom:15px
}
.blog_right_sidebar .br{
width:100%;
height:1px;
background:#eee;
margin:30px 0px
}
.blog-pagination{
margin-top:80px
}
.blog-pagination .page-link{
font-size:14px;
position:relative;
display:block;
padding:0;
text-align:center;
margin-left:-1px;
line-height:45px;
width:45px;
height:45px;
border-radius:0 !important;
color:#8a8a8a;
border:1px solid #f0e9ff;
margin-right:10px
}
.blog-pagination .page-link i,.blog-pagination .page-link span{
font-size:13px
}
.blog-pagination .page-item.active .page-link{
background-color:#fbf9ff;
border-color:#f0e9ff;
color:#888888
}
.blog-pagination .page-item:last-child .page-link{
margin-right:0
}
.single-post-area .blog_details{
box-shadow:none;
padding:0
}
.single-post-area .blog_details{
padding-top:26px
}
.single-post-area .blog_details p{
margin-bottom:20px;
font-size:15px
}
.single-post-area .quote-wrapper{
background:rgba(130,139,178,0.1);
padding:15px;
line-height:1.733;
color:#888888;
font-style:italic;
margin-top:25px;
margin-bottom:25px
}

@media (min-width: 768px){
.single-post-area .quote-wrapper{
padding:30px
}
}

.single-post-area .quotes{
background:#fff;
padding:15px 15px 15px 20px;
border-left:2px solid
}

@media (min-width: 768px){
.single-post-area .quotes{
padding:25px 25px 25px 30px
}
}

.single-post-area .arrow{
position:absolute
}
.single-post-area .arrow .lnr{
font-size:20px;
font-weight:600
}
.single-post-area .navigation-top{
padding-top:15px;
border-top:1px solid #f0e9ff
}
.single-post-area .navigation-top p{
margin-bottom:0
}
.single-post-area .navigation-top .like-info{
font-size:14px
}
.single-post-area .navigation-top .like-info i,.single-post-area .navigation-top .like-info span{
font-size:16px;
margin-right:5px
}
.single-post-area .navigation-top .social-icons li{
display:inline-block;
margin-right:15px
}
.single-post-area .navigation-top .social-icons li:last-child{
margin:0
}
.single-post-area .navigation-top .social-icons li i,.single-post-area .navigation-top .social-icons li span{
font-size:14px;
color:#999999
}
.single-post-area .blog-author{
padding:40px 30px;
background:#fbf9ff;
margin-top:50px
}

@media (max-width: 600px){
.single-post-area .blog-author{
padding:20px 8px
}
}

.single-post-area .blog-author img{
width:90px;
height:90px;
border-radius:50%;
margin-right:30px
}

@media (max-width: 600px){
.single-post-area .blog-author img{
margin-right:15px;
width:45px;
height:45px
}
}

.single-post-area .blog-author a{
display:inline-block
}
.single-post-area .blog-author a:hover{
color:#0A0A0A
}
.single-post-area .blog-author p{
margin-bottom:0;
font-size:15px
}
.single-post-area .blog-author h4{
font-size:16px
}
.single-post-area .navigation-area{
border-bottom:1px solid #eee;
padding-bottom:30px;
margin-top:55px
}
.single-post-area .navigation-area p{
margin-bottom:0px
}
.single-post-area .navigation-area h4{
font-size:18px;
line-height:25px
}
.single-post-area .navigation-area .nav-left{
text-align:left
}
.single-post-area .navigation-area .nav-left .thumb{
margin-right:20px;
background:#000
}
.single-post-area .navigation-area .nav-left .thumb img{
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s
}
.single-post-area .navigation-area .nav-left .lnr{
margin-left:20px;
opacity:0;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s
}
.single-post-area .navigation-area .nav-left:hover .lnr{
opacity:1
}
.single-post-area .navigation-area .nav-left:hover .thumb img{
opacity:.5
}

@media (max-width: 767px){
.single-post-area .navigation-area .nav-left{
margin-bottom:30px
}
}

.single-post-area .navigation-area .nav-right{
text-align:right
}
.single-post-area .navigation-area .nav-right .thumb{
margin-left:20px;
background:#000
}
.single-post-area .navigation-area .nav-right .thumb img{
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s
}
.single-post-area .navigation-area .nav-right .lnr{
margin-right:20px;
opacity:0;
-webkit-transition:all .3s ease-out 0s;
-moz-transition:all .3s ease-out 0s;
-ms-transition:all .3s ease-out 0s;
-o-transition:all .3s ease-out 0s;
transition:all .3s ease-out 0s
}
.single-post-area .navigation-area .nav-right:hover .lnr{
opacity:1
}
.single-post-area .navigation-area .nav-right:hover .thumb img{
opacity:.5
}
.comments-area{
background:transparent;
border-top:1px solid #eee;
padding:45px 0;
margin-top:50px
}

@media (max-width: 414px){
.comments-area{
padding:50px 8px
}
}

.comments-area h4{
margin-bottom:35px;
font-size:18px
}
.comments-area h5{
font-size:16px;
margin-bottom:0px
}
.comments-area .comment-list{
padding-bottom:48px
}
.comments-area .comment-list:last-child{
padding-bottom:0px
}

@media (max-width: 413px){
.comments-area .comment-list .single-comment h5{
font-size:12px
}
.comments-area .comment-list .single-comment .date{
font-size:11px
}
.comments-area .comment-list .single-comment .comment{
font-size:10px
}
}

.comments-area .thumb{
margin-right:20px
}
.comments-area .thumb img{
width:70px;
border-radius:50%
}
.comments-area .date{
font-size:14px;
color:#999999;
margin-bottom:0;
margin-left:20px
}
.comments-area .comment{
margin-bottom:10px;
color:#777777;
font-size:15px
}
.comments-area .btn-reply{
background-color:transparent;
color:#888888;
padding:5px 18px;
font-size:14px;
display:block;
font-weight:400
}
.comment-form{
border-top:1px solid #eee;
padding-top:45px;
margin-top:50px;
margin-bottom:20px
}
.comment-form .form-group{
margin-bottom:30px
}
.comment-form h4{
margin-bottom:40px;
font-size:18px;
line-height:22px
}
.comment-form .name{
padding-left:0px
}

@media (max-width: 767px){
.comment-form .name{
padding-right:0px;
margin-bottom:1rem
}
}

.comment-form .email{
padding-right:0px
}

@media (max-width: 991px){
.comment-form .email{
padding-left:0px
}
}

.comment-form .form-control{
border:1px solid #f0e9ff;
border-radius:5px;
height:48px;
padding-left:18px;
font-size:13px;
background:transparent
}
.comment-form .form-control:focus{
outline:0;
box-shadow:none
}
.comment-form .form-control::placeholder{
font-weight:300;
color:#999999
}
.comment-form .form-control::placeholder{
color:#777777
}
.comment-form textarea{
padding-top:18px;
border-radius:12px;
height:100% !important
}
.comment-form ::-webkit-input-placeholder{
font-size:13px;
color:#777
}
.comment-form ::-moz-placeholder{
font-size:13px;
color:#777
}
.comment-form :-ms-input-placeholder{
font-size:13px;
color:#777
}
.comment-form :-moz-placeholder{
font-size:13px;
color:#777
}
.media{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex
}
.img-fluid{
width:100%
}
.form-group{
margin-bottom:1rem
}
.dropdown .dropdown-menu{
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s
}
.contact-info{
margin-bottom:25px
}
.contact-info__icon{
margin-right:20px
}
.contact-info__icon i,.contact-info__icon span{
color:#8f9195;
font-size:27px
}
.contact-info .media-body h3{
font-size:16px;
margin-bottom:0;
color:#2a2a2a
}
.contact-info .media-body h3 a:hover{
color:#1f2b7b
}
.contact-info .media-body p{
color:#8a8a8a
}
.contact-title{
font-size:27px;
font-weight:600;
margin-bottom:20px
}
.form-contact label{
font-size:14px
}
.form-contact .form-group{
margin-bottom:30px
}
.form-contact .form-control{
border:1px solid #e5e6e9;
border-radius:0px;
height:48px;
padding-left:18px;
font-size:13px;
background:transparent
}

.form-contact .form-control:focus{
outline:0;
box-shadow:none
}
.form-contact .form-control::placeholder{
font-weight:300;
color:#999999
}
.form-contact textarea{
border-radius:0px;
height:100% !important
}
.contact-section{
padding:130px 0 100px
}

@media (max-width: 991px){
.contact-section{
padding:70px 0 40px
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px){
.contact-section{
padding:80px 0 50px
}
}

.mfp-bg{
top:0;
left:0;
width:100%;
height:100%;
z-index:1042;
overflow:hidden;
position:fixed;
background:#4A3600;
opacity:0.6
}
.phg-overly::before{
background:-moz-linear-gradient(top, rgba(10,10,10,0.8) 0%, rgba(11,11,11,0.67) 3%, rgba(9,9,9,0.63) 4%, rgba(9,9,9,0.54) 6%, rgba(9,9,9,0.45) 8%, rgba(9,9,9,0.41) 9%, rgba(9,9,9,0.36) 10%, rgba(9,9,9,0.32) 11%, rgba(8,8,8,0.23) 13%, rgba(7,7,7,0.14) 15%, rgba(0,0,0,0.05) 17%, rgba(1,1,1,0) 18%, rgba(20,20,20,0.05) 39%, rgba(13,13,13,0.07) 48%, rgba(8,8,8,0.11) 66%, rgba(13,13,13,0.14) 78%, rgba(8,8,8,0.22) 81%, rgba(12,12,12,0.25) 82%, rgba(9,9,9,0.33) 85%, rgba(11,11,11,0.35) 86%, rgba(9,9,9,0.42) 89%, rgba(11,11,11,0.45) 90%, rgba(9,9,9,0.53) 93%, rgba(11,11,11,0.55) 94%, rgba(9,9,9,0.63) 97%, rgba(11,11,11,0.65) 98%, rgba(10,10,10,0.7) 100%);
background:-webkit-linear-gradient(top, rgba(10,10,10,0.8) 0%, rgba(11,11,11,0.67) 3%, rgba(9,9,9,0.63) 4%, rgba(9,9,9,0.54) 6%, rgba(9,9,9,0.45) 8%, rgba(9,9,9,0.41) 9%, rgba(9,9,9,0.36) 10%, rgba(9,9,9,0.32) 11%, rgba(8,8,8,0.23) 13%, rgba(7,7,7,0.14) 15%, rgba(0,0,0,0.05) 17%, rgba(1,1,1,0) 18%, rgba(20,20,20,0.05) 39%, rgba(13,13,13,0.07) 48%, rgba(8,8,8,0.11) 66%, rgba(13,13,13,0.14) 78%, rgba(8,8,8,0.22) 81%, rgba(12,12,12,0.25) 82%, rgba(9,9,9,0.33) 85%, rgba(11,11,11,0.35) 86%, rgba(9,9,9,0.42) 89%, rgba(11,11,11,0.45) 90%, rgba(9,9,9,0.53) 93%, rgba(11,11,11,0.55) 94%, rgba(9,9,9,0.63) 97%, rgba(11,11,11,0.65) 98%, rgba(10,10,10,0.7) 100%);
background:linear-gradient(to bottom, rgba(10,10,10,0.8) 0%, rgba(11,11,11,0.67) 3%, rgba(9,9,9,0.63) 4%, rgba(9,9,9,0.54) 6%, rgba(9,9,9,0.45) 8%, rgba(9,9,9,0.41) 9%, rgba(9,9,9,0.36) 10%, rgba(9,9,9,0.32) 11%, rgba(8,8,8,0.23) 13%, rgba(7,7,7,0.14) 15%, rgba(0,0,0,0.05) 17%, rgba(1,1,1,0) 18%, rgba(20,20,20,0.05) 39%, rgba(13,13,13,0.07) 48%, rgba(8,8,8,0.11) 66%, rgba(13,13,13,0.14) 78%, rgba(8,8,8,0.22) 81%, rgba(12,12,12,0.25) 82%, rgba(9,9,9,0.33) 85%, rgba(11,11,11,0.35) 86%, rgba(9,9,9,0.42) 89%, rgba(11,11,11,0.45) 90%, rgba(9,9,9,0.53) 93%, rgba(11,11,11,0.55) 94%, rgba(9,9,9,0.63) 97%, rgba(11,11,11,0.65) 98%, rgba(10,10,10,0.7) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0a0a0a', endColorstr='#b30a0a0a',GradientType=0 )
}
.sample-text-area{
background:#fff;
padding:100px 0 70px 0
}
.text-heading{
margin-bottom:30px;
font-size:24px
}
b,sup,sub,u,del{
color:#1f2b7b
}
.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6{
color:#828bb2
}
.button-area{
background:#fff
}
.button-area .border-top-generic{
padding:70px 15px;
border-top:1px dotted #eee
}
.button-group-area .genric-btn{
margin-right:10px;
margin-top:10px
}
.button-group-area .genric-btn:last-child{
margin-right:0
}
.genric-btn{
display:inline-block;
outline:none;
line-height:40px;
padding:0 30px;
font-size:.8em;
text-align:center;
text-decoration:none;
font-weight:500;
cursor:pointer;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s
}
.genric-btn:focus{
outline:none
}
.genric-btn.e-large{
padding:0 40px;
line-height:50px
}
.genric-btn.large{
line-height:45px
}
.genric-btn.medium{
line-height:30px
}
.genric-btn.small{
line-height:25px
}
.genric-btn.radius{
border-radius:3px
}
.genric-btn.circle{
border-radius:20px
}
.genric-btn.arrow{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
-moz-box-align:center;
-webkit-align-items:center;
align-items:center
}
.genric-btn.arrow span{
margin-left:10px
}
.genric-btn.default{
color:#415094;
background:#f9f9ff;
border:1px solid transparent
}
.genric-btn.default:hover{
border:1px solid #f9f9ff;
background:#fff
}
.genric-btn.default-border{
border:1px solid #f9f9ff;
background:#fff
}
.genric-btn.default-border:hover{
color:#415094;
background:#f9f9ff;
border:1px solid transparent
}
.genric-btn.primary{
color:#fff;
background:#1f2b7b;
border:1px solid transparent
}
.genric-btn.primary:hover{
color:#1f2b7b;
border:1px solid #1f2b7b;
background:#fff
}
.genric-btn.primary-border{
color:#1f2b7b;
border:1px solid #1f2b7b;
background:#fff
}
.genric-btn.primary-border:hover{
color:#fff;
background:#1f2b7b;
border:1px solid transparent
}
.genric-btn.success{
color:#fff;
background:#4cd3e3;
border:1px solid transparent
}
.genric-btn.success:hover{
color:#4cd3e3;
border:1px solid #4cd3e3;
background:#fff
}
.genric-btn.success-border{
color:#4cd3e3;
border:1px solid #4cd3e3;
background:#fff
}
.genric-btn.success-border:hover{
color:#fff;
background:#4cd3e3;
border:1px solid transparent
}
.genric-btn.info{
color:#fff;
background:#38a4ff;
border:1px solid transparent
}
.genric-btn.info:hover{
color:#38a4ff;
border:1px solid #38a4ff;
background:#fff
}
.genric-btn.info-border{
color:#38a4ff;
border:1px solid #38a4ff;
background:#fff
}
.genric-btn.info-border:hover{
color:#fff;
background:#38a4ff;
border:1px solid transparent
}
.genric-btn.warning{
color:#fff;
background:#f4e700;
border:1px solid transparent
}
.genric-btn.warning:hover{
color:#f4e700;
border:1px solid #f4e700;
background:#fff
}
.genric-btn.warning-border{
color:#f4e700;
border:1px solid #f4e700;
background:#fff
}
.genric-btn.warning-border:hover{
color:#fff;
background:#f4e700;
border:1px solid transparent
}
.genric-btn.danger{
color:#fff;
background:#f44a40;
border:1px solid transparent
}
.genric-btn.danger:hover{
color:#f44a40;
border:1px solid #f44a40;
background:#fff
}
.genric-btn.danger-border{
color:#f44a40;
border:1px solid #f44a40;
background:#fff
}
.genric-btn.danger-border:hover{
color:#fff;
background:#f44a40;
border:1px solid transparent
}
.genric-btn.link{
color:#415094;
background:#f9f9ff;
text-decoration:underline;
border:1px solid transparent
}
.genric-btn.link:hover{
color:#415094;
border:1px solid #f9f9ff;
background:#fff
}
.genric-btn.link-border{
color:#415094;
border:1px solid #f9f9ff;
background:#fff;
text-decoration:underline
}
.genric-btn.link-border:hover{
color:#415094;
background:#f9f9ff;
border:1px solid transparent
}
.genric-btn.disable{
color:#222,0.3;
background:#f9f9ff;
border:1px solid transparent;
cursor:not-allowed
}
.generic-blockquote{
padding:30px 50px 30px 30px;
background:#f9f9ff;
border-left:2px solid #1f2b7b
}
.default-select{
height:40px
}
.default-select .nice-select{
border:none;
border-radius:0px;
height:40px;
background:#f9f9ff;
padding-left:20px;
padding-right:40px
}
.default-select .nice-select .list{
margin-top:0;
border:none;
border-radius:0px;
box-shadow:none;
width:100%;
padding:10px 0 10px 0px
}
.default-select .nice-select .list .option{
font-weight:300;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
line-height:28px;
min-height:28px;
font-size:12px;
padding-left:20px
}
.default-select .nice-select .list .option.selected{
color:#1f2b7b;
background:transparent
}
.default-select .nice-select .list .option:hover{
color:#1f2b7b;
background:transparent
}
.default-select .current{
margin-right:50px;
font-weight:300
}
.default-select .nice-select::after{
right:20px
}
.form-select{
height:40px;
width:100%
}
.form-select .nice-select{
border:none;
border-radius:0px;
height:40px;
background:#f9f9ff;
padding-left:45px;
padding-right:40px;
width:100%
}
.form-select .nice-select .list{
margin-top:0;
border:none;
border-radius:0px;
box-shadow:none;
width:100%;
padding:10px 0 10px 0px
}
.form-select .nice-select .list .option{
font-weight:300;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
line-height:28px;
min-height:28px;
font-size:12px;
padding-left:45px
}
.form-select .nice-select .list .option.selected{
color:#1f2b7b;
background:transparent
}
.form-select .nice-select .list .option:hover{
color:#1f2b7b;
background:transparent
}
.form-select .current{
margin-right:50px;
font-weight:300
}
.form-select .nice-select::after{
right:20px
}
.mt-10{
margin-top:10px
}
.section-top-border{
padding:50px 0;
border-top:1px dotted #eee
}
.mb-30{
margin-bottom:30px
}
.mt-30{
margin-top:30px
}
.switch-wrap{
margin-bottom:10px
}


/*--------------------------------------------------------------
# Portfolio Section
--------------------------------------------------------------*/
#portfolio {
  padding-bottom: 50px;
}

.portfolio .portfolio-filters {
  padding: 0;
  margin: 0 auto 20px auto;
  list-style: none;
  text-align: center;
}

.portfolio .portfolio-filters li {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  margin: 0 10px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}

.portfolio .portfolio-filters li:hover,
.portfolio .portfolio-filters li.filter-active {
  color: var(--accent-color);
}

.portfolio .portfolio-filters li:first-child {
  margin-left: 0;
}

.portfolio .portfolio-filters li:last-child {
  margin-right: 0;
}

@media (max-width: 575px) {
  #portfolio {
  padding-bottom: 10px;   
}
  .portfolio .portfolio-filters li {
    font-size: 14px;
    margin: 0 5px;
  }
}

.portfolio .portfolio-content {
  position: relative;
  overflow: hidden;
}

.portfolio .portfolio-content img {
  transition: 0.3s;
}

.portfolio .portfolio-content .portfolio-info {
  opacity: 0;
  position: absolute;
  inset: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  background: rgba(0, 0, 0, 0.6);
  padding: 15px;
}

.portfolio .portfolio-content .portfolio-info h4 {
  font-size: 14px;
  padding: 5px 10px;
  font-weight: 400;
  color: #ffffff;
  display: inline-block;
  background-color: var(--accent-color);
}

.portfolio .portfolio-content .portfolio-info p {
  position: absolute;
  bottom: 10px;
  text-align: center;
  display: inline-block;
  left: 0;
  right: 0;
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.8);
}

.portfolio .portfolio-content .portfolio-info .preview-link,
.portfolio .portfolio-content .portfolio-info .details-link {
  position: absolute;
  left: calc(50%);
  font-size: 26px;
  top: calc(50% - 14px);
  color: #fff;
  transition: 0.3s;
  line-height: 1.2;
}

.portfolio .portfolio-content .portfolio-info .preview-link:hover,
.portfolio .portfolio-content .portfolio-info .details-link:hover {
  color: #930012;
}

.portfolio .portfolio-content .portfolio-info .details-link {
  left: 50%;
  font-size: 34px;
  line-height: 0;
}

.portfolio .portfolio-content:hover .portfolio-info {
  opacity: 1;
}

.portfolio .portfolio-content:hover img {
  transform: scale(1.1);
}


/*--------------------------------------------------------------
# Portfolio Details Section
--------------------------------------------------------------*/
.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: color-mix(in srgb, var(--default-color), transparent 85%);
  opacity: 1;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--accent-color);
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}


@media (max-width: 575px){
.zip {
width: 50%;
height: 50%;
}
}