body,html{
overflow-x:hidden
}
body{
background-color:#fff;
font-family:Poppins,sans-serif;
font-size:15px;
color:#707070;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
::selection{
background-color:#ff5e14;
color:#fff
}
/* width */
::-webkit-scrollbar {
width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
border-radius: 5px;
background: #eeeeee;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #ef4123;
border-radius: 4px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #ef4123;
}
a{
color:#fff;
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-ms-transition:color .3s ease;
-o-transition:color .3s ease
}
a:hover{
color:#ad3600;
text-decoration:none
}
section{
position:relative;
padding:50px 0
}
img{
/* max-width:100% */
}
*,h1,h2,h3,h4,h5,h6,li,ol,p,ul{
margin:0;
padding:0
}
*,:active,:focus{
outline:0
}
ol,ul{
list-style:none
}
button{
border:none
}
.btn.focus,.btn:focus,.form-control,.form-control:focus,button,button:focus{
outline:0;
background-color:transparent;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
-o-box-shadow:none;
box-shadow:none
}
textarea{
resize:none
}
select{
background-color:transparent
}
.col-padding-0>.row{
margin:0
}
.col-padding-0,.col-padding-0>.row>[class*=col-]{
padding:0
}
.inner-padding{
padding:120px 70px
}
.width-auto{
width:auto!important
}
.fz-16{
font-size:16px
}
.font-secondary{
font-family:Roboto,sans-serif
}
.lh-1{
line-height:1!important
}
.vh-100{
height:100vh!important
}
.list-inline>li{
display:inline-block
}
.align-v{
display:flex;
align-items:center
}
.align-v-h{
display:flex;
justify-content:center;
align-items:center
}
.border-top{
border-top:1px solid #eaeaea!important
}
.border-bottom{
border-bottom:1px solid #eaeaea!important
}
@media (min-width:992px){
.col-lg-5th{
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
}
.mt-0{
margin-top:0!important
}
.mt-5{
margin-top:5px!important
}
.mt-10{
margin-top:10px!important
}
.mt-20{
margin-top:20px!important
}
.mt-30{
margin-top:30px!important
}
.mt-40{
margin-top:40px!important
}
.mt-50{
margin-top:50px!important
}
.mt-60{
margin-top:60px!important
}
.mt-70{
margin-top:70px!important
}
.mt-80{
margin-top:80px!important
}
.mt-90{
margin-top:90px!important
}
.mt-100{
margin-top:100px!important
}
.mb-0{
margin-bottom:0!important
}
.mb-5{
margin-bottom:5px!important
}
.mb-10{
margin-bottom:10px!important
}
.mb-20{
margin-bottom:20px!important
}
.mb-25{
margin-bottom:25px!important
}
.mb-30{
margin-bottom:30px!important
}
.mb-40{
margin-bottom:40px!important
}
.mb-45{
margin-bottom:45px!important
}
.mb-50{
margin-bottom:50px!important
}
.mb-60{
margin-bottom:60px!important
}
.mb-70{
margin-bottom:70px!important
}
.mb-80{
margin-bottom:80px!important
}
.mb-90{
margin-bottom:90px!important
}
.mb-100{
margin-bottom:100px!important
}
.mt--100{
margin-top:-100px
}
.mr-0{
margin-right:0!important
}
.mr-20{
margin-right:20px!important
}
.mr-30{
margin-right:30px!important
}
.mr-40{
margin-right:40px!important
}
.mr-50{
margin-right:50px!important
}
.ml-0{
margin-left:0!important
}
.ml-20{
margin-left:20px!important
}
.ml-30{
margin-left:30px!important
}
.ml-40{
margin-left:40px!important
}
.ml-50{
margin-left:50px!important
}
.pb-10{
padding-bottom:10px!important
}
.pt-20{
padding-top:20px!important
}
.pt-30{
padding-top:30px!important
}
.pt-40{
padding-top:40px!important
}
.pt-50{
padding-top:50px!important
}
.pt-60{
padding-top:60px!important
}
.pt-70{
padding-top:70px!important
}
.pt-80{
padding-top:80px!important
}
.pt-90{
padding-top:90px!important
}
.pt-100{
padding-top:100px!important
}
.pt-110{
padding-top:110px!important
}
.pt-120{
padding-top:120px!important
}
.pt-130{
padding-top:130px!important
}
.pt-140{
padding-top:140px!important
}
.pt-150{
padding-top:150px!important
}
.pt-170{
padding-top:170px!important
}
.pb-10{
padding-bottom:10px!important
}
.pb-20{
padding-bottom:20px!important
}
.pb-30{
padding-bottom:30px!important
}
.pb-40{
padding-bottom:40px!important
}
.pb-50{
padding-bottom:50px!important
}
.pb-60{
padding-bottom:60px!important
}
.pb-70{
padding-bottom:70px!important
}
.pb-80{
padding-bottom:80px!important
}
.pb-90{
padding-bottom:90px!important
}
.pb-100{
padding-bottom:100px!important
}
.pb-110{
padding-bottom:110px!important
}
.pb-120{
padding-bottom:120px!important
}
.pb-130{
padding-bottom:130px!important
}
.pb-140{
padding-bottom:140px!important
}
.pb-150{
padding-bottom:150px!important
}
.pb-170{
padding-bottom:170px!important
}
.pr-0{
padding-right:0!important
}
.pr-15{
padding-right:15px!important
}
.pr-20{
padding-right:20px!important
}
.pr-30{
padding-right:30px!important
}
.pr-50{
padding-right:50px!important
}
.pr-60{
padding-right:60px!important
}
.pr-70{
padding-right:70px!important
}
.pr-100{
padding-right:100px!important
}
.pl-0{
padding-left:0!important
}
.pl-15{
padding-left:15px!important
}
.pl-20{
padding-left:20px!important
}
.pl-30{
padding-left:30px!important
}
.pl-50{
padding-left:50px!important
}
.pl-60{
padding-left:60px!important
}
.pl-70{
padding-left:70px!important
}
.pl-100{
padding-left:100px!important
}
@media only screen and (min-width:320px) and (max-width:767px){
section{
padding:50px 0
}
.inner-padding{
padding:30px 30px!important
}
.text-center-xs-sm{
text-align:center!important
}
.mt-30{
margin-top:36.3636363636px!important
}
.mt-40{
margin-top:30.7692307692px!important
}
.mt-50{
margin-top:33.3333333333px!important
}
.mt-60{
margin-top:33.3333333333px!important
}
.mt-70{
margin-top:35px!important
}
.mt-80{
margin-top:40px!important
}
.mt-90{
margin-top:45px!important
}
.mt-100{
margin-top:50px!important
}
.mb-30{
margin-bottom:27.2727272727px!important
}
.mb-40{
margin-bottom:30.7692307692px!important
}
.mb-50{
margin-bottom:33.3333333333px!important
}
.mb-60{
margin-bottom:33.3333333333px!important
}
.mb-70{
margin-bottom:35px!important
}
.mb-80{
margin-bottom:40px!important
}
.mb-90{
margin-bottom:45px!important
}
.mb-100{
margin-bottom:50px!important
}
.mr-30{
margin-right:27.2727272727px!important
}
.mr-40{
margin-right:30.7692307692px!important
}
.mr-50{
margin-right:33.3333333333px!important
}
.ml-30{
margin-left:27.2727272727px!important
}
.ml-40{
margin-left:30.7692307692px!important
}
.ml-50{
margin-left:33.3333333333px!important
}
.pt-30{
padding-top:27.2727272727px!important
}
.pt-40{
padding-top:30.7692307692px!important
}
.pt-50{
padding-top:33.3333333333px!important
}
.pt-60{
padding-top:33.3333333333px!important
}
.pt-70{
padding-top:35px!important
}
.pt-80{
padding-top:40px!important
}
.pt-90{
padding-top:45px!important
}
.pt-100{
padding-top:50px!important
}
.pt-110{
padding-top:55px!important
}
.pt-120{
padding-top:60px!important
}
.pt-130{
padding-top:66.6666666667px!important
}
.pt-140{
padding-top:63.6363636364px!important
}
.pt-150{
padding-top:65.2173913043px!important
}
.pt-160{
padding-top:66.6666666667px!important
}
.pt-170{
padding-top:68px!important
}
.pb-30{
padding-bottom:27.2727272727px!important
}
.pb-40{
padding-bottom:30.7692307692px!important
}
.pb-50{
padding-bottom:33.3333333333px!important
}
.pb-60{
padding-bottom:33.3333333333px!important
}
.pb-70{
padding-bottom:35px!important
}
.pb-80{
padding-bottom:40px!important
}
.pb-90{
padding-bottom:45px!important
}
.pb-100{
padding-bottom:50px!important
}
.pb-110{
padding-bottom:55px!important
}
.pb-120{
padding-bottom:60px!important
}
.pb-130{
padding-bottom:61.9047619048px!important
}
.pb-140{
padding-bottom:63.6363636364px!important
}
.pb-150{
padding-bottom:65.2173913043px!important
}
.pb-160{
padding-bottom:66.6666666667px!important
}
.pb-170{
padding-bottom:68px!important
}
}
@media only screen and (min-width:768px) and (max-width:991px){
section{
padding:75px 0
}
.inner-padding{
padding:100px 50px!important
}
.mt-30{
margin-top:36.3636363636px!important
}
.mt-40{
margin-top:30.7692307692px!important
}
.mt-50{
margin-top:35.7142857143px!important
}
.mt-60{
margin-top:42.8571428571px!important
}
.mt-70{
margin-top:50px!important
}
.mt-80{
margin-top:57.1428571429px!important
}
.mt-90{
margin-top:64.2857142857px!important
}
.mt-100{
margin-top:71.4285714286px!important
}
.mb-30{
margin-bottom:27.2727272727px!important
}
.mb-40{
margin-bottom:33.3333333333px!important
}
.mb-50{
margin-bottom:35.7142857143px!important
}
.mb-60{
margin-bottom:42.8571428571px!important
}
.mb-70{
margin-bottom:50px!important
}
.mb-80{
margin-bottom:57.1428571429px!important
}
.mb-90{
margin-bottom:64.2857142857px!important
}
.mb-100{
margin-bottom:71.4285714286px!important
}
.mr-30{
margin-right:27.2727272727px!important
}
.mr-40{
margin-right:33.3333333333px!important
}
.mr-50{
margin-right:35.7142857143px!important
}
.ml-30{
margin-left:27.2727272727px!important
}
.ml-40{
margin-left:33.3333333333px!important
}
.ml-50{
margin-left:35.7142857143px!important
}
.pt-30{
padding-top:27.2727272727px!important
}
.pt-40{
padding-top:33.3333333333px!important
}
.pt-50{
padding-top:35.7142857143px!important
}
.pt-60{
padding-top:42.8571428571px!important
}
.pt-70{
padding-top:50px!important
}
.pt-80{
padding-top:57.1428571429px!important
}
.pt-90{
padding-top:64.2857142857px!important
}
.pt-100{
padding-top:71.4285714286px!important
}
.pt-110{
padding-top:78.5714285714px!important
}
.pt-120{
padding-top:85.7142857143px!important
}
.pt-130{
padding-top:93.3333333333px!important
}
.pt-140{
padding-top:87.5px!important
}
.pt-150{
padding-top:88.2352941176px!important
}
.pt-160{
padding-top:88.8888888889px!important
}
.pt-170{
padding-top:89.4736842105px!important
}
.pb-30{
padding-bottom:27.2727272727px!important
}
.pb-40{
padding-bottom:33.3333333333px!important
}
.pb-50{
padding-bottom:35.7142857143px!important
}
.pb-60{
padding-bottom:42.8571428571px!important
}
.pb-70{
padding-bottom:50px!important
}
.pb-80{
padding-bottom:57.1428571429px!important
}
.pb-90{
padding-bottom:64.2857142857px!important
}
.pb-100{
padding-bottom:71.4285714286px!important
}
.pb-110{
padding-bottom:78.5714285714px!important
}
.pb-120{
padding-bottom:85.7142857143px!important
}
.pb-130{
padding-bottom:86.6666666667px!important
}
.pb-140{
padding-bottom:87.5px!important
}
.pb-150{
padding-bottom:88.2352941176px!important
}
.pb-160{
padding-bottom:88.8888888889px!important
}
.pb-170{
padding-bottom:89.4736842105px!important
}
}
.normal {
font-weight:400;
}
.bold {
font-weight:700;
}
.color-white{
color:#fff!important
}
.color-blue{
color:#203D8D!important
}
.color-gray{
color:#707070!important
}
.color-dark{
color:#282828!important
}
.color-aksamala{
color:#ef4123!important
}
.color-heading{
color:#222!important
}
.color-body{
color:#707070!important
}
.bg-white{
background-color:#fff!important
}
.bg-gray{
background-color:#f4f4f4!important
}
.bg-dark{
background-color:#282828!important
}
.bg-heading{
background-color:#222!important
}
.bg-theme{
background-color:#ef4123!important
}
.bg-img{
position:relative;
z-index:1
}
.bg-parallax{
background-attachment:fixed
}
.bg-overlay:before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
z-index:-1;
background-color:rgba(27,26,26,.15)
}
.bg-overlay-2:before{
background-color:rgba(27,26,26,.25)
}
.bg-overlay-3:before{
background-color:rgba(27,26,26,.75)
}
h1,h2,h3,h4,h5,h6{
color:#707070;
font-family:"Poppins",sans-serif;
text-transform:capitalize;
line-height:1.1;
margin-bottom:23px
}
p{
font-family: Verdana;
font-size:14px;
line-height:25px;
font-weight:400;
margin-bottom:15px
}
h1{
font-size:52px
}
h2{
font-size:42px
}
h3{
font-size:38px
}
h4{
font-size:32px
}
h5{
font-size:24px
}
h6{
font-size:18px
}
.heading__subtitle{
font-size:14px;
line-height:1;
font-weight:700;
color:#ff5e14;
display:inline-block;
margin-bottom:12px
}
.heading__title{
font-size:33px;
line-height:42px;
margin-bottom:20px
}
.heading__desc{
font-size:14px;
line-height:25px;
margin-bottom:0
}
.divider__line+.heading__desc{
margin-top:18px
}
.heading .divider__line:after{
width:40px
}
.heading-2 .heading__title{
font-size:40px;
line-height:54px
}
.heading-2 .heading__desc{
font-size:17px;
font-weight:600;
line-height:26px;
color:#393939
}
.heading-3 .heading__subtitle{
font-size:17px;
margin-bottom:19px
}
.heading-3 .heading__title{
font-size:24px;
line-height:35px
}
@media only screen and (min-width:768px) and (max-width:991px){
.heading__title{
font-size:30px;
line-height:40px
}
.heading-2 .heading__title{
font-size:35px;
line-height:44px
}
}
@media only screen and (min-width:320px) and (max-width:767px){
.heading__title{
font-size:25px;
line-height:35px;
margin-bottom:10px
}
.heading-2 .heading__title{
font-size:28px;
line-height:38px;
margin-bottom:10px
}
.heading-2 .heading__desc{
font-size:16px;
font-weight:400;
line-height:26px
}
.gift h1 {
font-size: 30px !important;
}
.gift h2 {
font-size: 50px !important;
}
}
@media only screen and (max-width:450px){
.heading-2 .heading__title{
font-size:25px;
line-height:35px
}
.heading-2 .heading__desc{
font-size:15px;
font-weight:400;
line-height:24px
}
}
.header-transparent+.page-title{
margin-top:-135px
}
.pagetitle__subheading{
font-family:Roboto,sans-serif;
font-size:17px;
line-height:1;
color:#f9f9f9;
display:block;
margin-bottom:24px
}
.pagetitle__heading{
font-size:75px;
color:#fff;
margin-bottom:0
}
.pagetitle__desc{
font-size:18px;
font-weight:600;
line-height:27px;
color:#fff;
margin-bottom:0
}
.page-title{
padding:410px 0 86px
}
.page-title .breadcrumb{
margin-bottom:12px
}
.page-title .breadcrumb-item a,.page-title .breadcrumb-item+.breadcrumb-item::before{
color:#fff
}
.page-title .breadcrumb-item a:hover{
color:#ff5e14
}
.page-title .breadcrumb-item.active{
color:#f4f4f4
}
@media only screen and (min-width:768px) and (max-width:991px){
.page-title{
padding:200px 0 60px
}
}
@media only screen and (min-width:320px) and (max-width:767px){
.page-title{
padding:100px 0 50px
}
.pagetitle__desc{
font-size:15px;
font-weight:400;
line-height:25px
}
.pagetitle__heading{
font-size:32px
}
.page-title .breadcrumb{
margin-top:20px
}
}
.btn{
text-transform:capitalize;
position:relative;
font-size:14px;
font-weight:700;
width:170px;
height:50px;
line-height:48px;
border-radius:0;
text-align:center;
padding:0;
letter-spacing:1px;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.btn.active,.btn:active,.btn:focus{
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
outline:0
}
.btn__block{
width:100%
}
.btn__primary{
background-color:#ff5e14;
color:#fff;
border:2px solid #ff5e14
}
.btn__primary:active,.btn__primary:focus,.btn__primary:hover{
background-color:transparent;
color:#ff5e14
}
.btn__primary.btn__hover2:active,.btn__primary.btn__hover2:focus,.btn__primary.btn__hover2:hover{
background-color:#fff;
color:#ff5e14;
border-color:#fff
}
.btn__primary.btn__hover3:active,.btn__primary.btn__hover3:focus,.btn__primary.btn__hover3:hover{
background-color:#222;
color:#fff;
border-color:#222
}
.btn__secondary{
background-color:#282828;
color:#fff;
border:2px solid #282828
}
.btn__secondary:active,.btn__secondary:focus,.btn__secondary:hover{
background-color:#ff5e14;
color:#fff;
border-color:#ff5e14
}
.btn__secondary.btn__hover2:active,.btn__secondary.btn__hover2:focus,.btn__secondary.btn__hover2:hover{
background-color:#fff;
color:#282828;
border-color:#fff
}
.btn__white{
background-color:#fff;
color:#222;
border:2px solid #fff
}
.btn__white:active,.btn__white:focus,.btn__white:hover{
background-color:#ff5e14;
color:#fff;
border-color:#ff5e14
}
.btn__white.btn__hover2:active,.btn__white.btn__hover2:focus,.btn__white.btn__hover2:hover{
background-color:#222;
color:#fff;
border-color:#222
}
.btn__rounded{
border-radius:50px
}
.btn__link{
background-color:transparent;
border-color:transparent;
width:auto;
height:auto;
line-height:1;
border:none
}
.btn__link.btn__primary{
color:#ff5e14
}
.btn__link.btn__primary:active,.btn__link.btn__primary:focus,.btn__link.btn__primary:hover{
color:#282828;
background-color:transparent;
border-color:transparent
}
.btn__link.btn__secondary{
color:#282828
}
.btn__link.btn__secondary:active,.btn__link.btn__secondary:focus,.btn__link.btn__secondary:hover{
color:#ff5e14;
background-color:transparent;
border-color:transparent
}
.btn__link.btn__white{
color:#fff
}
.btn__link.btn__white:active,.btn__link.btn__white:focus,.btn__link.btn__white:hover{
color:#fff;
background-color:transparent;
border-color:transparent
}
.btn__bordered{
background-color:transparent
}
.btn__bordered.btn__primary{
color:#ff5e14;
border-color:#ff5e14
}
.btn__bordered.btn__primary:active,.btn__bordered.btn__primary:focus,.btn__bordered.btn__primary:hover{
color:#fff;
background-color:#ff5e14;
border-color:#ff5e14
}
.btn__bordered.btn__secondary{
color:#282828;
border-color:#282828
}
.btn__bordered.btn__secondary:active,.btn__bordered.btn__secondary:focus,.btn__bordered.btn__secondary:hover{
color:#fff;
background-color:#282828;
border-color:#282828
}
.btn__bordered.btn__white{
color:#fff;
border-color:#fff
}
.btn__bordered.btn__white:active,.btn__bordered.btn__white:focus,.btn__bordered.btn__white:hover{
color:#ff5e14;
background-color:#fff;
border-color:#fff
}
.btn__white.btn__secondary{
color:#282828;
border-color:#fff;
background-color:#fff
}
.btn__white.btn__secondary:active,.btn__white.btn__secondary:focus,.btn__white.btn__secondary:hover{
color:#fff;
background-color:#ff5e14;
border-color:#ff5e14
}
.btn__video.popup-video{
padding-left:50px;
color:#fff
}
.btn__video.popup-video .video__player{
position:absolute;
top:0;
left:0;
width:50px;
height:50px;
line-height:50px
}
.btn__video.popup-video .video__player img{
width:auto;
display:inline-block;
text-align:center
}
.btn__video.popup-video .video__player-animation:before{
left:-26px;
top:-21px;
width:66px;
height:66px
}
.btn__lg{
width:220px
}
.btn__underlined{
padding-bottom:5px
}
.btn__underlined:after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background-color:#ff5e14;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.btn__white.btn__underlined:after{
background-color:#fff
}
.btn__white.btn__underlined:hover{
color:#222
}
.btn__white.btn__underlined:hover:after{
background-color:#222
}
.red {
background: #e1371a;
}
.blue {
background: #203D8D;
background: linear-gradient(180deg, #203D8D 0%, #0C65B0 100%);
}
.yellow {
background: #e1b939;
}
label{
font-size:14px;
font-weight:700;
line-height:1;
margin-bottom:15px;
color:#222
}
.form-group{
position:relative;
margin-bottom:30px
}
.form-control{
height:50px;
line-height:50px;
border:none;
border:1px solid #eaeaea;
border-radius:1px;
padding:0 0 0 20px;
font-size:14px
}
.form-control:focus{
border-color:#ff5e14
}
textarea.form-control{
height:122px;
padding-top:10px;
line-height:25px
}
.form-control::-webkit-input-placeholder{
color:#9b9b9b
}
.form-control:-moz-placeholder{
color:#9b9b9b
}
.form-control::-moz-placeholder{
color:#9b9b9b
}
.form-control:-ms-input-placeholder{
color:#9b9b9b
}
.form__title{
font-size:18px;
line-height:1;
margin-bottom:20px
}
.form-group-select:after{
content:"";
font-family:FontAwesome;
position:absolute;
top:50%;
right:20px;
transform:translateY(-50%)
}
.form-group-select select{
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
color:#9b9b9b;
cursor:pointer
}
.label-radio{
display:block;
position:relative;
padding-left:26px;
margin-bottom:0;
cursor:pointer;
font-size:13px;
font-weight:400;
color:#9b9b9b
}
.label-radio input{
position:absolute;
z-index:-1;
opacity:0
}
.radio-indicator{
position:absolute;
top:-1px;
left:0;
height:17px;
width:17px;
background:0 0;
border:2px solid #eaeaea;
border-radius:50%
}
.label-radio input:checked~.radio-indicator{
background:0 0
}
.label-radio input:checked:focus~.radio-indicator,.label-radio:hover input:not([disabled]):checked~.radio-indicator{
background:0 0
}
.radio-indicator:after{
content:"";
position:absolute;
display:none;
left:3px;
top:3px;
height:7px;
width:7px;
border-radius:50%;
background:#ff5e14
}
.label-radio input:checked~.radio-indicator:after{
display:block
}
.social__icons{
display:flex;
flex-wrap:wrap;
align-items:center
}
.social__icons a{
margin-right:20px;
color:#222
}
.social__icons a:hover{
color:#ff5e14
}
.social__icons a:last-of-type{
margin-right:0
}
.breadcrumb{
background-color:transparent;
padding:0
}
.breadcrumb-item{
line-height:1
}
.breadcrumb-item+.breadcrumb-item::before{
font-family:FontAwesome;
content:""
}
.pagination li{
margin-right:10px
}
.pagination li:last-child{
margin-right:0
}
.pagination li a{
font-size:20px;
font-weight:700;
display:block;
width:50px;
height:50px;
line-height:48px;
background-color:transparent;
color:#9b9b9b;
text-align:center;
border:1px solid #eaeaea;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-ms-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear
}
.pagination li a i{
font-weight:700
}
.pagination li a.current,
.pagination li a:hover{
background-color:#ef4123;
border-color:#ef4123;
color:#fff
}
@media only screen and (min-width:320px) and (max-width:767px){
.pagination li a{
font-size:18px;
width:40px;
height:40px;
line-height:38px
}
}
.contact__list li{
font-size:13px;
line-height:21px
}
.contact__list li i{
font-size:16px;
margin-right:9px;
color:#ff5e14
}
.alert{
background-color:#ffe7dc;
border:1px solid #ff5e14;
padding:24px 20px;
border-radius:0;
color:#ff5e14
}
.header{
position:relative;
z-index:1010
}
.navbar{
padding:0;
height:135px;
max-height:135px;
background-color:#fff;
border-bottom:1px solid #ededed
}
.navbar>.container,.navbar>.container-fluid{
position:relative;
height:135px
}
.navbar .navbar-brand{
padding:0;
margin:0;
line-height:135px
}
.navbar .logo-light{
display:none
}
.navbar .navbar-toggler{
padding:0;
border:none;
border-radius:0;
width:23px;
position:relative
}
.navbar .navbar-toggler .menu-lines{
display:inline-block
}
.navbar .navbar-toggler .menu-lines:after,.navbar .navbar-toggler .menu-lines:before{
content:"";
position:absolute;
top:5px;
left:0;
width:23px;
height:2px;
display:inline-block;
background-color:#333;
-webkit-transition:.3s ease;
-moz-transition:.3s ease;
-ms-transition:.3s ease;
-o-transition:.3s ease;
transition:.3s ease
}
.navbar .navbar-toggler .menu-lines:after{
top:10px
}
.navbar .navbar-toggler .menu-lines span{
position:absolute;
top:0;
left:0;
width:23px;
height:2px;
background-color:#333
}
.navbar .navbar-toggler.actived .menu-lines>span{
opacity:0
}
.navbar .navbar-toggler.actived .menu-lines:before{
top:0;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.navbar .navbar-toggler.actived .menu-lines:after{
top:0;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)
}
.navbar .navbar-nav{
margin-top:70px
}
.navbar .nav__item{
position:relative;
margin-right:29px
}
.navbar .nav__item:last-child{
margin-right:0
}
.navbar .nav__item .nav__item-link{
font-size:15px;
font-weight:700;
text-transform:capitalize;
display:block;
position:relative;
color:#333;
line-height:65px;
letter-spacing:.4px
}
.navbar .nav__item .nav__item-link:before{
content:"";
position:absolute;
bottom:0;
left:0;
width:0;
height:2px;
display:block;
background-color:#333;
-webkit-transition:.5s ease;
-moz-transition:.5s ease;
-ms-transition:.5s ease;
-o-transition:.5s ease;
transition:.5s ease
}
.navbar .nav__item .nav__item-link.active:before,.navbar .nav__item .nav__item-link:hover:before{
width:100%
}
.header__top-right{
position:absolute;
top:30px;
right:15px;
margin-bottom:20px
}
.header__top-right ul li{
margin-left:20px;
font-size:14px;
font-family: Verdana;
color:#fff
}
.header__top-right ul li i{
font-size:16px;
margin-right:7px
}
.header__top-right ul li .btn{
font-size:14px;
width:155px;
height:40px;
line-height:40px;
letter-spacing:0
}
.header__top-right .dropdown-toggle{
display:flex;
align-items:center;
padding-right:25px;
color:#fff
}
.header__top-right .dropdown-toggle:after{
content:""
}
.header__top-right .dropdown-toggle i{
font-size:20px
}
.header__top-right .dropdown-menu{
min-width:100px!important;
padding:0!important
}
.header__top-right .dropdown-menu .dropdown-item{
color:#9b9b9b
}
.header__top-right .dropdown-menu .dropdown-item:focus,.header__top-right .dropdown-menu .dropdown-item:hover{
background-color:transparent;
color:#ff5e14
}
.header__top-right .dropdown-menu .dropdown-item.active,.header__top-right .dropdown-menu .dropdown-item:active{
background-color:transparent
}
.header__topbar{
background-color:#282828;
max-height:45px
}
.header__topbar .contact__list{
display:flex;
flex-wrap:wrap
}
.header__topbar .contact__list li{
line-height:45px;
margin-right:20px
}
.header__topbar .contact__list li a:hover{
color:#fff
}
.header__topbar .contact__list li i{
color:#9b9b9b;
margin-right:8px
}
.header__topbar .contact__list li:last-child{
margin-right:0
}
.header__topbar .social__icons a{
color:#fff;
line-height:45px;
margin-right:20px
}
.header__topbar .social__icons a:last-child{
margin-right:0
}
.header__topbar .social__icons a:hover{
color:#ff5e14
}
.header__topbar .social__icons span{
margin-right:20px
}
@media only screen and (min-width:320px) and (max-width:767px){
.header__topbar{
display:none
}
}
.header-transparent .navbar{
border-bottom:0px solid rgba(255,255,255,.15);
background-color:transparent
}
.header-transparent .navbar .navbar-toggler .menu-lines span,.header-transparent .navbar .navbar-toggler .menu-lines:after,.header-transparent .navbar .navbar-toggler .menu-lines:before{
background-color:#fff
}
.header-transparent .navbar .nav__item .nav__item-link:before{
background-color:#fff
}
.header-transparent .logo-light{
display:inline-block
}
.header-transparent .logo-dark{
display:none
}
.header-transparent .module__btn,.header-transparent .nav__item .nav__item-link{
color:#fff
}
.header-transparent .module__btn-contact{
border-color:#fff;
color:#fff
}
.header-transparent .module__btn-contact:hover{
background-color:#fff;
border-color:#fff;
color:#222
}
.header-transparent .navbar.fixed-navbar .nav__item .nav__item-link:before{
background-color:#fff
}
.header-white .header__top-right .dropdown-toggle,.header-white .header__top-right ul li{
color:#9b9b9b
}
.header-full .module__btn,.header-full .navbar .navbar-nav{
margin-top:0
}
.header-full .navbar,.header-full .navbar .nav__item .nav__item-link{
line-height:100px
}
.header-full .navbar,.header-full .navbar>.container,.header-full .navbar>.container-fluid{
height:100px
}
.fixed-navbar{
position:fixed;
top:0;
right:0;
left:0;
width:100%;
z-index:1040;
border-bottom:0!important;
height:70px;
max-height:70px;
background-color:#e1371a!important;
box-shadow:0 3px 4px rgba(0,0,0,.07);
-webkit-animation:translateHeader .8s;
-moz-animation:translateHeader .8s;
-ms-animation:translateHeader .8s;
-o-animation:translateHeader .8s;
animation:translateHeader .8s
}
.blue .fixed-navbar {
background-color:#203D8D!important;
}
.fixed-navbar>.container,.fixed-navbar>.container-fluid{
position:relative;
height:90px
}
.fixed-navbar .navbar-brand{
line-height:90px
}
.fixed-navbar .header__top-right{
display:none!important
}
.fixed-navbar .nav__item .nav__item-link{
color:#fff;
line-height:60px
}
.fixed-navbar .logo-light{
/* display:none */
width: 70px;
}
/* .fixed-navbar .logo-dark{
display:inline-block;
width: 110px;
} */
.fixed-navbar .navbar-nav{
margin-top:0
}
.fixed-navbar .module__btn{
margin-top:0;
color:#333
}
.header-full .navbar.fixed-navbar,.header-full .navbar.fixed-navbar .nav__item .nav__item-link{
line-height:90px
}
.module__btn{
margin-top:70px;
position:relative;
margin-left:30px;
color:#333;
font-size:16px
}
.module__btn:hover{
color:#ff5e14
}
@media only screen and (min-width:992px) and (max-width:1200px){
.navbar .nav__item{
margin-right:20px
}
}
@media only screen and (max-width:991px){
.navbar .navbar-toggler{
position:absolute;
right:15px;
height:13px
}
.navbar .collapse:not(.show){
display:block
}
.navbar .navbar-nav{
margin:0!important
}
.navbar .nav__item{
margin-right:0
}
.navbar .nav__item .nav__item-link{
color:#282828;
line-height:35px!important;
padding-left:15px
}
.navbar .nav__item .nav__item-link:hover{
color:#ff5e14
}
.navbar .nav__item .nav__item-link:before{
display:none
}
.navbar .navbar-collapse{
background-color:#fff;
box-shadow:0 3px 4px rgba(0,0,0,.07);
z-index:50;
padding:15px 0;
position:absolute;
left:0;
width:100%;
top:100%;
visibility:hidden;
opacity:0;
-webkit-transition:.3s ease;
-moz-transition:.3s ease;
-ms-transition:.3s ease;
-o-transition:.3s ease;
transition:.3s ease;
-webkit-transform:translateY(30px);
-moz-transform:translateY(30px);
-ms-transform:translateY(30px);
-o-transform:translateY(30px);
transform:translateY(30px)
}
.navbar .navbar-collapse .navbar-modules{
padding:0 15px
}
.navbar .menu-opened.navbar-collapse{
opacity:1;
visibility:visible;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.navbar i[data-toggle=dropdown]{
position:absolute;
top:7px;
right:15px;
width:50%;
text-align:right;
z-index:2
}
.navbar .dropdown-toggle:after{
display:none
}
.navbar .nav__item.opened>i[data-toggle=dropdown]:before,.navbar .nav__item.show>i[data-toggle=dropdown]:before{
content:""
}
.fixed-navbar{
position:static;
animation:none
}
.header-transparent+.page-title{
margin-top:0
}
.header-full .navbar{
line-height:80px
}
.header .navbar,.header-transparent .navbar{
/* background-color:#fff */
}
.header .logo-dark,.header-transparent .logo-dark{
display:none
}
.header .logo-light,.header-transparent .logo-light{
display:inline-block
}
.header .module__btn,.header-transparent .module__btn{
color:#333;
margin:0 60px 0 0
}
.header .navbar .navbar-toggler .menu-lines span,.header .navbar .navbar-toggler .menu-lines:after,.header .navbar .navbar-toggler .menu-lines:before,.header-transparent .navbar .navbar-toggler .menu-lines span,.header-transparent .navbar .navbar-toggler .menu-lines:after,.header-transparent .navbar .navbar-toggler .menu-lines:before{
background-color:#fff
}
.header .navbar-expand-lg>.container,.header .navbar-expand-lg>.container-fluid,.header-transparent .navbar-expand-lg>.container,.header-transparent .navbar-expand-lg>.container-fluid{
width:100%;
max-width:none
}
.header .navbar,.header .navbar>.container,.header .navbar>.container-fluid,.header-transparent .navbar,.header-transparent .navbar>.container,.header-transparent .navbar>.container-fluid{
height:80px
}
.header .header-full .navbar,.header .header-full .navbar .navbar-brand,.header .navbar-brand,.header-transparent .header-full .navbar,.header-transparent .header-full .navbar .navbar-brand,.header-transparent .navbar-brand{
margin-left:15px;
line-height:80px!important
}
.header .header-full .navbar,.header .header-full .navbar .navbar-brand,.header-transparent .header-full .navbar,.header-transparent .header-full .navbar .navbar-brand{
line-height:80px
}
.header__topbar>.container{
max-width:none
}
}
@media only screen and (min-width:992px){
.navbar .dropdown-menu{
width:auto;
min-width:235px;
box-shadow:0 2px 6px 0 rgba(40,40,40,.1);
padding:25px 0 23px
}
.navbar .dropdown-menu .nav__item .nav__item-link:before{
display:none
}
.navbar .dropdown-menu.wide-dropdown-menu{
min-width:470px;
padding:0;
overflow:hidden
}
.navbar .dropdown-menu.wide-dropdown-menu>.nav__item{
padding:0
}
.navbar .dropdown-menu.wide-dropdown-menu h6{
font-size:15px;
margin:0 0 13px 40px
}
.navbar .dropdown-menu.wide-dropdown-menu .dropdown-menu-col{
padding:40px 0 27px
}
.navbar .dropdown-menu.wide-dropdown-menu .dropdown-menu-col:first-child{
box-shadow:0 5px 83px 0 rgba(40,40,40,.08)
}
.navbar .nav__item.dropdown-submenu>.mega-menu,.navbar .nav__item.with-dropdown>.dropdown-menu,.navbar .nav__item.with-dropdown>.dropdown-menu>.nav__item.dropdown-submenu>.dropdown-menu,.navbar .nav__item.with-dropdown>.mega-menu{
display:block;
position:absolute;
left:0;
right:auto;
z-index:1050;
opacity:0;
visibility:hidden;
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transform:translateY(10px)
}
.navbar .nav__item.dropdown-submenu>.dropdown-menu>.nav__item.with-dropdown>.dropdown-menu,.navbar .nav__item.with-dropdown>.dropdown-menu>.nav__item.dropdown-submenu>.dropdown-menu{
top:0;
left:100%
}
.navbar .nav__item.dropdown-submenu:hover>.mega-menu,.navbar .nav__item.with-dropdown:hover>.dropdown-menu,.navbar .nav__item.with-dropdown:hover>.mega-menu,.navbar .nav__item.with-dropdown>.dropdown-menu>.nav__item.dropdown-submenu:hover>.dropdown-menu{
opacity:1;
visibility:visible;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.navbar .nav__item.with-dropdown.mega-dropdown{
position:static
}
.navbar .nav__item.with-dropdown .mega-dropdown-menu{
width:100%
}
.navbar .dropdown-menu.mega-dropdown-menu .nav__item{
padding:0
}
.navbar .dropdown-menu.mega-dropdown-menu .nav__item .nav__item-link{
overflow:hidden;
transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease
}
.navbar .dropdown-menu.mega-dropdown-menu .nav__item .nav__item-link:after{
font-family:FontAwesome;
content:"";
position:absolute;
top:auto;
left:-7px;
font-size:7px;
transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-ms-transition:all .4s ease;
-o-transition:all .4s ease;
opacity:0;
color:#ff5e14
}
.navbar .dropdown-menu.mega-dropdown-menu .nav__item .nav__item-link:hover{
padding-left:15px
}
.navbar .dropdown-menu.mega-dropdown-menu .nav__item .nav__item-link:hover:after{
opacity:1;
left:4px
}
.navbar-nav>.nav__item>.dropdown-toggle:after{
display:none
}
.nav__item i[data-toggle=dropdown]{
display:none
}
}
@media only screen and (min-width:320px) and (max-width:767px){
.dropdown-menu.mega-dropdown-menu>.nav__item{
padding:0 15px
}
.dropdown-menu.mega-dropdown-menu .nav__item:last-child>.nav__item-link{
border-bottom:1px solid #f2f2f2
}
.dropdown-menu.mega-dropdown-menu [class^=col-]:last-child .nav__item:last-child>.nav__item-link{
border-bottom:none
}
}
@media only screen and (min-width:320px) and (max-width:575px){
.module__search-container .module__search-form{
max-width:90%
}
.module__search-container .search__input{
font-size:20px;
font-weight:600
}
}
@-webkit-keyframes translateHeader{
0%{
opacity:0;
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%)
}
100%{
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-moz-keyframes translateHeader{
0%{
opacity:0;
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%)
}
100%{
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-ms-keyframes translateHeader{
0%{
opacity:0;
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%)
}
100%{
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes translateHeader{
0%{
opacity:0;
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%)
}
100%{
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes translateHeader{
0%{
opacity:0;
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-o-transform:translateY(-100%);
transform:translateY(-100%)
}
100%{
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
.accordion-item{
border:1px solid #ededed;
background-color:#fff;
padding:25px 30px;
margin-top:-1px
}
.accordion-item:first-child{
margin-top:0
}
.accordion-item .accordion__item-title{
font-family:"Work Sans",sans-serif;
color:#282828;
font-weight:600;
font-size:16px;
cursor:pointer;
display:block;
position:relative;
padding-right:25px
}
.accordion-item .accordion__item-title:after{
position:absolute;
right:0;
top:0;
content:"";
font-family:fontawesome;
background-color:transparent;
color:#222;
font-size:10px;
font-weight:400;
text-align:center;
width:20px;
height:20px;
line-height:20px
}
.accordion-item .accordion__item-header.opened .accordion__item-title{
color:#ff5e14
}
.accordion-item .accordion__item-header.opened .accordion__item-title:after{
background-color:#ff5e14;
color:#fff;
content:""
}
.accordion-item .accordion__item-body{
padding-top:25px
}
.accordion-item .accordion__item-body p{
margin-bottom:0
}
@media only screen and (min-width:320px) and (max-width:767px){
.accordion-item{
padding:15px 20px
}
}
.gift h1 {
font-size: 50px;
}
.gift h2 {
font-size: 60px;
}
.awareness {
padding-bottom: 70px !important;
}
.thank-you {
background: #fff;
padding: 20px;
box-shadow: 0px 8px 25px rgb(0 0 0 / 10%);
border-radius: 3px;
}
.awareness img {
margin: 0 auto;
width: 80%;
}
.awareness,
.gift {
background: #f7e74a;
}
footer {
background: #e1371a;
}
.footer.yellow {
/* background: linear-gradient(180deg, #ffd200 0%, #DEB337 100%); */
background: #f7e74a;
color: #0C65B0;
}
.footer-top{
padding-top:30px;
padding-bottom:0;
}
.footer-top .footer__widget-title{
font-size:18px;
text-transform:uppercase;
line-height:1;
margin-bottom:26px
}
.footer-top .footer__widget-call{
font-size:30px;
text-transform:uppercase;
line-height:1;
}
.footer-top .footer__widget-number{
font-size:48px;
text-transform:uppercase;
line-height:1;
}
.footer-bottom{
padding:25px 0;
text-align: center;
}
.footer-bottom .social__icons a{
font-size:17px
}
#scrollTopBtn{
position:fixed;
right:10px;
bottom:30px;
width:45px;
height:45px;
opacity:0;
z-index:1000;
font-size:18px;
border-radius:4px;
color:#fff;
background-color:#282828;
overflow:hidden;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
#scrollTopBtn:hover{
background-color:#ff5e14
}
#scrollTopBtn.actived{
right:30px;
opacity:1
}
@media only screen and (min-width:768px) and (max-width:991px){
.footer-top{
padding-top:70px;
padding-bottom:50px
}
}
@media only screen and (min-width:320px) and (max-width:767px){
.footer-top{
padding-top:50px;
padding-bottom:0
}
.footer__widget{
margin-bottom:10px
}
.footer-top .footer__widget-title{
margin-bottom:20px
}
.footer-bottom .social__icons{
margin-top:20px;
justify-content:flex-start!important
}
}
@media only screen and (min-width:320px) and (max-width:575px){
.footer-bottom{
padding:25px 0
}
.footer__copyright-links{
margin-bottom:10px
}
.footer__copyright-links li a{
font-size:13px;
line-height:20px;
margin-right:10px;
padding-right:10px
}
#scrollTopBtn{
bottom:20px;
width:30px;
height:30px;
font-size:14px
}
#scrollTopBtn.actived{
right:20px
}
}
[data-dots=false] .owl-dots,[data-nav=false] .owl-nav{
display:none
}
.owl-carousel .owl-item img{
width:auto;
margin: 0 auto 30px;
}
.carousel-dots .owl-dots{
margin-top:10px
}
.carousel-dots .owl-dots .owl-dot{
margin:0 3px
}
.carousel-dots .owl-dots .owl-dot span{
position:relative;
height:10px;
width:10px;
border-radius:50%;
background-color:#a4a4a4;
border:3px solid #a4a4a4;
margin:0;
display:inline-block
}
.carousel-dots .owl-dots .owl-dot.active span{
background-color:transparent;
border-color:#ff5e14
}
.carousel-dots-white .owl-dots .owl-dot span{
background-color:#fff;
border-color:#fff
}
.carousel-dots-white .owl-dots .owl-dot.active span{
border-color:#fff
}
.carousel-dots-white .owl-dots .owl-dot.active span:before{
background-color:#fff
}
.carousel-arrows .owl-nav .owl-next,.carousel-arrows .owl-nav .owl-prev{
position:absolute;
top:50%;
width:50px;
height:50px;
line-height:50px;
color:#999;
font-size:0;
font-weight:400;
text-align:center;
background-color:transparent;
cursor:pointer;
padding:0;
border-radius:0;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transform:translateY(-50%)
}
.carousel-arrows .owl-nav .owl-next:hover,.carousel-arrows .owl-nav .owl-prev:hover{
color:#ff5e14;
background-color:transparent
}
.carousel-arrows .owl-nav .owl-prev{
left:0
}
.carousel-arrows .owl-nav .owl-prev:before{
font-family:FontAwesome;
content:"";
font-size:60px
}
.carousel-arrows .owl-nav .owl-next{
right:0
}
.carousel-arrows .owl-nav .owl-next:before{
font-family:FontAwesome;
content:"";
font-size:60px
}
.carousel-arrows .owl-dots{
position:absolute;
bottom:20px;
width:100%;
line-height:1
}
.header-transparent+.slider{
margin-top:-135px
}
.slider{
padding:0
}
.slider .slide-item{
height:100vh
}
.slider .slide__subtitle{
display:inline-block;
font-family:Roboto,sans-serif;
font-size:17px;
line-height:1;
color:#f9f9f9;
margin-bottom:25px
}
.slider .slide__title{
font-size:48px;
color:#fff;
margin-bottom:22px
}
.slider .slide__desc{
font-size:17px;
font-weight:700;
color:#fff;
margin-bottom:33px
}
.slider .carousel-arrows .owl-nav .owl-prev{
left:50px
}
.slider .carousel-arrows .owl-nav .owl-next{
right:50px
}
.slider .carousel-arrows .owl-nav .owl-next,.slider .carousel-arrows .owl-nav .owl-prev{
color:#fff;
border:none;
line-height:46px;
width:auto;
opacity:0;
transition:opacity .5s ease,transform .4s ease;
transform:scale(.8)
}
.slider:hover .carousel-arrows .owl-nav .owl-next,.slider:hover .carousel-arrows .owl-nav .owl-prev{
opacity:1;
transform:scale(1)
}
.slider .carousel-arrows .owl-nav .owl-next:before,.slider .carousel-arrows .owl-nav .owl-prev:before{
font-size:70px
}
.slider .carousel-arrows .owl-dots{
bottom:30px;
text-align:center
}
.slider .carousel-dots .owl-dots .owl-dot span{
background-color:#fff;
border-color:#fff
}
.slider-1{
overflow:hidden
}
.slider-1 .slide-item{
min-height:800px
}
.slider-1 .thumbs-dots{
position:absolute;
left:15px;
right:15px;
bottom:0;
width:100%;
max-width:1140px;
z-index:3;
display:flex
}
.slider-1 .thumbs-dots .owl-thumb-item{
flex:1;
text-align:left;
padding:25px 30px 23px;
background-color:rgba(27,26,26,.5);
margin-right:2px
}
.slider-1 .thumbs-dots .owl-thumb-item i{
font-size:60px;
color:#f9f9f9
}
.slider-1 .thumbs-dots .owl-thumb-item span{
display:block;
font-family:"Work Sans",sans-serif;
text-transform:capitalize;
font-weight:700;
font-size:16px;
line-height:23px;
color:#f9f9f9;
margin-bottom:0
}
.slider-1 .thumbs-dots .owl-thumb-item.active{
transform:scaleY(1.1);
background-color:#ff5e14
}
.slider-2 .slide__desc{
padding-right:45px
}
.slider-2 .request__form{
max-width:370px;
position:absolute;
right:10px;
bottom:-100px;
margin-bottom:0
}
.slider-2 .request__form .request__form-body{
padding:37px 50px 50px
}
.slider-3 .slide__content{
background-color:#fff;
padding:60px 0 60px 50px
}
.slider-3 .slide__title{
font-size:50px;
color:#222;
margin-bottom:12px
}
.slider-3 .slide__desc{
color:#9b9b9b
}
.slider-3 .video__area{
background-color:#f9f9f9;
border-left:2px solid #ff5e14;
display:flex;
align-items:center;
padding:15px 0
}
.slider-3 .video__area .btn__video.popup-video .video__player{
position:static;
width:75px;
height:75px;
line-height:75px
}
.slider-3 .video__area .popup-video .video__player:after{
content:"";
position:absolute;
top:-5px;
left:50%;
width:85px;
height:85px;
border-radius:50%;
border:2px solid #ff5e14;
transform:translateX(-50%)
}
.slider-3 .video__area .btn__video.popup-video{
padding-left:0;
height:auto
}
.slider-3 .video__area .btn__video.popup-video .video__player-animation:before{
left:-40px;
top:-36px;
width:96px;
height:96px
}
.slider-3 .video__area .btn__video.popup-video p{
color:#222;
font-size:14px;
line-height:23px;
font-weight:700;
margin:25px 0 0
}
@media only screen and (min-width:992px) and (max-width:1200px){
.slider .slide__title{
font-size:64px
}
.slider .carousel-arrows .owl-nav .owl-next{
right:10px
}
.slider .carousel-arrows .owl-nav .owl-prev{
left:10px
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.slider .slide__title{
font-size:50px
}
.slider .carousel-arrows .owl-nav .owl-next{
right:0
}
.slider .carousel-arrows .owl-nav .owl-prev{
left:0
}
.slide__title{
font-size:50px
}
.slider-2 .slide__desc{
padding-right:45px
}
.slider-3 .slide__content{
padding:20px 0 20px 20px
}
}
@media only screen and (min-width:320px) and (max-width:767px){
.header-transparent+.slider{
margin-top:-80px;
}
.slider .slide-item{
height:calc(100vh - 80px)
}
.slider-1 .slide-item{
min-height:0
}
.slider-2 .slide__desc{
padding-right:0
}
.slider-3 .slide__content{
padding:20px 0 20px 20px
}
.slider-3 .container{
max-width:100%
}
.header-transparent+.slider .slide__content{
padding-top:0
}
.slider .carousel-arrows .owl-nav .owl-next,.slider .carousel-arrows .owl-nav .owl-prev{
width:40px;
height:40px;
line-height:40px
}
.slider .carousel-arrows .owl-nav .owl-next:before,.slider .carousel-arrows .owl-nav .owl-prev:before{
font-size:15px
}
}
@media only screen and (min-width:576px) and (max-width:767px){
.slider .slide__title{
font-size:40px;
margin-bottom:17px
}
.slider .carousel-arrows .owl-nav .owl-prev{
left:10px
}
.slider .carousel-arrows .owl-nav .owl-next{
right:10px
}
}
@media only screen and (min-width:320px) and (max-width:575px){
.slider .slide__subtitle{
margin-bottom:15px
}
.slider .slide__title{
font-size:25px;
margin-bottom:15px
}
.slider .slide__desc{
font-size:15px;
font-weight:400;
margin-bottom:20px
}
.slider .btn{
margin-bottom:20px
}
.slider .carousel-arrows .owl-nav .owl-next,.slider .carousel-arrows .owl-nav .owl-prev{
display:none
}
}
@media only screen and (min-width:320px) and (max-width:575px){
.video-1{
padding-top:60px;
padding-bottom:60px
}
.video-1 .heading__title{
font-size:25px;
line-height:35px
}
}
@-webkit-keyframes pulsing{
0%{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
100%{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
opacity:0
}
}
@-moz-keyframes pulsing{
0%{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
100%{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
opacity:0
}
}
@-ms-keyframes pulsing{
0%{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
100%{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
opacity:0
}
}
@-o-keyframes pulsing{
0%{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
100%{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
opacity:0
}
}
@keyframes pulsing{
0%{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
100%{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
opacity:0
}
}
.fancybox-item{
position:relative;
margin-bottom:40px
}
.fancybox-item .fancybox__icon{
font-size:70px;
line-height:1;
color:#ff5e14;
margin-bottom:20px;
-webkit-transition:transform .3s ease;
-moz-transition:transform .3s ease;
-ms-transition:transform .3s ease;
-o-transition:transform .3s ease;
transition:transform .3s ease
}
.fancybox-item .fancybox__title{
font-size:22px;
font-weight:600;
line-height:29px;
margin-bottom:17px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.fancybox-item .fancybox__desc{
font-size:14px;
line-height:24px;
margin-bottom:0
}
.fancybox-item:hover .fancybox__icon{
-webkit-transform:translateY(-4px);
-moz-transform:translateY(-4px);
-ms-transform:translateY(-4px);
-o-transform:translateY(-4px);
transform:translateY(-4px)
}
.fancybox-layout2 .fancybox-item .fancybox__title{
font-size:17px;
line-height:25px;
margin-bottom:12px
}
.fancybox-layout2 .fancybox-item .fancybox__icon{
font-size:48px;
margin-bottom:15px
}
.fancybox-layout2-panel{
background-color:#f9f9f9;
padding:40px 20px 0;
margin-bottom:50px
}
.fancybox-layout2 .fancybox-item-custom{
background-color:#ff5e14;
padding:40px 40px 0;
margin-top:12px
}
.fancybox-layout2 .fancybox-item-custom .fancybox__icon{
font-size:53px;
color:#fff;
margin-bottom:5px
}
.fancybox-layout2 .fancybox-item-custom .fancybox__title{
font-size:25px;
line-height:29px;
font-weight:400;
color:#fff;
margin-bottom:0;
transform:translateY(6px)
}
.fancybox-layout3 .heading__title{
line-height:46px
}
@media only screen and (min-width:768px) and (max-width:991px){
.fancybox-item .fancybox__icon{
font-size:60px;
margin-bottom:10px
}
.fancybox-item .fancybox__title{
margin-bottom:12px
}
}
@media only screen and (min-width:320px) and (max-width:767px){
.fancybox-item{
margin-bottom:30px
}
.fancybox-item .fancybox__icon{
font-size:50px;
margin-bottom:5px
}
.fancybox-item .fancybox__title{
font-size:18px;
margin-bottom:5px!important
}
.fancybox-layout2 .fancybox-item .fancybox__icon{
margin-bottom:7px
}
.fancybox-layout3 .heading__title{
line-height:35px
}
}
.blog-item{
position:relative;
margin-bottom:40px;
/* box-shadow: 0 0 15px 0 rgba(40,40,40,.15); */
box-shadow: 0 5px 83px 0 rgba(40,40,40,.12);
}
.blog-item .blog__img{
position:relative;
overflow:hidden;
margin-bottom:0px
}
.blog-item .blog__img img{
width: 100%;
-webkit-transition:all .9s ease;
-moz-transition:all .9s ease;
-ms-transition:all .9s ease;
-o-transition:all .9s ease;
transition:all .9s ease
}
.blog-item:hover .blog__img 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)
}
.blog-item .blog__content{
padding:15px
}
.blog-item .blog__meta{
display:flex;
align-items:center;
line-height:1
}
.blog-item .blog__meta-cat{
display:inline-block;
margin-right:20px;
margin-bottom:7px;
line-height:1
}
.blog-item a{
position:relative;
color:#ef4123;
padding-right:0px;
display: block;
margin-bottom: 10px;
}
.blog-item p a {
color:#ef4123;
display: inline;
}
.blog-item a:hover{
color:#ff5e14
}
.blog-item .blog__meta-cat a:after{
content:",";
position:absolute;
top:0;
right:2px;
color:#ff5e14
}
.blog-item .blog__meta-cat a:last-child{
padding:0
}
.blog-item .blog__meta-cat a:last-child:after{
display:none
}
.blog-item .blog__meta-date{
font-size:13px;
line-height:1;
display:inline-block;
color:#616161
}
.blog-item .blog__title{
font-size:24px;
line-height:27px;
font-weight:700;
margin-bottom:0px
}
.blog-item .blog__title a{
color:#222
}
.blog-item .blog__title a:hover{
color:#ff5e14
}
.blog-item .blog__desc{
text-align:left;
margin-bottom:0
}
.blog-item .blog__desc h2 {
font-size: 18px;
margin-bottom: 10px;
font-weight: bold;
}
.blog-item .btn__link{
line-height:1;
width:auto;
height:auto;
border:none;
padding-bottom:5px;
margin-top:17px
}
.blog-item .btn__link:after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background-color:#ff5e14
}
.blog-item:hover .btn__link{
color:#ff5e14
}
.blog-grid-layout2 .blog-item{
background-color:#fff;
margin-bottom:30px;
box-shadow:0 5px 83px 0 rgba(40,40,40,.08)
}
.blog-grid-layout2 .blog-item .blog__img{
margin-bottom:27px
}
.blog-grid-layout2 .blog-item .blog__title{
font-size:16px;
line-height:24px;
margin-bottom:0
}
.blog-grid-layout2 .blog-item .blog__content{
padding:0 15px 25px 30px
}
.blog-grid-layout2 .blog-item .blog__meta-date{
margin-bottom:11px
}
.blog-grid-layout2 .blog-item .blog__meta-cat{
margin:0;
position:absolute;
left:30px;
bottom:0;
background-color:#ff5e14;
padding:7px
}
.blog-grid-layout2 .blog-item .blog__meta-cat a{
color:#fff;
font-size:13px
}
.blog-grid-layout2 .blog-item .blog__meta-cat a:hover{
color:#222
}
.blog-grid-layout2 .blog-item .blog__meta-cat a:after{
color:#fff
}
.blog-grid-layout2 .blog-item-wide .blog__content{
padding:10px 50px 30px
}
.blog-grid-layout2 .blog-item-wide .blog__title{
font-size:18px;
line-height:27px;
margin-bottom:0
}
.blog-grid-layout2 .blog-item-wide .blog__desc{
margin:15px 0 12px
}
.blog-grid-layout2 .blog__meta-cat{
left:50px
}
.hidden-blog-item{
display:none
}
.blog-single .blog-item{
text-align:center
}
.blog-single .blog-item .blog__meta-cat{
margin-right:0
}
/* .blog-single .blog-item .blog__content{
padding-left:0
} */
.blog-single .blog__meta{
margin-bottom:26px
}
.blog-single .blog-item .blog__title{
font-size:30px;
line-height:38px;
font-weight:700;
padding:0 60px
}
.blog-standard .blog-item .blog__desc{
margin-bottom:22px
}
.blog-single .blog__desc{
margin-bottom:21px
}
.blog-single .blog__desc p{
font-size:16px;
line-height:26px;
margin-bottom:24px
}
.blog-widget{
padding-top:40px;
margin-bottom:40px;
border-top:1px solid #eaeaea
}
.blog__widget-title{
font-size:18px;
line-height:1;
margin-bottom:30px
}
.blog-share .blog__share-title{
font-size:13px;
line-height:1;
margin-bottom:0
}
.blog-share .social__icons a{
color:#5d5d5d;
transition:.3s linear;
margin:0 0 0 20px
}
.blog-share .social__icons a:hover{
color:#ff5e14
}
.blog__tags{
display:flex;
flex-wrap:wrap
}
.blog__tags a{
font-size:12px;
color:#9b9b9b;
line-height:28px;
margin-right:10px;
margin-bottom:10px;
border:1px solid #eaeaea;
padding:0 11px
}
.blog__tags a:last-child{
margin-right:0
}
.blog__tags a:hover{
background-color:#ff5e14;
border-color:#ff5e14;
color:#fff
}
.blog-nav{
display:flex;
justify-content:space-between;
border-top:1px solid #eaeaea;
padding-top:30px
}
.blog-nav .blog__next,.blog-nav .blog__prev{
position:relative;
min-height:70px
}
.blog-nav .blog__next:hover h6,.blog-nav .blog__prev:hover h6{
color:#ff5e14
}
.blog-nav .blog__next{
text-align:right
}
.blog-nav .blog__next .blog__nav-img{
right:0;
left:auto
}
.blog-nav .blog__nav-img{
position:absolute;
top:0;
left:0;
width:70px;
height:70px
}
.blog-nav .blog__nav-img img{
width:100%;
height:100%
}
.blog-nav .blog__nav-content span{
font-family:Roboto,sans-serif;
font-size:13px;
color:#616161;
display:block;
margin-bottom:1px
}
.blog-nav .blog__nav-content h6{
font-size:16px;
line-height:24px;
margin-bottom:0;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.blog-nav .blog__next .blog__nav-content{
padding-right:90px
}
.blog-nav .blog__prev .blog__nav-content{
padding-left:90px
}
.blog-author{
background-color:#f4f4f4;
padding:40px;
display:flex
}
.blog-author .blog__author-avatar{
width:70px;
height:70px;
min-width:70px;
margin-right:30px;
margin-bottom:20px
}
.blog-author .blog__author-name{
font-size:18px;
line-height:1;
margin-bottom:15px
}
.blog-author .blog__author-bio{
line-height:23px;
margin-bottom:13px
}
.blog-author .social__icons a{
font-size:15px;
margin-right:26px;
color:#5d5d5d
}
.blog-author .social__icons a:hover{
color:#282828
}
.blog-author .social__icons a:last-child{
margin-right:0
}
@media only screen and (min-width:768px) and (max-width:991px){
.blog-single .blog-item .blog__title{
padding:0 40px
}
}
@media only screen and (min-width:320px) and (max-width:767px){
.blog-item{
margin-bottom:30px
}
.blog-item .blog__title{
font-size:16px;
line-height:26px;
margin-bottom:0px
}
/* .blog-item .blog__content{
padding-left:0
} */
.blog-single .blog-item .blog__title{
font-size:20px;
line-height:30px;
padding:0
}
.blog-grid-layout2 .blog-item .blog__content,.blog-grid-layout2 .blog-item-wide .blog__content{
padding:0 20px 20px 20px
}
.blog-share .social__icons{
justify-content:flex-start!important
}
.comments-list .comment__item .comment__avatar{
width:40px;
height:40px
}
.comments-list .comment__item .comment__content{
padding-left:60px
}
.blog-nav{
display:block
}
.blog-nav .blog__prev{
margin-bottom:20px
}
.blog-nav .blog__nav-content h6{
font-size:13px
}
.blog-nav .blog__nav-img{
width:60px;
height:60px
}
.blog-nav .blog__prev .blog__nav-content{
padding-left:70px
}
.blog-nav .blog__next .blog__nav-content{
padding-right:70px
}
}
@media only screen and (min-width:320px) and (max-width:575px){
.blog-author{
display:block;
padding:20px
}
}
.about .heading{
margin-bottom:30px
}
.about .heading .heading__desc p{
margin-bottom:26px
}
.about .heading .heading__desc p:last-of-type{
font-size:16px;
line-height:25px;
font-weight:400
}
.about .signature{
margin-top:6px
}
.about .about__img{
margin-left:50px;
position:relative
}
.about .about__img img{
width:0;
opacity:0;
mix-blend-mode:multiply;
transition:all 1.8s ease;
transition-delay:3s
}
.about .about__img:before{
content:"";
position:absolute;
bottom:-30px;
left:20px;
width:210px;
height:297px;
opacity:0;
transform:scale(0);
background-color:#ef472b;
transition:all 1s ease 1.5s
}
.about .service-box {
box-shadow: 0 0 15px 0 rgba(40,40,40,.15);
padding: 10px;
text-align: center;
border-radius: 10px;
}
.about .service-box .title {
font-size: 13px;
color: #ef472b;
}
.animate-img.about__img:after{
content:"";
position:absolute;
top:0;
right:0;
width:0;
height:100%;
z-index:1;
opacity:0;
background:#ff5e14;
animation-delay:.4s;
animation:slideOutBackground 1.7s ease
}
.animate-img.about__img:before{
opacity:1;
transform:scale(1)
}
.animate-img.about__img img{
opacity:1;
width:100%;
transition-delay:1s;
transition:opacity .1s,transform .75s;
animation:fadeInImage 1.5s ease
}
@keyframes slideOutBackground{
0%{
width:0;
right:100%
}
50%{
width:100%;
right:0;
opacity:1
}
100%{
width:0;
right:0;
opacity:1
}
}
@keyframes fadeInImage{
0%{
opacity:0
}
55%{
opacity:0
}
75%{
opacity:1
}
}
.about-2 .about__img{
margin-left:0;
margin-right:50px
}
.about-2 .about__img:before{
bottom:-30px;
left:-30px
}
.about-2 .fancybox-item{
padding-top:5px;
margin-bottom:5px;
text-align: center;
}
.about-2 .fancybox-item img{
margin-bottom:20px;
border-radius:20px;
box-shadow: 0 0 15px 0 rgba(40,40,40,.15);
}
.about-2 .fancybox-item .fancybox__title{
font-size:18px;
font-weight:700;
line-height:1;
margin-bottom:10px;
color:#ef4123;
}
@media only screen and (min-width:320px) and (max-width:767px){
.about .about__img{
margin-left:30px
}
.about .about__img:before{
left:0
}
}
@media only screen and (max-width:450px){
.about .about__img{
margin-left:20px
}
.about .about__img:before{
bottom:-20px;
width:150px;
height:170px
}
}
.herbal .inner-padding{
padding:50px 0px 50px
}
.herbal .fancybox-item{
margin-bottom:50px
}
.herbal .inner-padding ol {
margin-left: 20px
}
.herbal .inner-padding ol li{
list-style-type: decimal;
margin-bottom: 20px;
font-weight: bold;
}
.herbal .inner-padding ol li .normal{
font-family: Verdana;
}
@media only screen and (min-width:1400px){
.herbal .inner-padding{
padding:50px 50px 50px 120px;
}
}
@media only screen and (min-width:320px) and (max-width:767px){
.herbal .fancybox-item{
margin-bottom:30px
}
}
@media only screen and (min-width:768px) and (max-width:1024px){
.herbal .inner-padding{
padding:40px;
}
}
@media only screen and (min-width:768px) and (max-width:812px){
.header .logo-light, .header-transparent .logo-light,
.header .logo-dark, .header-transparent .logo-dark {
width: 80px;
}
}
@media only screen and (min-width:320px) and (max-width:575px){
.bg-img {
height: 300px;
}
}
@media only screen and (min-width:320px) and (max-width:575px){
.header .logo-light, .header-transparent .logo-light,
.header .logo-dark, .header-transparent .logo-dark {
width: 80px;
}
}
.feature {
padding: 50px 0;
}
.feature-item {
position: relative;
border-radius: 20px;
overflow: hidden;
/* box-shadow: 0 0 15px 0 rgba(40,40,40,.15); */
box-shadow: 0 5px 83px 0 rgba(40,40,40,.12);
}
.feature-item .feature__img {
position: relative;
width: 30%;
float: left;
margin-right: 15px;
overflow: hidden;
}
.feature-item .feature__img img {
width: 280px;
margin-left: -25%;
}
.feature-item .feature__content {
padding: 15px 30px;
}
.feature-item .feature__content p {
margin-bottom: 0;
}
.feature-item .feature__title {
font-size: 20px;
font-weight: 600;
line-height: 28px;
margin-bottom: 0;
}
@media only screen and (min-width:320px) and (max-width:575px){
.feature-item .feature__img {
width: 100%;
margin-bottom: 15px;
}
.feature-item .feature__content {
padding: 15px;
}
.feature-item .feature__img img {
width: 350px;
margin-left: 0;
}
.feature-item .feature__content p {
font-size: 14px;
}
}
/* Price */
.comparison {
width:100%;
margin:0 auto;
font:15px;
text-align:center;
padding:10px;
}
.comparison table {
width:100%;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
box-shadow: 0 5px 83px 0 rgba(40,40,40,.12);
}
.comparison td, .comparison th {
empty-cells: show;
padding:15px;
}
.compare-heading {
font-size:18px;
font-weight:bold !important;
border-bottom:0 !important;
}
.comparison tbody tr:nth-child(odd) {
display:none;
}
.comparison .compare-row {
background:#fbfbfb;
}
.comparison .compare-row > td.title {
background:#f4f4f4;
}
.comparison td.title {
background:#f8f8f8;
color: #707070;
}
.comparison th {
font-weight:normal;
padding:30px 15px;
color: #fff;
}
.comparison td {
color: #ed6256;
}
.comparison th.starter {
background: #f7b0a9
}
.comparison th.standard {
background: #f98e84
}
.comparison th.custom {
background: #ef4123
}
.comparison tr td:first-child {
text-align:left;
}
.comparison .price-info {
padding:5px 15px 15px 15px;
}
.comparison .price-now, .comparison .price-now span {
color:#ef4123;
}
.comparison .price-now span {
font-size:32px;
}
.comparison .price-buy {
background:#ef4123;
padding:10px 25px;
font-size:16px;
font-weight: bold;
display:inline-block;
color:#FFF;
text-decoration:none;
border-radius:10px;
text-transform:uppercase;
}
.comparison .price-buy:hover{
background:#e42605;
}
.chat-footer {
position: fixed;
bottom: 0;
z-index: 9;
}
.button-wa {
border-radius: 40px;
padding: 0px 15px;
overflow: hidden;
font-weight: bold;
text-align: left;
margin: 20px auto;
background: #4ab95e;
}
.button-wa img {
float: left;
border-right: 1px solid #fff;
margin-right: 10px;
padding-right: 5px;
}
@media (min-width: 768px) {
.herbal .inner-padding {
padding: 50px;
}
.chat-footer {
right: 30px;
}
.chat-footer img {
width: 50px;
padding-top: 5px;
padding-bottom: 5px;
}
.button-wa {
left: 28%;
width: 320px;
bottom: 80px;
}
.button-wa .title {
margin-top: 15px;
margin-bottom: 15px;
font-size: 16px;
}
.order img {
max-width: 100%;
}
}
@media (max-width: 767px) {
.comparison td:first-child, .comparison th:first-child {
display: none;
}
.comparison tbody tr:nth-child(odd) {
display:table-row;
background:#F7F7F7;
}
.comparison .row {
background:#FFF;
}
.comparison td, .comparison th {
border:1px solid #fff;
}
.price-info {
border-top:0 !important;
}
}
@media (max-width: 639px) {
.comparison .price-buy {
padding:5px 10px;
font-size: 11px;
font-weight: 400;
}
.comparison td, .comparison th {
padding:10px 5px;
}
.comparison .hide-mobile {
display:none;
}
.comparison .price-now span {
font-size:16px;
}
.comparison .price-small {
font-size: 16px !important;
top: 0;
left: 0;
}
.comparison .qbse, .comparison .qbo {
font-size:12px;
padding:10px 5px;
}
.comparison .price-buy {
margin-top:10px;
}
.compare-heading {
font-size:13px;
}
.order img {
width: 100%;
}
.button-wa {
left: 28%;
width: 300px;
bottom: 80px;
}
.chat-footer {
width: 100%;
}
.chat-footer img {
width: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
.awareness {
padding: 15px 15px;
}
.awareness h6 {
font-size: 13px;
}
.button-wa .title {
margin-top: 10px;
margin-bottom: 10px;
font-size: 16px;
}
.voucher-form {
border: none !important;
background: none !important;
width: 100% !important;
}
.voucher-form input{
background: #fff !important;
border-radius: 40px !important;
margin-bottom: 5px !important;
}
}
/* Faq */
.faq .panel-group {
width: 100%;
}
.faq .accordion .panel-title::after {
position: absolute;
content: "";
width: 40px;
height: 100%;
border-radius: 3px 0px 0px 3px;
right: 0;
top: 0;
text-align: center;
}
.faq .accordion .panel-title::before {
position: absolute;
font-family: FontAwesome!important;
content: "\f078";
right: 0;
top: 50%;
transform: translateY(-50%);
width: 40px;
text-align: center;
z-index: 1;
font-size: 12px;
transition: 0.3s ease-in;
width: 24px;
height: 24px;
border: 1px solid rgba(0, 0, 0, 0.5);
line-height: 22px;
border-radius: 50%;
color: #555;
margin-right: 10px;
}
.faq .accordion .panel-title[aria-expanded=true]::before {
font-family: FontAwesome!important;
content: "\f077";
}
.faq .accordion .panel {
margin-bottom: 20px;
background: #fff;
border-radius: 3px;
box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.1);
position: relative;
}
.faq .accordion .panel-title {
display: block;
width: 100%;
background: #fff;
padding: 15px 40px 15px 20px;
font-size: 18px;
font-weight: 600;
margin-bottom: 0px;
color: #242424;
position: relative;
border-radius: 3px;
cursor: pointer;
}
.faq .accordion .panel .panel-body {
padding: 4px 20px 7px;
}
/* Awareness */
.form_voucher {
}
.form_voucher input{
float: left;
}
.voucher-form {
border:1px solid #fff;
background: #fff;
padding: 10px;
width: 80%;
margin: auto;
}
.voucher-form .form-group{
width: 100%;
margin-bottom: 0;
}
.voucher-form label i{
font-size: 26px;
color: #595959;
}
.voucher-form input{
color: #595959;
font-size: 16px;
height: 50px;
padding: 25px;
text-transform: uppercase;
}
.voucher-form .form-control{
border-radius: 0;
border:solid 2px transparent;
margin-bottom: 0;
border-right: solid 2px #eceef2;;
background-color: transparent;
}
.voucher-form .form-control:last-child{
border-right: none;
}
.voucher-form input::placeholder{
color: #595959;
font-size: 16px;
}
.consumer-form .main-btn,
.voucher-form .main-btn {
border: solid 1px #203D8D;
color: #FFFFFF !important;
font-weight: 700;
padding: 10px 35px;
font-size: 14px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
line-height: normal;
text-align: center;
overflow: hidden;
transition: .8s ease;
text-decoration: none;
background-image: linear-gradient(to right,#203D8D 0%, #0C65B0 50%, #203D8D 100%);
background-size: 200% auto;
}
.consumer-form input{
border: 1px solid #333;
width: 100%;
padding: 9px 20px;
text-align: left;
height: 42px;
outline: 0;
border-radius: 50px;
font-size: 14px;
font-weight: 300;
background: #fff;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin-bottom: 0px;
}
.consumer-form select {
border-radius: 50px;
background: #fff;
border: 1px solid #333;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.consumer-form textarea{
border: 1px solid #333;
background: #fff;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-radius: 20px;
}
.not-found {
color:#ef4123;
font-size: 18px;
font-weight: 600;
}
label.error {
color:#ef4123;
font-size: 11px;
}