/*Project Name : Lumire - Business & Consulting Multi-Purpose TemplateAuthor Company : SpecThemesProject Date: 27 Jan,  2019Template Developer: vsafaryan50@gmail.com*//*==============================================TABLE OF CONTENT==============================================0. Imports1. Sections 2. Headings 3. Preloader 4. Header5. Fonts6. Scroll To Top 7. Helper Classes a) Text-contentb) Image-propertiesc) Buttonsd) Listse) Color Controlf) Video Boxg) Paginationh) Overlays & Opacityi) Forms8. Breadcrumb9. Modals10. Tabs11. Progress Bars12. Pie Charts13. Countups14. Countdowns15. Accordions16. Owl Carousel17. Animations18. Services19. Features20. Testmonials21. Clients22. Callback23. Contact Forms24. Action Boxes25. Overlay Effect26. Pricing27. Team28. Chart JS29. Timeline30. Contact31. Search Results32. Sidebar33. Vertical Nav34. Modals35. Maintenance36. Error Pages37. Shop38. Shop Single39. Shop Cart40. Portfolio41. Portfolio Single42. Blog Grid43 Blog List44. Revolution Slider45. Footer==============================================[END] TABLE OF CONTENT==============================================*//*-----------------------------------------0. Imports-------------------------------------------*//*Navigation Menu*/@import url("navigation.css");
    /*Default Styles*/@import url("default.css");
    /*Fonts*/@import url("https: //fonts.googleapis.com/css?family=Poppins:100, 200, 300, 400, 500, 600, 700, 800, 900");
    @import url('https: //fonts.googleapis.com/css?family=Playfair+Display:400, 400i, 700, 700i, 900, 900i');
    @import url('https: //fonts.googleapis.com/css?family=Montserrat:100, 200, 300, 400, 500, 600, 700, 800, 900');
    /*-----------------------------------------1. Sections-------------------------------------------*/.section-block {
    position:  relative;
    background-color:  #fff;
    padding:  80px 0px 80px 0px;
    overflow:  hidden;
}
@media (max-width: 767px) {
    .section-block {
    padding:  60px 0px 60px 0px;
}
}
.section-block-grey {
    position:  relative;
    padding:  80px 0px 80px 0px;
    background-color:  #fafafa;
}
@media (max-width: 767px) {
    .section-block-grey {
    padding:  60px 0px 60px 0px;
}
}
.section-block-greyer {
    position:  relative;
    padding:  80px 0px 80px 0px;
    background-color:  #f5f5f5;
}
@media (max-width: 767px) {
    .section-block-greyer {
    padding:  60px 0px 60px 0px;
}
}
.section-block-dark {
    position:  relative;
    padding:  80px 0px 80px 0px;
    background-color:  #222;
}
@media (max-width: 767px) {
    .section-block-dark {
    padding:  60px 0px 60px 0px;
}
}
.section-block-parallax {
    position:  relative;
    background-size:  cover;
    background-attachment:  fixed;
    background-position:  50% 50%;
    padding:  90px 0px 90px 0px;
}
@media (max-width: 767px) {
    .section-block-parallax {
    padding:  60px 0px 60px 0px;
}
}
.section-block-bg {
    position:  relative;
    background-size:  cover;
    background-repeat:  no-repeat;
    background-position:  50% 50%;
    padding:  80px 0px 80px 0px;
}
@media (max-width: 767px) {
    .section-block-bg {
    padding:  60px 0px 60px 0px;
}
}
.section-lg {
    padding:  100px 0px 100px 0px;
}
.section-md {
    padding:  90px 0px 90px 0px;
}
.section-sm {
    padding:  60px 0px 60px 0px;
}
.section-xs {
    padding:  45px 0px 45px 0px;
}
.jarallax {
    position:  relative;
}
.jarallax > .jarallax-img {
    position:  absolute;
     object-fit:  cover;
     top:  0;
     left:  0;
     width:  100%;
     height:  100%;
     z-index:  -1;
}
.video-section {
    position:  relative;
}
.video-content {
    position:  relative;
    padding:  90px 0px 90px 0px;
}
.full-screen {
    position:  relative;
    background-position:  center;
    width:  100%;
    height:  100%;
    background-size:  cover;
}
.block-primary-bg {
    position:  relative;
    background:  #d21825;
}
.block-dark-bg {
    position:  relative;
    background:  #222;
}
.block-dark-bg-transparent {
    position:  relative;
    background:  rgba(0,  0,  0,  .6);
}
.block-white-bg {
    position:  relative;
    background:  #fff;
}
.primary-bg {
    background-color:  #d21825 !important;
}
.grey-bg {
    background-color:  #fafafa !important;
}
.light-grey-bg {
    background:  #f7f9fb !important;
}
.dark-bg {
    background-color:  #222 !important;
}
.dots-bg:before {
    overflow:  hidden;
    position:  absolute;
    content:  '';
    left:  35px;
    top:  80px;
    width:  484px;
    height:  316px;
    display:  inline-block;
    background-image:  url("../img/content/bgs/bg4.png");
}
.dots-bg-2:before {
    overflow:  hidden;
     position:  absolute;
     content:  '';
     left:  35px;
     top:  80px;
     width:  484px;
     height:  150px;
     display:  inline-block;
     background-image:  url("../img/content/bgs/bg4.png");
}
/*-----------------------------------------2. Headings-------------------------------------------*/.section-heading {
    position:  relative;
    margin-bottom:  10px;
}
.section-heading h2 strong, .section-heading h3 strong,  .section-heading h4 strong,  .section-heading h5 strong,  .section-heading h6 strong {
    font-weight:  700;
}
.section-heading h2 i, .section-heading h3 i,  .section-heading h4 i,  .section-heading h5 i,  .section-heading h6 i {
    font-style:  italic;
}
.section-heading h2 {
    position:  relative;
    font-size:  40px;
    font-weight:  600;
    color:  #222;
    line-height:  130%;
    margin-bottom:  10px;
    margin-top:  5px;
}
@media (max-width: 767px) {
    .section-heading h2 {
    font-size:  30px;
}
}
.section-heading h3 {
    position:  relative;
    font-size:  37px;
    font-weight:  400;
    color:  #222;
    line-height:  130%;
    margin-bottom:  10px;
    margin-top:  5px;
}
@media (max-width: 767px) {
    .section-heading h3 {
    font-size:  30px;
}
}
.section-heading h4 {
    position:  relative;
    font-size:  30px;
    font-weight:  400;
    color:  #222;
    line-height:  130%;
    margin-bottom:  10px;
    margin-top:  5px;
}
@media (max-width: 767px) {
    .section-heading h4 {
    font-size:  30px;
}
}
.section-heading h5 {
    position:  relative;
    font-size:  24px;
    font-weight:  400;
    color:  #222;
    line-height:  130%;
    margin-bottom:  10px;
    margin-top:  5px;
}
@media screen and (max-width: 767px) {
    .section-heading h5 {
    font-size:  23px;
}
}
.section-heading h6 {
    position:  relative;
    font-size:  21px;
    font-weight:  600;
    color:  #222;
    line-height:  130%;
    margin-bottom:  10px;
    margin-top:  5px;
}
.section-heading p {
    font-size:  15px;
    font-weight:  400;
    color:  #777;
    line-height:  1.8;
    padding-top:  15px;
    margin-bottom:  0px;
}
.section-heading small {
    display:  inline-block;
    font-size:  14px;
    font-weight:  600;
    color:  #d21825;
    padding-bottom:  5px;
}
.large-heading {
    position:  relative;
    margin-bottom:  15px;
}
.large-heading h2 {
    position:  relative;
    font-size:  45px;
    font-weight:  700;
    color:  #222;
    line-height:  1.4;
    margin-bottom:  15px;
}
@media (max-width: 767px) {
    .large-heading h2 {
    font-size:  30px;
}
}
.large-heading h3 {
    position:  relative;
    font-size:  39px;
    font-weight:  700;
    color:  #222;
    line-height:  140%;
    margin-bottom:  15px;
}
.large-heading h4 {
    position:  relative;
    font-size:  36px;
    font-weight:  600;
    color:  #222;
    line-height:  140%;
    margin-bottom:  15px;
}
.large-heading h5 {
    position:  relative;
    font-size:  32px;
    font-weight:  700;
    color:  #222;
    line-height:  130%;
    margin-bottom:  15px;
}
.large-heading small {
    font-size:  14px;
    font-weight:  700;
    color:  #d21825;
    line-height:  250%;
    text-transform:  uppercase;
    padding-bottom:  5px;
}
.section-heading-line {
    content:  '';
    display:  block;
    width:  100px;
    border-radius:  10px;
    height:  6px;
    background:  #d21825;
    margin:  auto;
    margin-top:  20px;
    margin-bottom:  10px;
}
.section-heading-line-white {
    content:  '';
    display:  block;
    width:  100px;
    border-radius:  10px;
    height:  6px;
    background:  #fff;
    margin:  auto;
    margin-top:  20px;
    margin-bottom:  10px;
}
.text-left .section-heading-line {
    content:  '';
    display:  inline-block;
    width:  100px;
    border-radius:  10px;
    height:  6px;
    background:  #d21825;
    margin-top:  10px;
    margin-bottom:  0px;
}
.text-right .section-heading-line {
    text-align:  right;
    content:  '';
    display:  inline-block;
    width:  100px;
    border-radius:  10px;
    height:  6px;
    background:  #d21825;
    margin-top:  10px;
    margin-bottom:  0px;
}
.line-thin {
    height:  4px !important;
}
.line-extra-thin {
    height:  3px !important;
}
.line-wide {
    width:  130px !important;
}
/*-----------------------------------------3. Preloader-------------------------------------------*/#preloader {
    position:  fixed;
    left:  0;
    top:  0;
    z-index:  99999;
    width:  100%;
    height:  100%;
    overflow:  visible;
    background:  #fff;
    display:  flex;
    align-items:  center;
}
.loader {
    display:  table-cell;
    vertical-align:  middle;
    position:  relative;
    width:  200px;
    height:  200px;
}
.loader-icon {
    width:  100px;
    height:  100px;
    border:  2px solid #d21825;
    border-right-color:  transparent;
    border-radius:  50%;
    position:  relative;
    animation:  loader-rotate 1s linear infinite;
    margin:  0 auto;
}
@keyframes loader-rotate {
    0% {
    transform:  rotate(0);
}
100% {
    transform:  rotate(360deg);
}
}
.lds-ellipsis {
    display:  inline-block;
    position:  relative;
    width:  64px;
    height:  64px;
    margin:  auto;
}
.lds-ellipsis div {
    position:  absolute;
    top:  27px;
    width:  11px;
    height:  11px;
    border-radius:  50%;
    background:  #d21825;
    animation-timing-function:  cubic-bezier(0,  1,  1,  0);
}
.lds-ellipsis div:nth-child(1) {
    left:  6px;
    animation:  lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left:  6px;
    animation:  lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left:  26px;
    animation:  lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left:  45px;
    animation:  lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
    transform:  scale(0);
}
100% {
    transform:  scale(1);
}
}
@keyframes lds-ellipsis3 {
    0% {
    transform:  scale(1);
}
100% {
    transform:  scale(0);
}
}
@keyframes lds-ellipsis2 {
    0% {
    transform:  translate(0,  0);
}
100% {
    transform:  translate(19px,  0);
}
}
/*-----------------------------------------4. Header-------------------------------------------*/.main-logo {
    width:  350px;
}
#top-bar {
    position:  relative;
     z-index:  99999;
     background:  #fff;
     border-bottom:  1px solid #eee;
}
.top-bar-info {
    padding:  0px;
}
.top-bar-info li {
    font-size:  13px;
     font-weight:  400;
     color:  #aaa;
     border-left:  1px solid #eee;
     list-style-type:  none;
     float:  left;
     margin:  0px;
     padding:  13.5px 14px 12.5px 14px;
}
.top-bar-info li i {
    font-size:  15px;
     color:  #222;
     padding-right:  8px;
}
.social-icons {
    padding:  0px;
     float:  right;
     margin:  0px;
}
.social-icons li {
    font-size:  14px;
     list-style-type:  none;
     float:  left;
     width:  50px;
     text-align:  center;
     border-left:  1px solid #eee;
     margin:  0px;
     padding:  12px;
}
.social-icons li:last-child {
    border-right:  1px solid #eee;
}
.social-icons li a {
    color:  #222;
     -webkit-transition-duration:  .3s;
     transition-duration:  .3s;
}
.social-icons a:hover {
    color:  #d21825;
}
/*-------- Navigation Menu --------*/.nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a {
    color:  #d21825;
}
.nav-menu > li:hover > a .submenu-indicator-chevron, .nav-menu > .active > a .submenu-indicator-chevron, .nav-menu > .focus > a .submenu-indicator-chevron {
    border-color:  transparent #d21825 #d21825 transparent;
}
.nav-search-button:hover .nav-search-icon {
    color:  #d21825;
}
.nav-button {
    height:  auto !important;
    margin:  18px 15px 0;
    padding:  8px 14px;
    display:  inline-block;
    color:  #fff;
    font-size:  14px;
    text-align:  center;
    text-decoration:  none;
    border-radius:  4px;
    background-color:  #d21825;
    -webkit-transition:  opacity 0.3s;
    transition:  opacity 0.3s;
}
.megamenu-list > li > a:hover {
    color:  #d21825;
}
@media (min-width: 991px) {
    #nav-transparent .nav-menu > li: hover > a, #nav-transparent .nav-menu > li.active > a, #nav-transparent .nav-menu > li.focus > a {
    color:  #d21825;
}
#nav-transparent .nav-menu > li:hover > a .submenu-indicator-chevron, #nav-transparent .nav-menu > .active > a .submenu-indicator-chevron, #nav-transparent .nav-menu > .focus > a .submenu-indicator-chevron {
    border-color:  transparent #d21825 #d21825 transparent;
}
#nav-transparent .nav-dropdown > li:hover > a .submenu-indicator-chevron, #nav-transparent .nav-dropdown > .focus > a .submenu-indicator-chevron {
    border-color:  transparent #d21825 #d21825 transparent;
}
#nav-transparent .nav-white-bg .nav-menu > li:hover > a {
    color:  #d21825;
}
}
.nav-dropdown > li:hover > a, .nav-dropdown > li.focus > a {
    color:  #d21825;
}
.nav-dropdown > li:hover > a .submenu-indicator-chevron, .nav-dropdown > .focus > a .submenu-indicator-chevron {
    border-color:  transparent #d21825 #d21825 transparent;
}
/*-----------------------------------------5. Fonts-------------------------------------------*//*------- Font weights -------*/.extra-light {
    font-weight:  100 !important;
}
.lighter {
    font-weight:  300 !important;
}
.light {
    font-weight:  400 !important;
}
.regular {
    font-weight:  500 !important;
}
.semi-bold {
    font-weight:  600 !important;
}
.bold {
    font-weight:  700 !important;
}
.extra-bold {
    font-weight:  800 !important;
}
.italic {
    font-style:  italic;
}
/*------- Font Sizes -------*/.font-size-20 {
    font-size:  20px !important;
}
.font-size-25 {
    font-size:  25px !important;
}
.font-size-30 {
    font-size:  30px !important;
}
.font-size-32 {
    font-size:  32px !important;
}
@media (max-width: 767px) {
    .font-size-32 {
    font-size:  30px !important;
}
}
.font-size-35 {
    font-size:  35px !important;
}
@media (max-width: 767px) {
    .font-size-35 {
    font-size:  30px !important;
}
}
.font-size-40 {
    font-size:  40px !important;
}
@media (max-width: 767px) {
    .font-size-40 {
    font-size:  30px !important;
}
}
.font-size-45 {
    font-size:  45px !important;
}
@media (max-width: 767px) {
    .font-size-45 {
    font-size:  30px !important;
}
}
/*-----------------------------------------6. Scroll To Top-------------------------------------------*/.scroll-to-top {
    font-size:  11px;
     padding:  12px 6px;
     text-align: center;
     color:  #fff;
    text-decoration:  none;
    position: fixed;
    bottom: 80px;
    right:  10px;
    display: none;
    border-radius:  50%;
    background:  #111;
    width:  40px;
    height:  40px;
     z-index:  9999;
    outline:  none;
    -webkit-transition:  all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
}
.scroll-to-top i {
    color:  #fff;
}
.scroll-to-top:hover {
    color:  #fff;
    background:  #2d2d2d;
}
.scroll-to-top:hover i {
    color:  #fff;
}
.scroll-to-top:visited {
    color:  #fff;
    text-decoration: none;
}
/*-----------------------------------------7. Helper Classes-------------------------------------------*/a:hover {
    color:  #d21825;
}
/*--------------------a) Text-content----------------------*/.text-content-small {
    position:  relative;
}
.text-content-small p {
    font-size:  13px !important;
    font-weight:  600;
    color:  #999;
    line-height:  190%;
    margin-bottom:  15px;
}
.text-content {
    position:  relative;
}
.text-content p {
    font-size:  15px;
    font-weight:  500;
    color:  #777;
    line-height:  190%;
    margin-bottom:  15px;
}
.text-content-big {
    position:  relative;
}
.text-content-big p {
    font-size:  16px;
    font-weight:  400;
    color:  #777;
    line-height:  1.9;
    margin-bottom:  15px;
}
.small-text {
    color:  #222;
    font-size:  13px;
    font-weight:  600;
}
.icon-holder-md i {
    font-size:  55px;
     color:  #d21825;
}
/*--------------------b) Image-properties----------------------*//*--- Frames ---*/.semi-rounded {
    border-radius:  3px !important;
}
.rounded-border {
    border-radius:  5px !important;
}
.extra-rounded-border {
    border-radius:  10px !important;
}
.extra-rounded {
    border-radius:  50px !important;
}
.circled-border {
    border-radius:  50% !important;
}
.no-rounded {
    border-radius:  0px !important;
}
/*--- Shadows ---*/.shadow-black {
    -webkit-box-shadow:  0 20px 40px rgba(0, 0, 0, 0.35);
     box-shadow:  0 20px 40px rgba(0, 0, 0, 0.35);
}
@media (max-width: 767px) {
    .shadow-black {
    margin-bottom:  15px;
}
}
.shadow-primary {
    box-shadow:  0 20px 30px rgba(0, 0, 0, .2);
}
@media (max-width: 767px) {
    .shadow-primary {
    margin-bottom:  15px;
}
}
.shadow-light {
    -webkit-box-shadow:  0 20px 40px rgba(0, 0, 0, 0.06);
     box-shadow:  0 20px 40px rgba(0, 0, 0, 0.06);
}
@media (max-width: 767px) {
    .shadow-light {
    margin-bottom:  15px;
}
}
.shadow-extra-light {
    -webkit-box-shadow:  0 20px 40px rgba(0, 0, 0, 0.05);
     box-shadow:  0 20px 40px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
    .shadow-extra-light {
    margin-bottom:  15px;
}
}
/*--- Extra Effects ---*/.black-white {
    filter:  grayscale(100%);
}
.solid-border {
    border:  1px solid #eee;
}
.border-top {
    border-top:  1px solid #eee !important;
}
.border-bottom {
    border-bottom:  1px solid #eee !important;
}
.border-left {
    border-left:  1px solid #eee !important;
}
.border-right {
    border-right:  1px solid #eee !important;
}
.full-width {
    width:  100%;
}
.full-height {
    height:  100% !important;
}
.min-350 {
    min-height:  350px;
}
.h-49 {
    height:  49px;
}
/*--------------------c) Buttons----------------------*/.button-text {
    display:  inline-block;
    position:  relative;
    font-size:  16px;
    color:  #d21825;
    font-weight:  500;
    background:  transparent;
    border-radius:  5px;
    padding:  15px;
    -webkit-transition:  all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
}
.button-text:hover {
    color:  #222;
}
.button-primary {
    display:  inline-block;
    position:  relative;
    font-size:  16px;
    color:  #fff;
    font-weight:  500;
    background:  #d21825;
    border-radius:  5px;
    padding:  15px;
    -webkit-transition:  all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
}
.button-primary:hover {
    background:  #222;
    color:  #fff;
}
.button-dark {
    display:  inline-block;
     position:  relative;
     font-size:  16px;
     color:  #fff;
     font-weight:  500;
     background:  #222;
     border-radius:  5px;
     padding:  15px;
     -webkit-transition:  all 0.3s ease;
     -moz-transition:  all 0.3s ease;
     -o-transition:  all 0.3s ease;
}
.button-dark:hover {
    background:  #d21825;
     color:  #fff;
}
.button-dark-bordered {
    display:  inline-block;
     position:  relative;
     font-size:  16px;
     color:  #222;
     border:  2px solid #222;
     font-weight:  500;
     background:  transparent;
     border-radius:  5px;
     padding:  15px;
     -webkit-transition:  all 0.3s ease;
     -moz-transition:  all 0.3s ease;
     -o-transition:  all 0.3s ease;
}
.button-dark-bordered:hover {
    background:  #222;
     color:  #fff;
}
.button-grey {
    display:  inline-block;
     position:  relative;
     font-size:  16px;
     color:  #222;
     font-weight:  600;
     background:  #eee;
     border-radius:  5px;
     padding:  15px;
     -webkit-transition:  all 0.3s ease;
     -moz-transition:  all 0.3s ease;
     -o-transition:  all 0.3s ease;
}
.button-grey:hover {
    background:  #222;
     color:  #fff;
}
.button-gradient {
    display:  inline-block;
    position:  relative;
    font-size:  16px;
    color:  #fff;
    font-weight:  500;
    background-image:  linear-gradient(to right,  #d21825 0%,  #afcdff 100%);
    border-radius:  5px;
    padding:  15px;
    -webkit-transition:  all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
}
.button-gradient:hover {
    color:  #fff;
    box-shadow:  0 20px 30px rgba(0, 0, 0, .05);
    transform:  translateY(-5px);
}
.button-white {
    display:  inline-block;
    position:  relative;
    font-size:  16px;
    color:  #222;
    font-weight:  500;
    border:  2px solid #fff;
    background:  #fff;
    border-radius:  5px;
    padding:  15px;
    -webkit-transition:  all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
}
.button-white:hover {
    background:  transparent;
    color:  #fff;
}
.button-white-bordered {
    display:  inline-block;
    position:  relative;
    font-size:  16px;
    color:  #fff;
    font-weight:  500;
    border:  2px solid #fff;
    background:  transparent;
    border-radius:  5px;
    padding:  15px;
    -webkit-transition:  all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
}
.button-white-bordered:hover {
    background:  #fff;
     border:  2px solid #fff !important;
    color:  #222 !important;
}
.button-grey-bordered {
    display:  inline-block;
    position:  relative;
    font-size:  16px;
    color:  #222;
    font-weight:  600;
    border:  2px solid #eee;
    background:  transparent;
    border-radius:  5px;
    padding:  15px;
    -webkit-transition:  all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
}
.button-grey-bordered:hover {
    background:  #d21825;
    border-color:  #d21825;
    color:  #fff;
}
.button-primary-bordered {
    display:  inline-block;
    position:  relative;
    font-size:  16px;
    color:  #d21825;
    font-weight:  600;
    border:  2px solid #d21825;
    background:  transparent;
    border-radius:  5px;
    padding:  15px;
    -webkit-transition:  all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
}
.button-primary-bordered:hover {
    background:  #d21825;
    border-color:  #d21825;
    color:  #fff;
}
.button-simple {
    display:  inline-block;
    color:  #222;
    font-size:  14px;
    font-weight:  600;
    padding-left:  0px !important;
    padding-right:  0px !important;
}
.button-simple i {
    color:  #222;
    font-size:  12px;
    margin-left:  5px;
    -webkit-transition:  all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
}
.button-simple:hover i {
    color:  #d21825;
    margin-left:  10px;
}
.button-simple-primary {
    display:  inline-block;
    color:  #d21825;
    font-size:  15px;
    font-weight:  500;
}
.button-simple-primary i {
    color:  #d21825;
    font-size:  12px;
    margin-left:  5px;
    -webkit-transition:  all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
}
.button-simple-primary:hover {
    color:  #222;
}
.button-simple-primary:hover i {
    color:  #222;
    margin-left:  10px;
}
.button-tag {
    display:  inline-block;
    background:  #eee;
    font-size:  12px;
    font-weight:  500;
    padding:  9px 15px;
    margin:  4px;
}
.button-tag:hover {
    background:  #222;
    color:  #fff;
}
.button-xs {
    font-size:  12px;
    padding:  9px 18px;
}
.button-sm {
    font-size:  12px;
    padding:  12px 20px;
}
.button-md {
    font-size:  13px;
    font-weight:  600;
    padding:  15px 27px;
}
.button-lg {
    font-size:  16px;
    font-weight:  500;
    padding:  18px 28px;
}
.buttons-group [class^="button-"] {
    margin:  3px 2px;
}
/*--------------------d) Lists----------------------*/.primary-list {
    padding-left:  0px;
}
.primary-list li {
    list-style-type:  none;
     color:  #222;
     font-size:  14px;
     font-weight:  600;
     margin-top:  15px;
}
.primary-list li i {
    color:  #d21825;
    font-size:  18px;
     padding-right:  10px;
    transform:  translateY(2px);
}
.grey-list {
    padding-left:  0px;
}
.grey-list li {
    list-style-type:  none;
    color:  #999;
    font-size:  14px;
    font-weight:  500;
    margin-top:  15px;
}
.grey-list li i {
    color:  #d21825;
    font-size:  18px;
    padding-right:  10px;
    transform:  translateY(2px);
}
.dark-list {
    padding-left:  0px;
}
.dark-list li {
    list-style-type:  none;
     color:  #222;
     font-size:  14px;
     font-weight:  600;
     margin-top:  10px;
}
.dark-list li i {
    color:  #222;
     padding-right:  15px;
}
.white-list {
    padding-left:  0px;
}
.white-list li {
    list-style-type:  none;
     color:  #fff;
     font-size:  14px;
     font-weight:  600;
     margin-top:  15px;
}
.white-list li i {
    color:  #d21825;
     padding-right:  15px;
}
/*--------------------e) Color Control----------------------*/.dark-color, .dark-color h1,  .dark-color h2,  .dark-color h3,  .dark-color h4,  .dark-color h5,  .dark-color h6,  .dark-color p,  .dark-color i,  .dark-color strong,  .dark-color span {
    color:  #222 !important;
}
.grey-color,  .grey-color h1,  .grey-color h2,  .grey-color h3,  .grey-color h4,  .grey-color h5,  .grey-color h6,  .grey-color p,  .grey-color i,  .grey-color strong,  .grey-color span {
    color:  #999 !important;
}
.white-color,  .white-color h1,  .white-color h2,  .white-color h3,  .white-color h4,  .white-color h5,  .white-color h6,  .white-color p,  .white-color i,  .white-color strong,  .white-color span {
    color:  #fff !important;
}
.primary-color, .primary-color h1, .primary-color h2, .primary-color h3, .primary-color h4, .primary-color h5, .primary-color h6, .primary-color p, .primary-color i, .primary-color strong, .primary-color span {
    color:  #d21825 !important;
}
/*--------------------f) Video Box----------------------*/.video-video-box {
    position:  relative;
    display:  block;
    width:  100%;
    height:  auto;
}
.video-video-box img {
    width:  100%;
}
.video-video-box-overlay {
    position:  absolute;
    top:  0;
    bottom:  0;
    left:  0;
    right:  0;
    height:  100%;
    width:  100%;
    opacity:  1;
    transition:  .5s ease;
}
.video-video-box-button {
    position:  absolute;
    overflow:  hidden;
    top:  50%;
    left:  50%;
    transform:  translate(-50%,  -50%);
    -ms-transform:  translate(-50%,  -50%);
}
.video-video-box-button button {
    color:  #222;
    font-size:  25px;
    background:  rgba(255,  255,  255,  1);
    width:  100px;
    height:  100px;
    border-radius:  50%;
    padding-top:  5px;
    padding-left:  12px;
    margin:  30px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.video-video-box-button button:hover {
    color:  #222;
    background:  rgba(255,  255,  255,  .7);
}
@media (max-width: 991px) {
    .video-video-box-button button {
    color:  #222;
    font-size:  15px;
    background:  rgba(255,  255,  255,  .7);
    width:  60px;
    height:  60px;
    border-radius:  50%;
    padding-top:  1px;
    padding-left:  9px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
}
/*--- Small Size ---*/.video-video-box-button-sm {
    position:  absolute;
    overflow:  hidden;
    top:  50%;
    left:  50%;
    transform:  translate(-50%,  -50%);
    -ms-transform:  translate(-50%,  -50%);
}
.video-video-box-button-sm button {
    color:  #222;
    font-size:  20px;
    background:  rgba(255,  255,  255,  1);
    width:  80px;
    height:  80px;
    border-radius:  50%;
    padding-top:  2.5px;
    padding-left:  8.5px;
    margin:  30px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.video-video-box-button-sm button:hover {
    color:  #222;
    background:  rgba(255,  255,  255,  .7);
}
@media (max-width: 991px) {
    .video-video-box-button-sm button {
    color:  #222;
    font-size:  15px;
    background:  rgba(255,  255,  255,  .7);
    width:  60px;
    height:  60px;
    border-radius:  50%;
    padding-top:  1px;
    padding-left:  9px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
}
/*--- Extra Small Size ---*/.video-video-box-button-xs {
    position:  absolute;
    overflow:  hidden;
    top:  50%;
    left:  50%;
    transform:  translate(-50%,  -50%);
    -ms-transform:  translate(-50%,  -50%);
}
.video-video-box-button-xs button {
    color:  #222;
    font-size:  15px;
    background:  rgba(255,  255,  255,  1);
    width:  70px;
    height:  70px;
    border-radius:  50%;
    padding-top:  2.5px;
    padding-left:  8.5px;
    margin:  30px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.video-video-box-button-xs button:hover {
    color:  #222;
    background:  rgba(255,  255,  255,  .7);
}
@media (max-width: 991px) {
    .video-video-box-button-xs button {
    color:  #222;
    font-size:  15px;
    background:  rgba(255,  255,  255,  .7);
    width:  60px;
    height:  60px;
    border-radius:  50%;
    padding-top:  1px;
    padding-left:  9px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
}
/*--- Video Buttons ---*/.video-button button {
    position:  relative;
    color:  #fff;
    font-size:  25px;
    background:  transparent;
    border:  2px solid #fff;
    width:  100px;
    height:  100px;
    border-radius:  50%;
    padding:  0;
    display:  flex;
    justify-content:  center;
    align-items:  center;
    margin:  auto;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.video-button button:hover {
    color:  #222;
    background:  #fff;
}
.video-button h4 {
    color:  #fff;
    font-weight:  400;
    margin-top:  15px;
}
/*--- Small Size ---*/.video-button-sm button {
    position:  relative;
    color:  #fff;
    font-size:  20px;
    background:  transparent;
    border:  2px solid #fff;
    width:  80px;
    height:  80px;
    border-radius:  50%;
    padding-top:  5px;
    padding-left:  12px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.video-button-sm button:hover {
    color:  #222;
    background:  #fff;
}
.video-button-sm h4 {
    color:  #fff;
    font-weight:  400;
    margin-top:  10px;
}
/*--- Extra Small Size ---*/.video-button-xs button {
    position:  relative;
    color:  #222;
    font-size:  15px;
    background:  rgba(255,  255,  255,  1);
    width:  70px;
    height:  70px;
    border-radius:  50%;
    padding-top:  2px;
    padding-left:  10px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.video-button-xs button:hover {
    color:  #222;
    background:  rgba(255,  255,  255,  .7);
}
.video-button-xs h4 {
    color:  #fff;
    font-weight:  400;
    margin-top:  10px;
}
/*--------------------g) Pagination----------------------*/.pagination {
    position:  relative;
    display:  block;
    text-align:  center;
}
.pagination a {
    display:  inline-block;
    color:  #222;
    font-size:  14px;
    font-weight:  500;
    text-align:  center;
    border-radius:  3px;
    width:  30px;
    height:  30px;
    padding-top:  5px;
}
.pagination a:hover {
    background:  #eee;
}
.pagination a.active {
    background:  #d21825;
    color:  #fff;
}
/*--------------------h) Overlays----------------------*/.background-shape {
    position:  absolute;
    background:  rgba(0,  52,  86,  0.03);
    height:  100%;
    width:  100%;
    content:  '';
    top:  0;
    left:  50%;
    transform:  skewX(33deg);
    transform-origin:  left bottom;
}
.background-shape:before,  .background-shape:after {
    position:  absolute;
    background:  rgba(255,  255,  255,  0.03);
    height:  100%;
    width:  100%;
    content:  '';
    top:  0;
}
.background-shape:before {
    left:  280px;
}
.background-shape:after {
    left:  560px;
}
.background-shape.bs-right {
    left:  90%;
}
.background-shape.bs-right.bs-bototm {
    left:  54%;
    transform:  rotate(54deg);
}
.background-shape {
    background:  rgba(0,  0,  0,  0.02);
}
.background-shape:before,  .background-shape:after {
    background:  rgba(0,  0,  0,  0.02);
}
.background-shape-2 {
    background-image:  url('../img/content/bgs/bg5.png');
     background-position:  left;
}
.background-shape-3 {
    position:  relative;
     overflow:  hidden;
}
.background-shape-3:before {
    left:  50%;
     margin-left:  -125px;
     height:  800px;
     background:  linear-gradient(to bottom,  rgba(0,  0,  0,  0) 0%,  rgba(0,  0,  0,  0.03) 40%,  rgba(0,  0,  0,  0.03) 100%);
     transform:  rotate(-60deg);
     transform-origin:  bottom right;
}
.background-shape-3:before,  .background-shape-3:after {
    position:  absolute;
     bottom:  0;
     content:  '';
     width:  300px;
}
.background-shape-3:after {
    right:  50%;
     margin-right:  -125px;
     height:  3600px;
     background:  linear-gradient(to top,  rgba(0,  0,  0,  0) 0%,  rgba(0,  0,  0,  0.03) 10%,  rgba(0,  0,  0,  0.03) 100%);
     transform:  rotate(60deg);
     transform-origin:  bottom right;
}
.banner-rounded-bg {
    position:  absolute;
     right:  50%;
     top:  -750px;
     width:  120%;
     height:  1350px;
     z-index:  0;
     border-radius:  0 0 250px 0;
     transform:  rotate(-8deg) skew(10deg);
     transform-origin:  top right;
     padding:  0 120px 110px 0;
     overflow:  hidden;
}
.banner-shade-1,  .banner-shade-2,  .banner-shade-3 {
    display:  block;
     height:  100%;
     width:  100%;
}
.banner-shade-1 {
    border-radius:  0 0 160px 0;
     background-image:  linear-gradient(to top left,  #999 0%,  rgba(0,  0,  0,  0) 30%,  rgba(0,  0,  0,  0) 100%);
     opacity:  .15;
     padding:  0 100px 90px 0;
}
.banner-shade-2 {
    border-radius:  0 0 110px 0;
     background-image:  linear-gradient(to top left,  #888 0%,  rgba(0,  0,  0,  0) 25%,  rgba(0,  0,  0,  0) 100%);
     padding:  0 90px 80px 0;
}
.banner-shade-3 {
    border-radius:  0 0 80px 0;
     background-image:  linear-gradient(to top left,  #777 0%,  rgba(0,  0,  0,  0) 20%,  rgba(0,  0,  0,  0) 100%);
}
@media only screen and (max-width: 991px) {
    .banner-rounded-bg {
    right:  0;
     top:  -550px;
     border-radius:  0 0 0 0;
     transform:  rotate(0) skew(0);
     padding:  0 180px 210px 0;
}
.banner-shade-1 {
    transform:  rotate(-8deg) skew(10deg);
}
.theme-lavendar .dropdown-toggle::after {
    right:  40px;
}
.theme-lavendar .navbar-btns {
    margin:  0 0 30px 0;
}
}
@media only screen and (max-width: 575px) {
    .banner-rounded-bg {
    top:  -700px;
}
}
/*--------------------i) Forms----------------------*//*--- Primary Form ---*/.primary-form {
    position:  relative;
}
.primary-form label {
    font-size:  14px;
    color:  #222;
    font-weight:  600;
     display:  inline-block;
     margin-bottom:  10px;
}
.primary-form input,  .primary-form textarea,  .primary-form select {
    display:  block;
     border-radius:  0px;
    border:  none;
     border-bottom:  1px solid #e8e8e8;
     outline:  0;
     background:  transparent;
     font-size:  14px;
     font-weight:  400;
     width:  100%;
     margin-bottom:  17px;
     padding:  13px 3px;
     -webkit-transition:  all 0.3s ease;
     -moz-transition:  all 0.3s ease;
     -o-transition:  all 0.3s ease;
}
.primary-form input:focus,  .primary-form textarea:focus,  .primary-form select:focus {
    border-color:  #ccc;
}
.primary-form select {
    color:  #757575;
}
.primary-form textarea {
    min-height:  100px;
}
.primary-form button {
    margin-top:  0px;
}
/*--- Primary Form Style 2 ---*/.primary-form-2 {
    position:  relative;
     z-index:  999;
}
.primary-form-2 label {
    font-size:  14px;
    color:  #222;
    font-weight:  600;
    display:  inline-block;
    margin-bottom:  10px;
}
.primary-form-2 input,  .primary-form-2 textarea,  .primary-form-2 select {
    display:  block;
    border-radius:  0px;
    border:  none;
    border-radius:  5px;
    border:  1px solid #eee;
    outline:  0;
    background:  #fff;
    font-size:  13px;
    font-weight:  500;
    width:  100%;
    margin-bottom:  25px;
    padding:  15px;
    -webkit-transition:  all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
}
.primary-form-2 input:focus,  .primary-form-2 textarea:focus,  .primary-form-2 select:focus {
    border-color:  #e8e8e8;
}
.primary-form-2 select {
    color:  #757575;
}
.primary-form-2 textarea {
    min-height:  120px;
}
.primary-form-2 button {
    margin-top:  0px;
}
/*--- Primary Form Style 3 ---*/.primary-form-3 {
    position:  relative;
}
.primary-form-3 label {
    font-size:  14px;
     color:  #222;
     font-weight:  600;
     display:  inline-block;
     margin-bottom:  10px;
}
.primary-form-3 input,  .primary-form-3 textarea,  .primary-form-3 select {
    display:  block;
     border-radius:  0px;
     border:  none;
     border-radius:  5px;
     outline:  0;
     background:  #f7f7f7;
     font-size:  13px;
     font-weight:  500;
     width:  100%;
     margin-bottom:  25px;
     padding:  15px;
     -webkit-transition:  all 0.3s ease;
     -moz-transition:  all 0.3s ease;
     -o-transition:  all 0.3s ease;
}
.primary-form-3 input:focus,  .primary-form-3 textarea:focus,  .primary-form-3 select:focus {
    border-color:  #e8e8e8;
}
.primary-form-3 select {
    color:  #757575;
}
.primary-form-3 textarea {
    min-height:  120px;
}
.primary-form-3 button {
    margin-top:  0px;
}
/*--- Primary Form Style 4 ---*/.primary-form-4 {
    position:  relative;
}
.primary-form-4 label {
    font-size:  14px;
     color:  #222;
     font-weight:  600;
     display:  inline-block;
     margin-bottom:  10px;
}
.primary-form-4 input,  .primary-form-4 textarea,  .primary-form-4 select {
    display:  block;
     border-radius:  0px;
     border:  none;
     border-radius:  5px;
     outline:  0;
     background:  rgba(0,  0,  0,  .1);
     font-size:  13px;
     font-weight:  500;
     width:  100%;
     margin-bottom:  25px;
     padding:  15px;
     -webkit-transition:  all 0.3s ease;
     -moz-transition:  all 0.3s ease;
     -o-transition:  all 0.3s ease;
}
.primary-form-4 input:focus,  .primary-form-4 textarea:focus,  .primary-form-4 select:focus {
    border-color:  #e8e8e8;
}
.primary-form-4 select {
    color:  #757575;
}
.primary-form-4 textarea {
    min-height:  120px;
}
.primary-form-4 button {
    margin-top:  0px;
}
/*--- Checkbox Styles ---*/.checkbox {
    display:  inline-block;
    margin-right:  15px;
}
.checkbox input[type="checkbox"] {
    display:  none;
}
.checkbox label {
    position:  relative;
    color:  #999;
    font-weight:  500;
    font-size:  14px;
    line-height:  1.8;
    display:  inline-block;
    padding-left:  45px;
    user-select:  none;
}
.checkbox label::before, .checkbox label::after {
    position:  absolute;
     content:  "";
     display:  inline-block;
     -webkit-transition:  all 0.3s ease;
     -moz-transition:  all 0.3s ease;
     -o-transition:  all 0.3s ease;
}
/*Outer box of the fake checkbox*/.checkbox label::before {
    height:  27px;
     width:  27px;
     border:  1px solid;
     border-radius:  5px;
     left:  0px;
     top:  3px;
     color:  #ccc;
}
/*Checkmark of the fake checkbox*/.checkbox label::after {
    height:  7px;
     width:  13px;
     border-left:  2px solid;
     border-bottom:  2px solid;
     transform:  rotate(-45deg);
     left:  7px;
     top:  11px;
}
/*Hide the checkmark by default*/.checkbox input[type="checkbox"] + label::after {
    content:  none;
}
/*Unhide on the checked state*/.checkbox input[type="checkbox"]:checked + label::after {
    content:  "";
     color:  #fff;
}
/*Adding focus styles on the outer-box of the fake checkbox*/.checkbox input[type="checkbox"]:focus + label::before {
    outline:  none;
}
.checkbox input[type="checkbox"]:checked + label::before {
    background-color:  #d21825;
     color:  #d21825;
}
/*--- Radio Styles ---*/.radio {
    display:  none !important;
}
.radio-custom {
    width:  30px;
    height:  30px;
    border:  1px solid #ccc;
    border-radius:  3px;
    margin-left:  25px;
    margin-right:  5px;
    position:  relative;
}
.radio-custom,  .radio-label {
    display:  inline-block;
    vertical-align:  middle;
    margin-top:  10px;
}
@media (max-width: 767px) {
    .radio-label {
    display:  block;
}
.radio-custom {
    text-align:  center;
    margin:  0px 15px;
}
}
.radio:checked + .radio-custom::before {
    content:  "";
    display:  block;
    position:  absolute;
    top:  7px;
    right:  7px;
    bottom:  7px;
    left:  7px;
    background:  #d21825;
    border-radius:  2px;
}
.radio-custom,  .radio:checked + .radio-custom::before {
    border-radius:  50%;
}
.radio-label {
    font-weight:  600;
     font-size:  13px;
}
/*-----------------------------------------8. Breadcrumbs-------------------------------------------*/.breadcrumb-section {
    position:  relative;
    background-image:  url('../img/content/bgs/bg-breadcrumb-1.jpg');
     background-position:  center;
     background-repeat:  no-repeat;
     background-size:  cover;
     padding:  120px 0px 120px 0px;
}
.breadcrumb-section h1 {
    position:  relative;
     color:  #fff;
     font-size:  40px;
}
.breadcrumb-section ul {
    position:  relative;
     padding:  0;
     margin:  0;
}
.breadcrumb-section ul li {
    display:  inline-block;
     margin:  10px 5px;
}
.breadcrumb-section ul li:after {
    content:  " / ";
     font-size:  12px;
     font-weight:  300;
     color:  #fff;
     opacity:  0.5;
     padding-left:  10px;
}
.breadcrumb-section ul li:last-child:after {
    content:  none;
}
.breadcrumb-section ul li a {
    color:  #fff;
     font-size:  14px;
     opacity:  0.5;
}
.breadcrumb-section ul li a:hover {
    opacity:  1;
}
/*-----------------------------------------9. Modals-------------------------------------------*/.izimodal {
    overflow:  hidden;
}
.iziModal-content {
    width:  100%;
}
.modal-inside {
    position:  relative;
    width:  100%;
}
.close-modal {
    opacity:  1;
     width:  20px;
     height:  20px;
     text-align:  center;
     border-radius:  100%;
     position:  absolute;
     top:  5px;
     right:  12px;
     color:  #aaa;
     z-index:  20;
     line-height:  40px;
     font-weight:  100;
     font-size:  17px;
}
.close-modal i {
    color:  #aaa;
     line-height:  40px;
     font-weight:  100;
     font-size:  17px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.close-modal:hover i {
    color:  #222;
}
/*-----------------------------------------10. Tabs-------------------------------------------*//*----------- Default Tabs-------------*/.default-tabs .tabs {
    position:  relative;
}
.default-tabs .tabs .tab-menu li {
    background:  #fff;
    display:  inline-block;
    text-align:  center;
}
.default-tabs .tabs .tab-menu li a {
    color:  #111;
    display:  block;
    font-size:  14px;
    font-weight:  600;
    padding:  18px 24px;
    text-decoration:  none;
}
.default-tabs .tabs .tab-menu li a i {
    color:  #d21825;
    display:  inline-block;
    font-size:  15px;
    margin-right:  10px;
     text-decoration:  none;
}
.default-tabs .tabs .tab-menu li:hover a,  .default-tabs .tabs .tabs li:hover i {
    color:  #d21825;
}
.default-tabs .tab-menu .active-tab a,  .default-tabs .active-tab a i {
    color:  #d21825 !important;
}
.default-tabs .tab-menu {
    margin-bottom:  4px;
}
@media screen and (max-width: 1200px) {
    .default-tabs .tabs .tab-menu li {
    background:  #fff;
    display:  inline-block;
    text-align:  center;
    width:  auto;
}
.default-tabs .tabs .tab-menu li a {
    color:  #111;
    display:  block;
    font-size:  15px;
    font-weight:  500;
    padding:  18px 24px;
    text-decoration:  none;
}
}
@media screen and (max-width:767px) {
    .default-tabs .tabs .tab-menu li {
    display:  block;
    width:  100%;
    text-align:  center;
    margin-bottom:  4px;
}
.default-tabs .tab-menu .tabs li a {
    display:  block;
    padding:  18px 14px;
}
.default-tabs .tab-menu .tabs li i {
    font-size:  25px;
}
}
.tab-body {
    display:  block;
    position:  relative;
    background:  #fff;
    border-radius:  5px;
    margin-top:  4px;
}
.tab-body h2 {
    font-size:  30px;
    color:  #222;
    font-weight:  300;
    margin-bottom:  10px;
}
.tab-body h3 {
    font-size:  25px;
    color:  #222;
    font-weight:  500;
    margin-bottom:  10px;
}
.tab-body h4 {
    font-size:  20px;
    color:  #222;
    font-weight:  500;
    margin-bottom:  10px;
}
.tab-body h5 {
    font-size:  15px;
    color:  #111;
    font-weight:  500;
    margin-bottom:  10px;
}
.tab-body-dark {
    display:  block;
    position:  relative;
    padding:  25px;
    background:  rgba(0,  0,  0,  .7);
    border-radius:  5px;
}
.tab-body-dark h2 {
    font-size:  30px;
    color:  #fff;
    font-weight:  300;
    margin-bottom:  10px;
}
.tab-body-dark h3 {
    font-size:  25px;
    color:  #fff;
    font-weight:  500;
    margin-bottom:  10px;
}
.tab-body-dark h4 {
    font-size:  20px;
    color:  #fff;
    font-weight:  500;
    margin-bottom:  10px;
}
.tab-body-dark h5 {
    font-size:  15px;
    color:  #fff;
    font-weight:  500;
    margin-bottom:  10px;
}
.tab-body-transparent {
    display:  block;
    position:  relative;
    background:  transparent;
    border-radius:  5px;
}
/*----------- Medium Icon Tabs-------------*/.medium-icon-tabs .tabs {
    position:  relative;
}
.medium-icon-tabs .tabs .tab-menu {
    display:  table;
     border-collapse:  collapse;
     width:  100%;
    margin-bottom:  5px;
}
.medium-icon-tabs .tabs .tab-menu li {
    display:  table-cell;
}
.medium-icon-tabs .tabs .tab-menu li:last-child {
    margin-right:  0px;
}
.medium-icon-tabs .tabs .tab-menu li a {
    background:  transparent;
    color:  #fff;
    display:  block;
    font-size:  15px;
    font-weight:  600;
    border-radius:  5px;
    padding:  18px 24px;
    text-decoration:  none;
}
.medium-icon-tabs .tabs .tab-menu li a i {
    color:  #fff;
    display:  block;
    font-size:  40px;
    margin-bottom:  10px;
     text-decoration:  none;
}
.medium-icon-tabs .tabs .tab-menu li:hover a,  .medium-icon-tabs .tabs .tabs li:hover i {
    background:  rgba(0,  0,  0,  .5);
    color:  #fff;
}
.medium-icon-tabs .tab-menu .active-tab a,  .medium-icon-tabs .active-tab a i {
    color:  #fff !important;
}
.medium-icon-tabs .tab-menu .active-tab a {
    background:  #d21825 !important;
    color:  #fff;
}
.medium-icon-tabs .tab-menu .active-tab a i {
    color:  #fff !important;
}
@media screen and (max-width: 1200px) {
    .medium-icon-tabs .tabs .tab-menu li {
    background:  transparent;
    display:  inline-block;
    text-align:  center;
    width:  auto;
}
.medium-icon-tabs .tabs .tab-menu li a {
    color:  #fff;
    display:  block;
    font-size:  15px;
    font-weight:  500;
    padding:  18px 24px;
    text-decoration:  none;
}
}
@media screen and (max-width:767px) {
    .medium-icon-tabs .tabs .tab-menu li {
    display:  block;
    width:  100%;
    text-align:  center;
    margin-bottom:  4px;
}
.medium-icon-tabs .tab-menu .tabs li a {
    display:  block;
}
.medium-icon-tabs .tab-menu .tabs li i {
    font-size:  25px;
}
}
/*--- Light Color ---*/.medium-icon-tabs-light .tabs {
    position:  relative;
}
.medium-icon-tabs-light .tabs .tab-menu {
    display:  table;
     border-collapse:  collapse;
     width:  100%;
     border-radius:  5px;
     overflow:  hidden;
    margin-bottom:  5px;
    -webkit-box-shadow:  0 2px 10px rgba(0,  0,  0,  0.075);
     -moz-box-shadow:  0 2px 10px rgba(0,  0,  0,  0.075);
     box-shadow:  0 2px 10px rgba(0,  0,  0,  0.075);
}
.medium-icon-tabs-light .tabs .tab-menu li {
    display:  table-cell;
}
.medium-icon-tabs-light .tabs .tab-menu li:last-child {
    margin-right:  0px;
}
.medium-icon-tabs-light .tabs .tab-menu li a {
    background:  transparent;
    color:  #222;
    display:  block;
    font-size:  15px;
    font-weight:  600;
    padding:  18px 24px;
    text-decoration:  none;
}
.medium-icon-tabs-light .tabs .tab-menu li a i {
    color:  #222;
    display:  block;
    font-size:  40px;
    margin-bottom:  10px;
     text-decoration:  none;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.medium-icon-tabs-light .tabs .tab-menu li a:hover {
    color:  #d21825;
}
.medium-icon-tabs-light .tabs .tab-menu li a:hover i {
    color:  #d21825;
}
.medium-icon-tabs-light .tab-menu .active-tab a,  .medium-icon-tabs .active-tab a i {
    color:  #d21825 !important;
}
.medium-icon-tabs-light .active-tab a i {
    color:  #d21825 !important;
}
.medium-icon-tabs-light .tab-menu .active-tab a {
    background:  #fff !important;
    color:  #d21825;
}
@media screen and (max-width: 1200px) {
    .medium-icon-tabs-light .tabs .tab-menu li {
    background:  transparent;
    display:  inline-block;
    text-align:  center;
    width:  auto;
}
.medium-icon-tabs-light .tabs .tab-menu li a {
    color:  #222;
    display:  block;
    font-size:  15px;
    font-weight:  500;
    padding:  18px 24px;
    text-decoration:  none;
}
}
@media screen and (max-width:767px) {
    .medium-icon-tabs-light .tabs .tab-menu li {
    display:  block;
    width:  100%;
    text-align:  center;
    margin-bottom:  4px;
}
.medium-icon-tabs-light .tab-menu .tabs li a {
    display:  block;
}
.medium-icon-tabs-light .tab-menu .tabs li i {
    font-size:  25px;
}
}
/*----------- Big Icon Tabs-------------*/.big-icon-tabs .tabs {
    position:  relative;
}
.big-icon-tabs .tabs .tab-menu li {
    display:  inline-block;
    text-align:  center;
    margin-right:  5px;
}
.big-icon-tabs .tabs .tab-menu li:last-child {
    margin-right:  0px;
}
.big-icon-tabs .tabs .tab-menu li a {
    background:  #ececec;
    color:  #111;
    display:  block;
    font-size:  15px;
    font-weight:  500;
    padding:  18px 24px;
    text-decoration:  none;
    border-top:  2px solid #ececec;
}
.big-icon-tabs .tabs .tab-menu li a i {
    color:  #d21825;
    display:  block;
    font-size:  40px;
    margin-bottom:  10px;
     text-decoration:  none;
}
.big-icon-tabs .tabs .tab-menu li:hover a,  .big-icon-tabs .tabs .tabs li:hover i {
    color:  #d21825;
}
.big-icon-tabs .tab-menu .active-tab a,  .big-icon-tabs .active-tab a i {
    border-color:  #d21825 !important;
}
.big-icon-tabs .tab-menu .active-tab a {
    background:  #f7f7f7 !important;
}
@media screen and (max-width: 1200px) {
    .big-icon-tabs .tabs .tab-menu li {
    background:  #f7f7f7;
    display:  inline-block;
    text-align:  center;
    width:  auto;
}
.big-icon-tabs .tabs .tab-menu li a {
    color:  #111;
    display:  block;
    font-size:  15px;
    font-weight:  500;
    padding:  18px 24px;
    text-decoration:  none;
}
}
@media screen and (max-width:767px) {
    .big-icon-tabs .tabs .tab-menu li {
    display:  block;
    width:  100%;
    text-align:  center;
    margin-bottom:  4px;
}
.big-icon-tabs .tab-menu .tabs li a {
    display:  block;
}
.big-icon-tabs .tab-menu .tabs li i {
    font-size:  25px;
}
}
/*-----------------------------------------11. Progress Bars-------------------------------------------*/.progress-bar-title {
    position:  relative;
    margin-bottom:  8px;
    margin-top:  28px;
}
.progress-bar-title h5 {
    display:  inline-block;
    width:  50%;
    float:  left;
    font-size:  13px;
    color:  #222;
}
.progress-bar-title h6 {
    text-align:  right;
    display:  inline-block;
    width:  50%;
    float:  left;
    font-size:  13px;
    color:  #222;
}
.progress-bar-primary {
    background:  #d21825;
}
.progress-bar-dark {
    background:  #222;
}
.progress-bar-white {
    background:  #fff;
}
.progress-bar-gradient {
    background:  transparent;
     background-image:  linear-gradient(to right,  rgba(210,  24,  37,  1),  rgba(210,  24,  37,  .4));
}
/*--- Progress Bar Sizes ---*/.progress-bar-xs {
    position:  relative;
    height:  5px;
}
.progress-bar-sm {
    position:  relative;
    height:  8px;
}
.progress-bar-md {
    position:  relative;
    height:  10px;
}
.progress-bar-lg {
    position:  relative;
    height:  14px;
     border-radius:  30px;
}
/*-----------------------------------------12. Pie Charts-------------------------------------------*/.pie-chart {
    text-align:  center;
    margin:  20px 0px;
}
.pie-chart .chart {
    position:  relative;
     display:  block;
     width:  120px;
     text-align:  center;
     border-radius:  50%;
     margin:  auto;
}
.pie-chart-md .chart {
    width:  170px;
     max-width:  100%;
}
.pie-chart-sm .chart {
    width:  130px;
}
.pie-chart .chart canvas {
    position:  absolute;
     top:  0;
     left:  0;
}
.pie-chart .chart-percent {
    margin:  0 0 15px 0;
}
.pie-chart .percent {
    font-size:  17px;
    font-weight:  600;
    display:  inline-block;
     z-index:  2;
}
.pie-chart-md .percent {
    font-size:  18px;
    font-weight:  600;
    display:  inline-block;
     z-index:  2;
}
.percent:after {
    content:  '%';
}
.pie-chart h4 {
    font-size:  14px;
    font-weight:  600;
    text-align:  center;
    margin-top:  15px;
}
.pie-chart-md h4 {
    font-size:  18px;
    font-weight:  600;
    text-align:  center;
    margin-top:  17px;
}
.pie-chart h5 {
    color:  #999;
    font-size:  12px;
    font-weight:  500;
    text-align:  center;
    margin-top:  15px;
}
.pie-chart-md h5 {
    color:  #999;
    font-size:  13px;
    font-weight:  500;
    text-align:  center;
    margin-top:  7px;
}
.pie-chart-sm h5 {
    margin-top:  7px;
}
.pie-chart-sm h4 {
    margin-top:  18px;
}
/*-----------------------------------------13. Countups-------------------------------------------*//*--- Styles 1 ---*/.countup-box {
    display:  block;
    position:  relative;
}
.countup-box h4 {
    font-size:  50px;
    font-weight:  600;
    z-index:  2;
}
.countup-box h4:after {
    content:  '+';
    display:  inline-block;
    margin-left:  5px;
}
.countup-box h5 {
    font-size:  17px;
    font-weight:  600;
    color:  #d21825;
    z-index:  2;
}
.countup-box i {
    position:  absolute;
    top:  0;
    left:  0;
    z-index:  1;
    font-size:  90px;
    color:  #eee;
    transform:  rotate(30deg);
    margin:  auto;
}
@media (max-width: 575px) {
    .countup-box {
    margin-top:  20px;
}
.countup-box i {
    display:  inline-block;
    position:  absolute;
    top:  0;
    left:  20%;
    z-index:  1;
    font-size:  90px;
    color:  #eee;
    transform:  rotate(30deg);
    margin:  auto;
}
}
/*--- Styles 2 ---*/.countup-box-2 {
    position:  relative;
}
.countup-box-2 h3 {
    display:  inline-block;
    color:  #d21825;
    font-size:  60px;
    font-weight:  300;
    line-height:  1;
}
.countup-box-2 span {
    color:  #d21825;
    font-size:  45px;
    font-weight:  400;
    line-height:  1;
}
@media (max-width: 575px) {
    .countup-box-2 {
    margin:  25px 0px;
}
.countup-box-2 h3 {
    font-size:  50px;
}
.countup-box-2 span {
    font-size:  35px;
}
}
.countup-box-2 h4 {
    color:  #222;
    font-size:  16px;
    font-weight:  600;
    border-bottom:  1px solid #eee;
    margin-top:  10px;
    padding-bottom:  20px;
}
.countup-box-2 p {
    color:  #979797;
    font-size:  15px;
    font-weight:  500;
    margin-top:  15px;
}
/*-----------------------------------------14. Countdowns-------------------------------------------*//*--- Styles 1 ---*/.countdown-1 {
    position:  relative;
    text-align:  center;
}
.countdown-1 h6 {
    font-size:  17px;
    color:  #222;
    text-align:  center;
    margin-top:  5px;
}
.countdown-1 .countdown-box {
    font-size:  60px;
    font-weight:  700;
    color:  #222;
    margin:  15px 0px;
}
@media (max-width: 767px) {
    .countdown-1 .countdown-box {
    font-size:  30px;
}
}
/*Small Size*/.countdown-1-sm {
    position:  relative;
    text-align:  center;
}
.countdown-1-sm h6 {
    font-size:  14px;
    color:  #222;
    text-align:  center;
    margin-top:  5px;
}
.countdown-1-sm .countdown-box {
    font-size:  45px;
    font-weight:  700;
    color:  #222;
    margin:  15px 0px;
}
@media (max-width: 767px) {
    .countdown-1-sm .countdown-box {
    font-size:  30px;
}
}
/*--- Styles 1 White ---*/.countdown-1-white {
    position:  relative;
    text-align:  left;
}
.countdown-1-white h6 {
    font-size:  16px;
    color:  #fff;
    opacity:  .6;
    text-align:  left;
}
.countdown-1-white .countdown-box {
    font-size:  45px;
    font-weight:  700;
    color:  #fff;
    margin:  15px 0px;
}
@media (max-width: 767px) {
    .countdown-1-white .countdown-box {
    font-size:  30px;
}
}
/*-----------------------------------------15. Accordions-------------------------------------------*/.card-header-primary {
    padding:  22px 5px;
    margin-bottom:  0;
    background-color:  transparent !important;
    border-bottom:  0px;
}
.card {
    border:  none;
}
.card-primary {
    position:  relative;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction:  column;
    min-width:  0;
    word-wrap:  break-word;
    background-color:  transparent !important;
    background-clip:  border-box;
    border-bottom:  1px solid #eee;
    border-radius:  0px;
}
.card-primary a {
    display:  block;
    font-size:  15px;
    font-weight:  500;
    color:  #d21825;
}
.card-primary a:hover {
    color:  #d21825;
}
.card-primary .collapsed:focus:hover {
    color:  #d21825;
}
.card-primary a:after {
    display:  inline-block;
    float:  right;
    font-family:  'themify';
    content:  "\e622";
    font-size:  16px;
    font-weight:  700;
}
.card-primary .collapsed:after {
    display:  inline-block;
    float:  right;
    font-family:  'themify';
    content:  "\e61a";
    font-size:  12px;
    font-weight:  700;
}
.card-primary .collapsed {
    color:  #222;
}
.card-primary .collapsed:focus {
    color:  #222;
}
.card-body-primary {
    padding:  5px 5px 20px 5px;
}
.card-body-primary p {
    font-size:  14px;
    font-weight:  400;
    color:  #999;
    line-height:  1.8;
}
/*-----------------------------------------16. Owl Carousel Dots-------------------------------------------*/.custom-dot {
    display:  inline-block;
     z-index:  1;
     margin-top:  20px;
}
.custom-dot span {
    width:  9px;
     height:  9px;
     margin:  5px 7px;
     background:  #cecece;
     cursor:  pointer;
     display:  block;
     border:  0px solid #fff;
     -webkit-backface-visibility:  visible;
     border-radius:  30px;
     -webkit-transition-duration:  .3s;
     transition-duration:  .3s;
}
.custom-dot span:hover {
    background:  #aaa;
     -webkit-backface-visibility:  visible;
     border-radius:  30px;
}
.custom-dot.active span {
    width:  9px;
     height:  9px;
     background:  #d21825;
     -webkit-transition-duration:  .3s;
     transition-duration:  .3s;
}
.owl-nav i {
    color:  #555;
    font-size:  16px;
}
.owl-prev,  owl-next {
    width:  55px;
     height:  55px;
    background:  #fff !important;
    border:  2px solid #fff;
    border-radius:  50% !important;
    box-shadow:  0 20px 30px rgba(0, 0, 0, .05);
     position:  absolute;
     top:  calc(50% - 40px);
    left:  -70px;
     display:  block !important;
    padding-top:  15px !important;
     -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
     transition:  opacity .3s ease-in-out;
}
.owl-next {
    width:  55px;
     height:  55px;
    background:  #fff !important;
    border:  2px solid #fff;
    border-radius:  50% !important;
    box-shadow:  0 20px 30px rgba(0, 0, 0, .05);
     position:  absolute;
     top:  calc(50% - 40px);
     right:  -70px;
     display:  block !important;
     padding-top:  15px !important;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
    transition:  opacity .3s ease-in-out;
}
.owl-prev:hover {
    opacity:  .7;
}
.owl-next:hover {
    opacity:  .7;
}
.customizable-carousel .owl-prev {
    left:  0 !important;
     padding-top:  19.5px !important;
}
.customizable-carousel .owl-next {
    right:  0 !important;
     padding-top:  19.5px !important;
}
.customizable-carousel .owl-prev,  .customizable-carousel .owl-next {
    background:  transparent !important;
     box-shadow:  none !important;
     border:  none;
}
.customizable-carousel .owl-prev i,  .customizable-carousel .owl-next i {
    color:  #fff;
     font-size:  30px;
}
/*-----------------------------------------17. Animations-------------------------------------------*//*--- Style 1 ---*/.pulsebox-1 {
    background:  rgba(255,  255,  255,  .1);
    border-radius:  50%;
    border-radius:  50%;
    cursor:  pointer;
    animation:  pulse_two 1s infinite;
}
@-webkit-keyframes pulse_two {
    0% {
    -webkit-box-shadow:  0 0 0 0 rgba(255,  255,  255,  1);
}
70% {
    -webkit-box-shadow:  0 0 0 30px rgba(255,  255,  255,  1);
}
100% {
    -webkit-box-shadow:  0 0 0 0 rgba(255,  255,  255,  1);
}
}
@keyframes pulse_two {
    0% {
    -moz-box-shadow:  0 0 0 0 rgba(255,  255,  255,  .7);
     box-shadow:  0 0 0 0 rgba(255,  255,  255,  .7);
}
70% {
    -moz-box-shadow:  0 0 0 30px rgba(255, 255, 255,  0);
     box-shadow:  0 0 0 30px rgba(255, 255, 255,  0);
}
100% {
    -moz-box-shadow:  0 0 0 0 rgba(255, 255, 255,  0);
     box-shadow:  0 0 0 0 rgba(255, 255, 255,  0);
}
}
/*--- Style 2 ---*/.pulsebox-2 {
    background:  rgba(255,  255,  255,  .1);
    border-radius:  50%;
    border-radius:  50%;
    cursor:  pointer;
    animation:  pulse_two 1.5s infinite;
}
/*--- Style 3 ---*/.pulsebox-3 {
    background:  rgba(255,  255,  255,  .1);
    border-radius:  50%;
    border-radius:  50%;
    cursor:  pointer;
    animation:  pulse_two 2s infinite;
}
/*-----------------------------------------18. Services-------------------------------------------*//*----- Style 1 -----*/.service-box {
    position:  relative;
    display:  block;
    background:  #fff;
    box-shadow:  0 20px 30px rgba(0, 0, 0, .05);
    border-radius:  10px;
    padding:  45px 30px;
    margin:  15px 0px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.service-box:hover {
    transform:  translateY(-10px);
    box-shadow:  0 20px 30px rgba(0, 0, 0, .1);
}
.service-box i {
    display:  inline-block;
    font-size:  62px;
    color:  #d21825;
    margin:  5px 0px;
}
.service-box h4 a {
    font-size:  18px;
    font-weight:  600;
}
.service-box h4 a:hover {
    color:  #d21825;
}
.service-box p {
    font-size:  14px;
    color:  #999;
    font-weight:  500;
    margin-top:  15px;
    margin-bottom:  20px;
}
.service-box .service-box-btn {
    position:  absolute;
    bottom:  0;
    left:  calc(50% - 30px);
    border-radius:  50%;
    display:  inline-block;
    background:  #d21825;
    border:  2px solid #d21825;
    color:  #fff;
    width:  60px;
    height:  60px;
    padding:  14px 21px;
    margin:  auto;
    transform:  translateY(28px);
}
.service-box .service-box-btn i {
    color:  #fff;
    font-size:  18px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.service-box .service-box-btn:hover {
    background:  #fff;
}
.service-box .service-box-btn:hover i {
    color:  #d21825;
}
/*----- Style 2 -----*/.service-block {
    position:  relative;
    display:  block;
    text-align:  center;
    margin:  15px 0px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.service-block:hover .service-block-content-button {
    background:  #fff;
}
.service-block:hover .service-block-content-button i {
    color:  #d21825;
}
.service-block img {
    width:  100%;
    border-radius:  5px;
}
.service-block-content {
    position:  relative;
    background:  #fff;
    width:  calc(100% - 45px);
    box-shadow:  0 20px 30px rgba(0, 0, 0, .05);
    border-radius:  5px;
    padding:  35px 10px 55px 10px;
    margin:  auto;
    transform:  translateY(-25px);
	min-height:300px;
}
.service-block-content h4 {
    font-size:  19px;
    font-weight:  600;
    margin-bottom:  14px;
    line-height:  1.4;
}
.service-block-content p {
    font-size:  14px;
	font-weight:400;
	line-height:22px;

}
.service-block-content-button {
    position:  absolute;
    bottom:  0;
    left:  calc(50% - 30px);
    border-radius:  10px;
    display:  inline-block;
    background:  #d21825;
    border:  2px solid #d21825;
    color:  #fff;
    width:  60px;
    height:  60px;
    padding:  17px 21px;
    margin:  auto;
    transform:  translateY(28px) rotate(45deg);
}
.service-block-content-button i {
    color:  #fff;
    font-size:  18px;
    transform:  rotate(-45deg);
}
.service-block-content-button:hover {
    background:  #fff !important;
}
.service-block-content-button:hover i {
    color:  #d21825 !important;
}
/*----- Style 3 -----*/.service-block-2 {
    position:  relative;
     display:  block;
     background:  #fff;
     border-radius:  5px;
     overflow:  hidden;
     margin:  15px 0px;
     -webkit-box-shadow:  0 20px 40px rgba(0, 0, 0, 0.06);
     box-shadow:  0 20px 40px rgba(0, 0, 0, 0.06);
}
.service-block-2 .service-block-2-content {
    text-align:  center;
     padding:  25px;
}
.service-block-2 .service-block-2-content h4 {
    font-size:  18px;
     font-weight:  600;
     margin-bottom:  5px;
}
.service-block-2 .service-block-2-content strong {
    display:  block;
     font-size:  14px;
     color:  #979797;
     font-weight:  500;
    margin:  14px 0px;
}
.service-block-2-btn {
    display:  inline-block;
    color:  #222;
    font-size:  13px;
    font-weight:  600;
}
.service-block-2-btn i {
    color:  #d21825;
    font-size:  11px;
    margin-left:  5px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.service-block-2-btn:hover i {
    transform:  translateX(3px);
}
.services-carousel-2 .service-block-2 {
    margin:  0px 15px 40px 15px;
}
/*----- Style 4 -----*/.service-box-2 {
    position:  relative;
    margin:  15px 0px 15px 0px;
    transition:  .5s ease;
}
.service-box-2 img {
    display:  block;
    width:  100%;
    height:  auto;
    border-radius:  10px;
}
.service-box-2-overlay {
    position:  absolute;
    bottom:  0;
    left:  0;
    right:  0;
    background:  -moz-linear-gradient(top,  rgba(0, 0, 0, 0) 0%,  rgba(0,  0,  0,  1) 100%);
    background:  -webkit-linear-gradient(top,  rgba(0, 0, 0, 0) 0%, rgba(0,  0,  0,  1) 100%);
    background:  linear-gradient(to bottom,  rgba(0, 0, 0, 0) 0%, rgba(0,  0,  0,  1) 100%);
    overflow:  hidden;
    width:  100%;
    height:  100%;
    -moz-border-radius-bottomright:  10px;
    -webkit-border-bottom-right-radius:  10px;
    border-bottom-right-radius:  10px;
    -moz-border-radius-bottomleft:  10px;
    -webkit-border-bottom-left-radius:  10px;
    border-bottom-left-radius:  10px;
}
.service-box-2:hover {
    transform:  translateY(-5px);
}
.service-box-2-icon {
    display:  inline-block;
    background:  transparent;
    text-align:  center;
    font-size:  13px;
    border:  2px solid #fff;
    border-radius:  50px;
    position:  absolute;
    bottom:  25px;
    right:  16px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
    z-index:  999;
}
.service-box-2:hover .service-box-2-icon {
    background:  #d21825;
    border:  2px solid #d21825;
}
.service-box-2-icon i {
    color:  #fff;
    padding:  15px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.service-box-2:hover .service-box-2-icon i {
    color:  #fff;
}
.service-box-2-text {
    position:  absolute;
    bottom:  25px;
    padding:  0px 75px 0px 25px;
}
.service-box-2-text h6 a {
    color:  #fff;
    font-size:  17px;
    font-weight:  500;
    margin-top:  -15px;
    display:  block;
}
.service-box-2-text h4 {
    color:  rgba(255,  255,  255,  .7);
    font-size:  13px;
    font-weight:  400;
    line-height:  1.5;
    margin-top:  10px;
}
.cases-md .service-box-2-text h6 a {
    color:  #fff;
     font-size:  20px;
     font-weight:  500;
     margin-top:  -15px;
     display:  block;
}
.cases-md .service-box-2-text h4 {
    color:  rgba(255,  255,  255,  .7);
     font-size:  14px;
     font-weight:  300;
     line-height:  1.5;
     margin-top:  10px;
}
@media (max-width: 991px) {
    .service-box-2-text {
    width:  100%;
    bottom:  30px;
    left:  15px;
    padding:  0px 15px;
}
.service-box-2-text h4 {
    font-size:  14px;
    margin-top:  5px;
}
}
@media (max-width: 767px) {
    .service-box-2-text {
    width:  100%;
    bottom:  30px;
    left:  5px;
    padding:  0px 75px 0px 25px;
}
.service-box-2-text h4 {
    font-size:  15px;
    margin-top:  10px;
}
}
/*----- Style 5 -----*/.service-box-3 {
    display:  block;
    background:  #fff;
    border-radius:  5px;
    border:  2px solid transparent;
    box-shadow:  0 20px 30px rgba(0, 0, 0, .05);
    padding:  10px;
    margin:  15px 0px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.service-box-3:hover {
    border:  2px solid #d21825;
    transform:  translateY(-5px);
    box-shadow:  0 20px 30px rgba(0, 0, 0, .08);
}
.service-box-3 .inner {
    text-align:  center;
    padding:  30px 15px;
}
.service-box-3-icon {
    width:  120px;
    height:  120px;
    border-radius:  20px;
    -webkit-transform:  rotate(45deg);
    -moz-transform:  rotate(45deg);
    -ms-transform:  rotate(45deg);
    -o-transform:  rotate(45deg);
    transform:  rotate(45deg);
    background-image:  linear-gradient(rgba(210,  24,  37,  .15),  transparent);
    margin:  auto;
}
.service-box-3-icon i {
    display:  block;
    color:  #d21825;
    font-size:  50px;
    transform:  translateY(35px) rotate(-45deg);
}
.service-box-3 h4 {
    font-size:  17px;
    font-weight:  600;
    margin-top:  15px;
}
.service-box-3 p {
    font-size:  14px;
    color:  #999;
    font-weight:  500;
    margin-top:  15px;
}
.service-box-3-btn {
    display:  inline-block;
    color:  #222;
    font-size:  14px;
    font-weight:  600;
    margin-top:  20px;
}
.service-box-3-btn i {
    color:  #d21825;
    font-size:  12px;
    margin-left:  5px;
    -webkit-transition:  all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
}
.service-box-3-btn:hover {
    color:  #d21825;
}
.service-box-3-btn:hover i {
    transform:  translateX(4px);
}
/*-----------------------------------------19. Features-------------------------------------------*//*-------- Style 1 --------*/.features-box {
    position:  relative;
    display:  block;
    margin:  30px 0px;
}
.features-box-icon {
    display:  table-cell;
    vertical-align:  top;
}
.features-box-icon i {
    display:  inline-block;
    width:  80px;
    height:  80px;
    text-align:  center;
    color:  #d21825;
    font-size:  50px;
    padding:  10px;
    border-radius:  50%;
}
.features-box-content {
    display:  table-cell;
    padding-left:  20px;
}
.features-box-content h3 {
    color:  #222;
    font-size:  16px;
    line-height:  1.6;
    font-weight:  600;
}
.features-box p {
    font-size:  14px;
    color:  #777;
    font-weight:  500;
    line-height:  1.8;
    margin-top:  10px;
}
/*-------- Style 2 --------*/.features-box-2 {
    position:  relative;
    text-align:  center;
    padding:  30px;
}
.features-box-2-icon {
    width:  120px;
    height:  120px;
    border-radius:  20px;
    transform:  rotate(45deg);
    background-image:  linear-gradient(to bottom,  rgba(210,  24,  37,  .15),  transparent);
    margin:  auto;
}
.features-box-2-icon i {
    display:  block;
    color:  #d21825;
    font-size:  60px;
    transform:  translateY(40px) rotate(-45deg);
}
.features-box-2 h4 {
    font-size:  17px;
    font-weight:  600;
    margin-top:  8px;
}
.features-box-2 p {
    font-size:  14px;
    color:  #999;
    font-weight:  400;
    margin-top:  13px;
}
/*-------- Style 3 --------*/.features-box-3 {
    display:  block;
    text-align:  center;
    padding:  10px 15px;
    margin:  15px 0px;
}
.features-box-3 i {
    font-size:  55px;
    color:  #d21825;
}
.features-box-3 h4 {
    font-size:  17px;
    font-weight:  600;
    color:  #222;
    margin-top:  15px;
}
.features-box-3 p {
    font-weight:  400;
    margin-top:  12px;
}
/*-------- Style 4 --------*/.features-box-4 {
    position:  relative;
    text-align:  left;
    margin:  20px 0px;
}
.features-box-4 .features-box-4-icon {
    text-align:  center;
     width:  85px;
     height:  85px;
     border-radius:  100%;
     background-image:  linear-gradient(to bottom left,  rgba(210,  24,  37,  .2),  transparent);
}
.features-box-4 .features-box-4-icon i {
    display:  block;
     color:  #d21825;
     font-size:  42px;
     transform:  translateY(22px);
}
.features-box-4 h4 {
    font-size:  17px;
    font-weight:  600;
    margin-top:  15px;
}
.features-box-4 p {
    font-size:  13px;
     color:  #999;
     line-height:  1.7;
     font-weight:  500;
     margin-top:  10px;
     margin-bottom:  0px;
}
/*-------- Style 5 --------*/.features-box-5 {
    position:  relative;
     text-align:  center;
     margin:  10px 0px;
    padding:  20px;
}
.features-box-5 span {
    position:  relative;
    display:  block;
    font-size:  130px;
    line-height:  1;
    font-weight:  600;
    color:  #eee;
    opacity:  .6;
    z-index:  9;
    margin-bottom:  -80px;
}
.features-box-5 img {
    position:  relative;
    width:  80px;
    z-index:  99;
}
.features-box-5 h4 {
    font-size:  19px;
    color:  #222;
    font-weight:  600;
    margin-top:  20px;
}
.features-box-5 p {
    font-size:  14px;
    color:  #999;
    line-height:  1.7;
    font-weight:  500;
    margin-top:  10px;
    margin-bottom:  0px;
}
/*-------- Style 6 --------*/.service-section {
    position:  relative;
     background:  #fff;
     border:  1px solid #eee;
     border-radius:  5px;
     padding:  30px;
     margin-top:  30px;
     box-shadow:  0 20px 30px rgba(0, 0, 0, .01);
     -webkit-transition-duration:  .3s;
     transition-duration:  .3s;
}
.service-section:hover {
    box-shadow:  0 20px 30px rgba(0, 0, 0, .07);
     transform:  translateY(-5px);
     background:  #d21825;
}
.service-section:hover .service-section-icon i {
    color:  #fff;
}
.service-section-icon {
    text-align:  right;
}
.service-section-icon i {
    color:  #d21825;
     font-size:  50px;
}
.service-section h4 {
    color:  #222;
     font-size:  20px;
     font-weight:  500;
     margin-top:  20px;
}
.service-section:hover h4 {
    color:  #fff;
}
.service-section p {
    color:  #999;
     font-size:  14px;
     font-weight:  500;
     line-height:  1.6;
     margin-top:  20px;
}
.service-section:hover p {
    color:  #fff;
}
/*-----------------------------------------20. Testmonials-------------------------------------------*//*-------- Style 1 --------*/.testmonial-box {
    position:  relative;
    display:  block;
    background:  #fff;
    border-radius:  10px;
    border:  2px solid #f9f9f9;
    box-shadow:  0 20px 30px rgba(0, 0, 0, .05);
    padding:  30px;
    margin:  35px 20px;
}
.testmonial-box-icon {
    display:  table-cell;
    vertical-align:  top;
    padding-top:  10px;
    width:  80px;
}
.testmonial-box-icon img {
    border-radius:  50%;
    width:  80px;
    height:  80px;
}
.testmonial-box-content {
    display:  table-cell;
    padding-left:  30px;
}
@media (max-width: 767px) {
    .testmonial-box-content {
    display:  block;
    padding-left:  0px;
}
.testmonial-box-icon {
    display:  block;
    vertical-align:  top;
    padding-top:  10px;
}
}
.testmonial-box-content h3 {
    color:  #222;
    font-size:  16px;
    line-height:  1.6;
    font-weight:  700;
    margin-bottom:  0px;
}
.testmonial-box-content strong {
    color:  #d21825;
    font-size:  14px;
    line-height:  1.6;
    font-weight:  500;
    margin-bottom:  0px;
}
.testmonial-box-content p {
    font-weight:  500;
    line-height:  1.8;
    margin-top:  15px;
}
.testmonial-box .stars {
    margin-top:  10px;
}
.testmonial-box .stars i {
    font-size:  14px;
    color:  #ffb432;
}
/*-------- Style 2 --------*/.testmonials-carousel-2 {
    background:  #fff;
    border-radius:  10px;
    padding:  45px;
}
.testmonials-carousel-2 .testmonial-item p:before {
    content:  "" ;
    display:  block;
    font-size:  90px;
    color:  #979797;
    font-weight:  600;
    height:  45px;
    transform:  translateY(-50px);
    font-family:  "Libre Baskerville",  serif !important;
}
.testmonials-carousel-2 .testmonial-item p {
    font-size:  16px;
    color:  #222;
}
.testmonials-carousel-2 .testmonial-item h4 {
    font-size:  17px;
    color:  #222;
    font-weight:  600;
    margin-top:  20px;
}
.testmonials-carousel-2 .testmonial-item h4 span {
    font-size:  13px;
    color:  #979797;
}
.testmonials-carousel-2 .testmonial-item .stars {
    margin-top:  5px;
}
.testmonials-carousel-2 .testmonial-item .stars i {
    font-size:  14px;
    color:  #d21825;
}
.testmonials-carousel-2 .owl-dots {
    display:  block;
    text-align:  left;
    margin-top:  15x !important;
}
.testmonials-carousel-2 .custom-dot.active span {
    background:  #222;
}
.testmonials-carousel-2 .custom-dot span {
    margin-left:  0px !important;
    margin-right:  15px;
}
/*-------- Style 3 --------*/.testmonials-carousel-3 {
    text-align:  center;
}
.testmonials-carousel-3 img {
    width:  100px !important;
    height:  100px;
    border-radius:  100%;
    margin:  0px auto 15px auto;
}
.testmonials-carousel-3 .testmonial-box {
    box-shadow:  none;
    border:  none;
    background:  transparent;
    padding:  0px;
    margin:  0px;
}
.testmonials-carousel-3 .testmonial-box p {
    font-family:  'Playfair Display',  serif;
    font-size:  17px;
    font-weight:  500;
    font-style:  italic;
    color:  #777;
    margin:  15px 0px;
}
.testmonials-carousel-3 .testmonial-box h4 {
    color:  #222;
    font-size:  16px;
    margin-top:  15px;
}
.testmonials-carousel-3 .testmonial-box h4 strong {
    font-size:  13px;
    font-weight:  500;
    opacity:  .7;
}
.testmonials-carousel-3 .testmonial-rating i {
    color:  #d21825;
    font-size:  13px;
}
/*-------- Style 4 --------*/.testmonial-box-2 {
    position:  relative;
    background:  #fff;
    border-radius:  5px;
    box-shadow:  0 20px 30px rgba(0, 0, 0, .05);
    padding:  30px;
    margin:  15px 0px;
}
.testmonial-box-2 .quote-icon {
    color:  #d21825;
    font-size:  28px;
}
.testmonial-box-2 p {
    font-size:  14px;
    color:  #999;
    line-height:  1.7;
    font-weight:  400;
    margin:  10px 0px;
}
.testmonial-box-2 .testmonial-img {
    display:  table-cell;
    width:  70px;
    height:  70px;
    -webkit-border-radius:  100%;
    -moz-border-radius:  100%;
    border-radius:  100%;
    margin-right:  20px;
}
.testmonial-box-2 .d-table {
    margin-top:  20px;
}
.testmonial-box-2 .d-table-cell {
    vertical-align:  top;
}
.testmonial-box-2 h4 {
    color:  #222;
    font-size:  16px;
    margin-top:  10px;
}
.testmonial-box-2 strong {
    display:  block;
    font-size:  14px;
    font-weight:  500;
    color:  #979797;
    margin-top:  5px;
}
/*-------- Style 5 --------*/.testmonial-item-5 {
    background:  #fff;
    width:  100%;
     border-radius:  5px;
     -webkit-box-shadow:  0 20px 20px rgba(0, 0, 0, .05);
     box-shadow:  0 20px 20px rgba(0, 0, 0, .05);
    padding:  30px;
     margin:  15px 0px 30px 0px;
}
.testmonial-item-5-img {
    display:  table-cell;
    vertical-align:  top;
    width:  80px;
}
.testmonial-item-5-img img {
    display:  inline-block;
    border-radius:  50%;
    width:  80px;
    height:  80px;
    border:  2px solid #d21825;
    padding:  2px;
}
.testmonial-item-5-name {
    display:  table-cell;
    padding-left:  30px;
    padding-top:  15px;
}
.testmonial-item-5-name h4 {
    color:  #222;
    font-size:  18px;
    font-weight:  500;
}
.testmonial-item-5-name span {
    color:  #777;
    font-size:  14px;
    font-weight:  500;
    margin-top:  5px;
}
.testmonial-item-5-text p {
    color:  #999;
    font-size:  13px;
    font-weight:  500;
    line-height:  1.9;
    text-align:  left;
    margin-top:  15px;
}
.testmonial-item-5 .stars {
    margin-top:  10px;
}
.testmonial-item-5 .stars i {
    font-size:  13px;
    color:  #d21825;
}
@media (max-width: 1146px) {
    .testmonial-item-5 {
    padding:  20px;
}
}
@media (max-width: 991px) {
    .testmonial-item-5 {
    padding:  30px 50px 50px 30px;
}
}
/*-------- Style 6 --------*/.testmonial-parallax {
    padding:  0px 80px;
}
@media screen and (max-width:991px) {
    .testmonial-parallax {
    padding:  0px 30px;
}
}
.testmonial-parallax-text h6 {
    color:  #fff;
     font-size:  90px;
     height:  50px;
     line-height:  1;
}
.testmonial-parallax-text p {
    color:  #fff;
     font-size:  22px;
     font-style:  italic;
     font-weight:  300;
     line-height:  1.6;
}
.testmonial-parallax-text h4 {
    color:  #fff;
     font-size:  22px;
     font-weight:  500;
     margin-top:  15px;
}
.testmonial-parallax-text strong {
    color:  #fff;
     font-size:  12px;
     font-weight:  600;
     text-transform:  uppercase;
     opacity:  0.8;
     letter-spacing:  2px;
}
/*-----------------------------------------21. Clients-------------------------------------------*/.clients img {
    opacity:  .5;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.clients img:hover {
    opacity:  1;
}
.clients-grid img {
    display:  inline-block;
    width:  32%;
    opacity:  .5;
    margin:  15px 0px;
    padding:  10px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.clients-grid img:hover {
    opacity:  1;
}
/*-----------------------------------------22. Callback-------------------------------------------*/.callback-block {
    background:  #fff;
    box-shadow:  0 20px 30px rgba(0, 0, 0, .05);
    border-radius:  5px;
    padding:  45px;
}
.contact-icon-box {
    position:  relative;
    display:  block;
    border-bottom:  1px solid #e8e8e8;
    padding:  35px 0px;
}
.contact-icon-box i {
    float:  left;
    display:  inline-block;
    color:  #d21825;
    font-size:  50px;
    margin-right:  20px;
}
.contact-icon-box h4 {
    display:  block;
    color:  #222;
    font-size:  18px;
    font-weight:  600;
    margin-left:  15px;
    margin-bottom:  5px;
    vertical-align:  top;
}
.contact-icon-box h5 {
    display:  block;
    color:  #979797;
    font-size:  14px;
    font-weight:  500;
    margin-top:  7.5px;
}
.contact-icon-box-primary-color .contact-icon-box i {
    color:  #45bcde !important;
}
.contact-icon-box-primary-color .contact-icon-box h4 {
    color:  #45bcde !important;
}
.contact-icon-box-primary-color .contact-icon-box h5 {
    color:  #45bcde !important;
    opacity:  1;
}
.contact-icon-box-dark-color .contact-icon-box i {
    color:  #222 !important;
}
.contact-icon-box-dark-color .contact-icon-box h4 {
    color:  #222 !important;
}
.contact-icon-box-dark-color .contact-icon-box h5 {
    color:  #222 !important;
    opacity:  1;
}
/*-----------------------------------------23. Contact Forms-------------------------------------------*/.contact-form-2 input,  .contact-form-2 textarea,  .contact-form-2 select {
    display:  block;
    width:  100%;
    font-size:  14px;
    font-weight:  500;
    border:  none;
    border-bottom:  2px solid #eee;
    padding:  15px 0px;
    margin:  15px 0px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.contact-form-2 textarea {
    min-height:  110px;
}
.contact-form-2 input:focus,  .contact-form-2 textarea:focus,  .contact-form-2 select:focus {
    border-color:  #d21825;
}
/*-----------------------------------------24. Action Boxes-------------------------------------------*/.action-box {
    position:  relative;
    overflow:  hidden;
    padding:  30px 0px;
}
/*--- Action Box Sizes ---*/.action-box-xs {
    padding:  15px 0px;
}
.action-box-sm {
    padding:  30px 0px;
}
.action-box-md {
    padding:  60px 0px;
}
.action-box-lg {
    padding:  80px 0px;
}
/*--- Action Box Headings ---*/.action-box h2 strong, .action-box h3 strong, .action-box h4 strong, .action-box h5 strong, .action-box h6 strong {
    font-weight:  700;
}
.action-box h2 {
    position:  relative;
    font-size:  36px;
    font-weight:  600;
    color:  #222;
    line-height:  1.3;
}
@media screen and (max-width: 767px) {
    .action-box h2 {
    font-size:  25px;
}
}
.action-box h3 {
    position:  relative;
    font-size:  33px;
    font-weight:  400;
    color:  #222;
    line-height:  1.3;
}
@media screen and (max-width: 767px) {
    .action-box h3 {
    font-size:  27px;
}
}
.action-box h4 {
    position:  relative;
    font-size:  28px;
    font-weight:  400;
    color:  #222;
    line-height:  1.3;
}
.action-box h5 {
    position:  relative;
    font-size:  24px;
    font-weight:  400;
    color:  #222;
    line-height:  1.3;
}
.action-box h6 {
    position:  relative;
    font-size:  18px;
    font-weight:  600;
    color:  #222;
    line-height:  1.3;
}
.action-box p {
    font-size:  15px;
    font-weight:  500;
    color:  #979797;
    line-height:  160%;
    padding-top:  5px;
    margin-bottom:  0px;
}
.action-box small {
    display:  inline-block;
    font-size:  13px;
    font-weight:  700;
    color:  #45bcde;
    line-height:  150%;
    text-transform:  uppercase;
    margin-bottom:  10px;
}
.content-block {
    position:  relative;
    overflow:  hidden;
    height:  auto;
}
.full-content {
    position:  relative;
    overflow:  hidden;
    height:  100%;
    padding:  15%;
}
@media (max-width: 767px) {
    .full-content {
    padding:  45px 15px;
}
}
.full-content h2 {
    color:  #fff;
    font-size:  40px;
}
.full-content h3 {
    color:  #fff;
    font-size:  30px;
}
.full-content h4 {
    color:  #fff;
    font-size:  20px;
    margin-bottom:  10px;
}
.full-content h5 {
    color:  #fff;
    font-size:  17px;
}
.full-content p {
    color:  #979797;
    font-size:  13px;
    margin:  15px 0px 15px 0px;
}
/*-----------------------------------------25. Overlays-------------------------------------------*/.black-overlay-light:before {
    background:  rgba(0,  0,  0,  0.03);
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
}
.black-overlay-5:before {
    background:  rgba(0,  0,  0,  0.05);
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
}
.black-overlay-10:before {
    background:  rgba(0,  0,  0,  0.1);
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
}
.black-overlay-20:before {
    background:  rgba(0,  0,  0,  0.2);
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
}
.black-overlay-30:before {
    background:  rgba(0,  0,  0,  0.3);
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
}
.black-overlay-40:before {
    background:  rgba(0,  0,  0,  0.4);
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
}
.black-overlay-50:before {
    background:  rgba(0,  0,  0,  0.5);
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
}
.black-overlay-60:before {
    background:  rgba(0,  0,  0,  0.6);
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
}
.black-overlay-70:before {
    background:  rgba(0,  0,  0,  0.7);
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
}
.black-overlay-80:before {
    background:  rgba(0,  0,  0,  0.8);
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
}
.black-overlay-90:before {
    background:  rgba(0,  0,  0,  0.9);
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
}
.black-overlay-100:before {
    background:  rgba(0,  0,  0,  1);
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
}
.primary-overlay-10:before {
    background:  #d21825;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .1;
}
.primary-overlay-20:before {
    background:  #d21825;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .2;
}
.primary-overlay-30:before {
    background:  #d21825;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .3;
}
.primary-overlay-40:before {
    background:  #d21825;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .4;
}
.primary-overlay-50:before {
    background:  #d21825;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .5;
}
.primary-overlay-60:before {
    background:  #d21825;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .6;
}
.primary-overlay-70:before {
    background:  #d21825;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .7;
}
.primary-overlay-80:before {
    background:  #d21825;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .8;
}
.primary-overlay-90:before {
    background:  #d21825;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .9;
}
.primary-overlay-100:before {
    background:  #d21825;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  1;
}
.white-overlay-10:before {
    background:  #fff;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .1;
}
.white-overlay-20:before {
    background:  #fff;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .2;
}
.white-overlay-30:before {
    background:  #fff;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .3;
}
.white-overlay-40:before {
    background:  #fff;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .4;
}
.white-overlay-50:before {
    background:  #fff;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .5;
}
.white-overlay-60:before {
    background:  #fff;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .6;
}
.white-overlay-70:before {
    background:  #fff;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .7;
}
.white-overlay-80:before {
    background:  #fff;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .8;
}
.white-overlay-90:before {
    background:  #fff;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .9;
}
.white-overlay-100:before {
    background:  #fff;
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  1;
}
.white-background {
    background:  #fff !important;
}
.black-background {
    background:  #000;
}
.pixels-bg:after {
    background:  url("../img/content/bgs/bg-pixel.png");
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  -9;
     opacity:  .3;
}
.pixels-bg-upp:after {
    background:  url("../img/content/bgs/bg-pixel.png");
     content:  "";
     height:  100%;
     left:  0;
     position:  absolute;
     top:  0;
     width:  100%;
     z-index:  0;
     opacity:  .5;
}
.opacity-01 {
    opacity:  0.1 !important;
}
.opacity-02 {
    opacity:  0.2 !important;
}
.opacity-03 {
    opacity:  0.3 !important;
}
.opacity-04 {
    opacity:  0.4 !important;
}
.opacity-05 {
    opacity:  0.5 !important;
}
.opacity-06 {
    opacity:  0.6 !important;
}
.opacity-07 {
    opacity:  0.7 !important;
}
.opacity-08 {
    opacity:  0.8 !important;
}
.opacity-09 {
    opacity:  0.9 !important;
}
/*-----------------------------------------26. Pricing-------------------------------------------*//*--------- Style 1 ----------*/.pricing-box {
    position:  relative;
    border-radius:  5px;
    background:  #fff;
    border:  1px solid #eee;
    padding:  50px 50px;
    box-shadow:  0 20px 30px rgba(0, 0, 0, .03);
    margin-bottom:  15px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.pricing-box:hover {
    transform:  translateY(-10px);
    box-shadow:  0 20px 30px rgba(0, 0, 0, .09);
}
.pricing-box-icon {
    text-align:  center;
}
.pricing-box-icon i {
    color:  #777;
    font-size:  50px;
}
.pricing-box h4 {
    text-align:  center;
    color:  #222;
    font-size:  20px;
    font-weight:  500;
    margin-top:  15px;
}
.pricing-box h2 {
    text-align:  center;
    color:  #d21825;
    font-size:  35px;
    font-weight:  400;
    margin-top:  10px;
}
.pricing-box h2 sup {
    color:  #d21825;
    font-size:  25px;
    font-weight:  400;
}
.pricing-box h2 span {
    color:  #999;
    font-size:  13px;
    font-weight:  500;
}
.pricing-box ul {
    margin-top:  35px;
}
.pricing-box ul li {
    font-size:  14px;
    color:  #777;
    font-weight:  500;
    line-height:  1.5;
    padding:  6px 0px;
}
.pricing-box ul li i {
    font-size:  14px;
    color:  #d21825;
    float:  right;
    margin-top:  10px;
}
.pricing-box-button {
    text-align:  center;
}
.pricing-box-button a {
    display:  inline-block;
    position:  relative;
    font-size:  13px;
    color:  #d21825;
    font-weight:  500;
    border:  2px solid #d21825;
    background:  transparent;
    border-radius:  5px;
    padding:  10px 30px;
    -webkit-transition:  all 0.3s ease;
    -moz-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
    margin-top:  35px;
}
.pricing-box-button a:hover {
    color:  #fff;
    background:  #d21825;
}
.pricing-box-button-active a {
    color:  #fff;
    background:  #d21825;
}
.pricing-box-button-active a:hover {
    color:  #d21825;
    background:  #fff;
}
/*--------- Style 2 ----------*/.pricing-section {
    position:  relative;
    transform:  scale(1.05);
    text-align:  center;
    background:  #fff;
    border:  2px solid #d21825;
    border-radius:  5px;
    padding-bottom:  35px;
    margin-top:  20px;
    z-index:  2;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
@media (max-width: 767px) {
    .pricing-section {
    transform:  scale(1);
}
}
.pricing-section-advanced {
    transform:  scale(1);
    background:  rgba(210,  24,  37,  0.05);
    border:  2px solid transparent;
    z-index:  1;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.pricing-section-price {
    background:  transparent;
    padding:  25px 0px;
}
.pricing-section-price h2 {
    font-family:  'Montserrat',  sans-serif;
    color:  #d21825;
    font-size:  60px;
    font-weight:  700;
}
.pricing-section-price h2 sup {
    color:  #d21825;
    font-size:  35px;
    font-weight:  700;
    margin-right:  5px;
}
.pricing-section-price h4 {
    color:  #222;
    font-size:  19px;
    font-weight:  600;
    line-height:  1.7;
}
.pricing-section-price h6 {
    color:  #999;
    font-size:  15px;
    font-weight:  500;
}
.pricing-section ul {
    padding:  0px 40px;
    margin-top:  5px;
}
.pricing-section ul li {
    color:  #777;
    text-align:  left;
    font-size:  15px;
    border-bottom:  1px solid #eee;
    padding:  10px 0px;
}
/*--------- Style 3 ----------*/.pricing-box-3 {
    position:  relative;
     background:  #fff;
     box-shadow:  0 20px 30px rgba(0, 0, 0, .05);
     padding:  30px 30px 40px 30px;
     -webkit-transition-duration:  .3s;
     transition-duration:  .3s;
}
.pricing-box-3:hover {
    box-shadow:  0 20px 30px rgba(0, 0, 0, .1);
}
.pricing-box-3-category {
    padding:  20px 0px;
     border-bottom:  1px solid #eee;
}
.pricing-box-3-category h4 {
    color:  #d21825;
     font-size:  20px;
     font-weight:  500;
}
.pricing-box-3-category h5 {
    color:  #999;
     font-size:  14px;
     font-weight:  500;
     margin-top:  3px;
}
.pricing-box-3 h2 {
    font-family:  'Montserrat',  sans-serif;
     font-size:  45px;
     color:  #222;
     font-weight:  500;
     margin-top:  20px;
}
.pricing-box-3 h2 span {
    font-size:  14px;
     color:  #999;
     font-weight:  500;
     margin-left:  5px;
     -webkit-transition-duration:  .3s;
     transition-duration:  .3s;
}
.pricing-box-3:hover h2 span {
    color:  #d21825;
}
.pricing-box-3 ul {
    margin-top:  20px;
}
.pricing-box-3 ul li {
    color:  #999;
     font-size:  14px;
     line-height:  1.5;
     padding:  5px 0px;
}
.pricing-box-3 ul li i {
    margin-right:  5px;
}
.ti-check {
    color:  #4a8fff;
     font-size:  12px;
}
.ti-close {
    color:  #F00;
     font-size:  12px;
}
.pricing-box-3-button {
    display:  inline-block;
     position:  relative;
     font-size:  15px;
     color:  #d21825;
     font-weight:  500;
     border:  1.5px solid #d21825;
     background:  #fff;
     border-radius:  5px;
     padding:  11px 20px;
     -webkit-transition-duration:  .3s;
     transition-duration:  .3s;
}
.pricing-box-3:hover .pricing-box-3-button {
    color:  #222;
     border:  1.5px solid #222;
}
.pricing-box-3-button:hover {
    box-shadow:  0 10px 10px rgba(0, 0, 0, .09);
}
/*sale*/.pricing-box-3-sale {
    display:  inline-block;
     text-align:  center;
     position:  absolute;
     background:  #d21825;
     top:  0px;
     right:  40px;
     padding:  0px;
     margin:  0px;
     width:  31px;
     height:  auto;
}
.pricing-box-3-sale:after {
    display:  block;
     content:  '';
     position:  relative;
     bottom:  0px;
     left:  -13%;
     width:  0;
     height:  50px;
     border:  20px solid transparent;
     border-bottom-color:  #fff;
     border-top:  0;
}
.pricing-box-3-sale h5 {
    transform:  rotate(90deg);
     margin-top:  20px;
     color:  #fff;
     font-size:  15px;
     font-weight:  500;
     letter-spacing:  1px;
}
@media (max-width: 767px) {
    .pricing-box-3 {
    margin-top:  20px;
    padding:  30px;
}
.pricing-box-3-category {
    padding:  0px 0px;
}
.pricing-box-3-sale {
    margin-top:  20px;
}
}
/*-----------------------------------------27. Team-------------------------------------------*//*--------- Style 2 ----------*/.team-box-2 {
    position:  relative;
    border-radius:  10px;
    box-shadow:  0 90px 30px rgba(0, 0, 0, .05);
    margin:  15px 0px 80px 0px;
}
.team-box-2 img {
    display:  block;
    width:  100%;
    height:  auto;
}
.team-box-2-info {
    position:  absolute;
     bottom:  -80px;
     left:  0;
     width:  100%;
     padding:  20px 25px;
     background:  #fff;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.team-box-2:hover .team-box-2-info {
    padding:  25px 25px;
}
.team-box-2-info h4 {
    color:  #222;
    font-size:  18px;
    font-weight:  500;
}
.team-box-2-info h6 {
    color:  #999;
    font-size:  14px;
    font-weight:  500;
    margin-top:  3px;
    -webkit-transition-duration:  .4s;
    transition-duration:  .4s;
}
.team-box-2:hover .team-box-2-info h6 {
    color:  #d21825;
}
.team-box-2-icon {
    visibility:  hidden;
     opacity:  0;
     margin-top:  -20px;
     -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.team-box-2:hover .team-box-2-icon {
    opacity:  1;
     visibility:  visible;
     margin-top:  20px;
}
.team-box-2-icon li {
    display:  inline-block;
}
.team-box-2-icon li a i {
    font-size:  15px;
    color:  #777;
    margin-right:  15px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.team-box-2-icon li a i:hover {
    color:  #d21825;
}
/*--------- Style 3 ----------*/.team-box-3 {
    overflow:  hidden;
     position:  relative;
     border-radius:  5px;
     margin-bottom:  30px;
     box-shadow:  0 20px 30px rgba(0, 0, 0, .1);
     -webkit-transition-duration:  .3s;
     transition-duration:  .3s;
}
.team-box-3:hover {
    box-shadow:  0 20px 30px rgba(0, 0, 0, .2);
}
.team-box-3 img {
    display:  block;
     width:  100%;
     height:  auto;
}
.team-box-3-info {
    position:  absolute;
     background:  #fff;
     overflow:  hidden;
     z-index:  100;
     max-height:  100%;
     height:  auto;
     text-align:  left;
     padding:  30px;
     bottom:  -10px;
     opacity:  0;
     left:  20px;
     right:  20px;
     border-radius:  5px;
     border:  1px solid #e5e7f2;
     box-shadow:  0 20px 30px rgba(0, 0, 0, 0.5);
     -webkit-transition:  .4s ease-out;
     -o-transition:  .4s ease-out;
     transition:  .4s ease-out;
}
.team-box-3:hover .team-box-3-info {
    bottom:  20px;
     opacity:  1;
     box-shadow:  0 20px 30px rgba(0, 0, 0, .2);
}
.team-box-3-info h4 {
    color:  #222;
     font-size:  17px;
     font-weight:  600;
     margin-bottom:  5px;
     line-height:  1;
}
.team-box-3-info span {
    color:  #999;
     font-size:  13px;
     font-weight:  500;
}
.team-box-3-info p {
    color:  #777;
     font-size:  12px;
     font-weight:  500;
     line-height:  1.6;
     margin-top:  10px;
}
.team-box-3-info ul {
    margin-top:  20px;
}
.team-box-3-info ul {
    margin-top:  20px;
}
.team-box-3-info ul li {
    display:  inline-block;
     margin-right:  12px;
}
.team-box-3-info ul li i {
    color:  #777;
     font-size:  16px;
     -webkit-transition-duration:  .3s;
     transition-duration:  .3s;
}
.team-box-3-info ul li i:hover {
    color:  #d21825;
     font-size:  16px;
}
@media (max-width: 991px) {
    .team-box-3-info {
    width:  250px;
     margin-left:  -125px;
}
}
@media (max-width: 767px) {
    .team-box-3 {
    margin:  20px 0px;
}
.team-box-3-info {
    z-index:  100;
     max-height:  400px;
     width:  400px;
     height:  auto;
     margin-left:  -155px;
     left:  40%;
}
}
/*-----------------------------------------28. Chart JS-------------------------------------------*/.chartjs {
    height:  320px;
}
/*-----------------------------------------29. Timeline-------------------------------------------*/.timeline {
    position:  relative;
     max-width:  100%;
     margin:  0 auto;
}
.timeline::after {
    content:  '';
     position:  absolute;
     width:  2px;
     background-color:  #eee;
     top:  0;
     bottom:  0;
     left:  50%;
     margin-left:  -3px;
}
/* Container around content */.timeline-container {
    padding:  10px 40px;
     position:  relative;
     background-color:  inherit;
     width:  50%;
}
/* The circles on the timeline */.timeline-container::after {
    content:  '';
     position:  absolute;
     width:  12px;
     height:  12px;
     right:  -4px;
     background-color:  #fff;
     border:  2px solid #d21825;
     top:  15px;
     border-radius:  50%;
     z-index:  1;
}
.timeline-left {
    left:  0;
}
.timeline-right {
    left:  50%;
}
/* Add arrows to the left container (pointing right) */.timeline-left::before {
    content:  " ";
     height:  0;
     position:  absolute;
     top:  22px;
     width:  0;
     z-index:  1;
     right:  30px;
     border:  medium solid white;
     border-width:  10px 0 10px 10px;
     border-color:  transparent transparent transparent white;
}
/* Add arrows to the right container (pointing left) */.timeline-right::before {
    content:  " ";
     height:  0;
     position:  absolute;
     top:  22px;
     width:  0;
     z-index:  1;
     left:  10px;
     border:  2px solid white;
     border-width:  10px 10px 10px 0;
     border-color:  transparent white transparent transparent;
}
.timeline-right::after {
    left:  -8px;
}
/* The actual content */.timeline-content {
    padding:  0px 0px 50px 0px;
     background-color:  white;
     position:  relative;
     border-radius:  6px;
}
.timeline-content-inner {
    background:  #f7f7f7;
     border-radius:  10px;
     padding:  20px 30px 30px 30px;
}
.timeline-content-inner p {
    font-size:  14px;
     color:  #999;
     line-height:  1.7;
     font-weight:  400;
     margin-bottom:  0px;
}
.timeline-content h3 {
    display:  block;
     color:  #222;
     font-size:  16px;
     font-weight:  500;
     margin:  7px 0px;
}
.timeline h2 {
    display:  block;
     color:  #d21825;
     font-size:  16px;
     font-weight:  600;
     margin-bottom:  15px;
}
.timeline-left-all h2 {
    width:  50%;
     color:  #d21825;
     margin-left:  50%;
     padding-left:  30px;
     margin-bottom:  -35px;
}
.timeline-right-all h2 {
    width:  50%;
     text-align:  right;
     color:  #d21825;
     padding-right:  35px;
     margin-bottom:  -35px;
}
@media screen and (max-width: 600px) {
    .timeline: :after {
    left:  31px;
}
.timeline-container {
    width:  100%;
     padding-left:  70px;
     padding-right:  25px;
}
.timeline-container::before {
    left:  60px;
     border:  medium solid white;
     border-width:  10px 10px 10px 0;
     border-color:  transparent white transparent transparent;
}
.timeline-left::after,  .timeline-right::after {
    left:  20px;
}
.timeline-right {
    left:  0%;
}
.timeline-left-all h2 {
    margin:  0px;
     width:  100%;
     padding-left:  65px;
     padding-bottom:  10px;
     margin-bottom:  0px !important;
     color:  #45bcde;
     text-align:  left !important;
}
.timeline-right-all h2 {
    margin:  0px;
     width:  100%;
     padding-left:  65px;
     padding-bottom:  10px;
     margin-bottom:  0px !important;
     color:  #d21825;
     text-align:  left !important;
}
}
.timeline-left .timeline-content {
    text-align:  right;
}
@media screen and (max-width: 600px) {
    .timeline-left .timeline-content {
    text-align:  left;
}
}
/*-----------------------------------------30. Contact-------------------------------------------*/.contact-box-info-4 {
    position:  relative;
     text-align:  center;
     border-bottom:  2px solid transparent;
     padding:  20px;
     -webkit-transition-duration:  0.4s;
     transition-duration:  0.4s;
}
.contact-box-info-4:hover {
    border-color:  #d21825;
}
.contact-box-info-4 i {
    color:  #d21825;
     font-size:  55px;
}
.contact-box-info-4 h4 {
    color:  #222;
     font-size:  19px;
     font-weight:  500;
     padding-top:  15px;
}
.contact-box-info-4 p {
    color:  #999;
     font-size:  14px;
     font-weight:  400;
     line-height:  1.5;
     padding-top:  15px;
}
.contact-box-info-4 h5 {
    color:  #d21825;
     font-size:  15px;
     font-weight:  500;
     padding-top:  15px;
}
/*--------- Style 2 ----------*/.contact-box-place-office {
    position:  relative;
     text-align:  left;
     background:  rgba(255,  255,  255,  .8);
     border:  1px solid #f5f5f5;
     border-radius:  5px;
     box-shadow:  0 20px 30px rgba(0, 0, 0, .05);
     padding:  40px 60px;
     margin:  15px 0px;
     z-index:  9999;
     -webkit-transition-duration:  0.4s;
     transition-duration:  0.4s;
}
@media screen and (max-width: 991px) {
    .contact-box-place-office {
    padding:  30px;
}
}
.contact-box-place-office:hover {
    background:  rgba(255,  255,  255,  1);
     box-shadow:  0 20px 30px rgba(0, 0, 0, .08);
}
.contact-box-place-office i {
    color:  #222;
     font-size:  45px;
}
.contact-box-place-office h4 {
    color:  #222;
     font-size:  22px;
     font-weight:  500;
     margin-top:  10px;
}
.contact-box-place-office h6 {
    color:  #555;
     font-size:  14px;
     font-weight:  500;
     margin-top:  7px;
}
.contact-box-place-office p {
    color:  #666;
     font-size:  13px;
     font-weight:  500;
     margin-top:  7px;
     line-height:  1.6;
}
.contact-box-place-office ul {
    text-align:  left;
     margin-top:  20px;
}
.contact-box-place-office ul li {
    color:  #666;
     font-size:  14px;
     font-weight:  400;
     padding:  5px 0px;
}
.contact-box-place-office ul li i {
    color:  #d21825;
     font-size:  14px;
     margin-right:  15px;
}
/*-----------------------------------------31. Search Results-------------------------------------------*/.search-result {
    position:  relative;
    display:  block;
    border-bottom:  1px solid #eee;
    margin-bottom:  20px;
    padding-bottom:  20px;
}
.search-result a {
    display:  inline-block;
    color:  #222;
    font-size:  19px;
    font-weight:  500;
    margin-bottom:  10px;
}
.search-result a:hover {
    color:  #d21825;
}
.search-result p {
    font-size:  14px;
    font-weight:  400;
}
/*-----------------------------------------32. Sidebar-------------------------------------------*/.sidebar-primary {
    position:  relative;
    background:  #fff;
     border-radius:  5px;
    border-style:  none;
    border-width:  1px;
    border-color:  #e5e5e5;
    box-shadow:  0px 10px 60px rgba(0, 0, 0, 0.1);
    padding:  30px 25px;
}
.sidebar-primary .sidebar-title {
    font-size:  18px;
    font-weight:  500;
}
.sidebar-primary .sidebar-title:after {
    content:  '';
    display:  block;
    width:  65px;
    max-width:  100%;
    height:  2px;
    background:  #d21825;
    margin-top:  10px;
}
.products-square {
    margin-right:  -5px;
    margin-left:  -5px;
}
.products-square a {
    display:  inline-block;
    width:  calc(100% / 3);
    margin:  0px -2px;
    padding:  5px;
}
.products-square img {
    width:  100% ;
    border-radius:  5px;
}
/*-----------------------------------------33. Vertical Navs-------------------------------------------*/.vertical-nav-1 {
    display:  block;
}
.vertical-nav-1 li {
    border-bottom:  1px solid #eee;
}
.vertical-nav-1 li a {
    display:  block;
    color:  #555;
    font-size:  14px;
    font-weight:  500;
    padding:  15px 0px;
}
.vertical-nav-1 li a:hover {
    color:  #d21825;
}
/*-----------------------------------------34. Modals-------------------------------------------*/.izimodal {
    overflow:  hidden;
}
.iziModal-content {
    width:  100%;
}
.modal-inside {
    position:  relative;
     width:  100%;
}
.close-modal {
    opacity:  1;
     width:  20px;
     height:  20px;
     text-align:  center;
     border-radius:  100%;
     position:  absolute;
     top:  5px;
     right:  12px;
     color:  #aaa;
     z-index:  20;
     line-height:  40px;
     font-weight:  100;
     font-size:  17px;
}
.close-modal i {
    color:  #aaa;
     line-height:  40px;
     font-weight:  100;
     font-size:  17px;
     -webkit-transition-duration:  .3s;
     transition-duration:  .3s;
}
.close-modal:hover i {
    color:  #222;
}
.modal-heading {
    margin-bottom:  15px;
}
.modal-heading h2 {
    font-size:  36px;
     color:  #222;
     font-weight:  300;
     line-height:  1.5;
}
.modal-heading h3 {
    font-size:  28px;
     color:  #222;
     font-weight:  600;
     line-height:  1.5;
}
.modal-heading h4 {
    font-size:  25px;
     color:  #222;
     font-weight:  500;
     line-height:  1.5;
}
.modal-heading h5 {
    font-size:  20px;
     color:  #222;
     font-weight:  600;
     line-height:  1.5;
}
.modal-heading h6 {
    font-size:  17px;
     color:  #222;
     font-weight:  600;
     line-height:  1.5;
}
.modal-heading strong {
    font-weight:  600;
     letter-spacing:  -1px;
     word-spacing:  1px;
}
.modal-heading ul {
    padding:  0px;
}
.modal-heading ul li {
    list-style-type:  none;
     display:  inline-block;
}
.modal-heading ul li:after {
    content:  " /";
     font-size:  13px;
     color:  #999;
     margin:  0px 2px;
}
.modal-heading ul li:last-child:after {
    content:  none;
}
.modal-heading ul li a {
    font-size:  13px;
     color:  #999;
     line-height:  1.7;
     font-weight:  400;
}
.modal-heading ul li a:hover {
    color:  #45bcde;
}
.modal-inside p {
    font-size:  14px;
     color:  #999;
     line-height:  1.7;
     font-weight:  400;
}
.izimodal .inner-frame {
    padding:  0px 30px 30px 30px;
}
/*-----------------------------------------35. Maintenance-------------------------------------------*/.maintenance-section {
    display:  flex;
    align-items:  center;
    position:  relative;
    background-size:  cover;
    background-repeat:  no-repeat;
    min-height:  100%;
    z-index:  99;
}
/*-----------------------------------------36. Error Pages-------------------------------------------*//*--------- Style 1 ----------*/.error-section {
    position:  relative;
    display:  flex;
    align-items:  center;
    background-size:  cover;
    background-repeat:  no-repeat;
    height:  100%;
    z-index:  99;
}
.error-section h1 {
    position:  relative;
    color:  #fff;
    font-size:  150px;
    font-weight:  700;
    line-height:  1;
}
.error-section h2 {
    color:  #fff;
    font-size:  60px;
    font-weight:  700;
    line-height:  1;
    opacity:  .3;
}
@media screen and (max-width: 767px) {
    .error-section h2 {
    color:  #fff;
    font-size:  30px;
    font-weight:  700;
    line-height:  1;
    opacity:  .3;
}
}
.error-section h3 {
    color:  #fff;
    font-size:  25px;
    font-weight:  700;
    line-height:  1;
    opacity:  .3;
    margin-top:  15px;
}
@media screen and (max-width: 767px) {
    .error-section h3 {
    color:  #fff;
    font-size:  15px;
    font-weight:  700;
    line-height:  1.5;
    opacity:  .3;
    margin-top:  15px;
}
}
/*--------- Style 2 ----------*/.error-section-2 {
    position:  relative;
    padding-top:  130px;
}
.error-section-2 h1 {
    position:  relative;
    color:  #d21825;
    font-size:  120px;
    font-weight:  700;
    line-height:  1;
}
.error-section-2 h2 {
    position:  relative;
    color:  #222;
    font-size:  35px;
    font-weight:  500;
    margin-top:  10px;
}
.error-section-2 h3 {
    position:  relative;
    color:  #222;
    font-size:  20px;
    font-weight:  500;
    margin-top:  10px;
}
/*--------- Style 3 ----------*/.error-3 {
    --color-text:  red;
    --color-bg:  #000;
    --color-link:  #f9d77e;
    --color-link-hover:  #fff;
    --color-info:  #efc453;
    --glitch-width:  100vw;
    --glitch-height:  100vh;
    --gap-horizontal:  10px;
    --gap-vertical:  5px;
    --time-anim:  4s;
    --delay-anim:  2s;
    --blend-mode-1:  none;
    --blend-mode-2:  none;
    --blend-mode-3:  none;
    --blend-mode-4:  none;
    --blend-mode-5:  overlay;
    --blend-color-1:  transparent;
    --blend-color-2:  transparent;
    --blend-color-3:  transparent;
    --blend-color-4:  transparent;
    --blend-color-5:  #af4949;
}
.imgloaded .content__title, .imgloaded .content__text, .imgloaded .content__text-1, .imgloaded .content__text-2 {
    animation-name:  glitch-anim-text;
    animation-duration:  var(--time-anim);
    animation-timing-function:  linear;
    animation-iteration-count:  infinite;
}
.content__title {
    font-size:  200px;
    font-weight:  500;
    margin:  120px 0 0 0;
    line-height:  1;
    position:  relative;
    animation-delay:  calc(var(--delay-anim) + var(--time-anim) * 0.2);
}
.content__text {
    text-align:  center;
    font-size:  45px;
    font-weight:  600;
    opacity:  .5;
    margin-top:  0px;
    animation-delay:  calc(var(--delay-anim) + var(--time-anim) * 0.25);
}
.content__text-1 {
    text-align:  center;
    font-size:  19px;
    font-weight:  500;
    margin-top:  20px;
    animation-delay:  calc(var(--delay-anim) + var(--time-anim) * 0.25);
}
.error-box-3-text {
    display:  flex;
    flex-direction:  column;
    align-items:  center;
    padding:  0px 20px;
}
.error-box-3-text h2 {
    color:  #fff;
    z-index:  999;
}
.error-box-3-text h4 {
    color:  #fff;
    z-index:  999;
}
.error-box-3-text h5 {
    color:  #fff;
    z-index:  999;
}
/* Glitch styles */.glitch {
    overflow:  hidden;
    width:  100%;
}
.glitch__img {
    background:  url(../img/content/bgs/bg11.jpg) no-repeat 50% 0;
    background-color:  var(--blend-color-1);
    background-size:  cover;
    height:  100%;
    transform:  translate3d(0, 0, 0);
    background-blend-mode:  var(--blend-mode-1);
}
.glitch__img:nth-child(n+2) {
    opacity:  0;
}
.imgloaded .glitch__img:nth-child(n+2) {
    animation-duration:  var(--time-anim);
    animation-delay:  var(--delay-anim);
    animation-timing-function:  linear;
    animation-iteration-count:  infinite;
}
.imgloaded .glitch__img:nth-child(2) {
    background-color:  var(--blend-color-2);
    background-blend-mode:  var(--blend-mode-2);
    animation-name:  glitch-anim-1;
}
.imgloaded .glitch__img:nth-child(3) {
    background-color:  var(--blend-color-3);
    background-blend-mode:  var(--blend-mode-3);
    animation-name:  glitch-anim-2;
}
.imgloaded .glitch__img:nth-child(4) {
    background-color:  var(--blend-color-4);
    background-blend-mode:  var(--blend-mode-4);
    animation-name:  glitch-anim-3;
}
.imgloaded .glitch__img:nth-child(5) {
    background-color:  var(--blend-color-5);
    background-blend-mode:  var(--blend-mode-5);
    animation-name:  glitch-anim-flash;
}
/* Animations */@keyframes glitch-anim-1 {
    0% {
    opacity:  1;
    transform:  translate3d(var(--gap-horizontal), 0, 0);
    -webkit-clip-path:  polygon(0 2%,  100% 2%,  100% 5%,  0 5%);
    clip-path:  polygon(0 2%,  100% 2%,  100% 5%,  0 5%);
}
2% {
    -webkit-clip-path:  polygon(0 15%,  100% 15%,  100% 15%,  0 15%);
    clip-path:  polygon(0 15%,  100% 15%,  100% 15%,  0 15%);
}
4% {
    -webkit-clip-path:  polygon(0 10%,  100% 10%,  100% 20%,  0 20%);
    clip-path:  polygon(0 10%,  100% 10%,  100% 20%,  0 20%);
}
6% {
    -webkit-clip-path:  polygon(0 1%,  100% 1%,  100% 2%,  0 2%);
    clip-path:  polygon(0 1%,  100% 1%,  100% 2%,  0 2%);
}
8% {
    -webkit-clip-path:  polygon(0 33%,  100% 33%,  100% 33%,  0 33%);
    clip-path:  polygon(0 33%,  100% 33%,  100% 33%,  0 33%);
}
10% {
    -webkit-clip-path:  polygon(0 44%,  100% 44%,  100% 44%,  0 44%);
    clip-path:  polygon(0 44%,  100% 44%,  100% 44%,  0 44%);
}
12% {
    -webkit-clip-path:  polygon(0 50%,  100% 50%,  100% 20%,  0 20%);
    clip-path:  polygon(0 50%,  100% 50%,  100% 20%,  0 20%);
}
14% {
    -webkit-clip-path:  polygon(0 70%,  100% 70%,  100% 70%,  0 70%);
    clip-path:  polygon(0 70%,  100% 70%,  100% 70%,  0 70%);
}
16% {
    -webkit-clip-path:  polygon(0 80%,  100% 80%,  100% 80%,  0 80%);
    clip-path:  polygon(0 80%,  100% 80%,  100% 80%,  0 80%);
}
18% {
    -webkit-clip-path:  polygon(0 50%,  100% 50%,  100% 55%,  0 55%);
    clip-path:  polygon(0 50%,  100% 50%,  100% 55%,  0 55%);
}
20% {
    -webkit-clip-path:  polygon(0 70%,  100% 70%,  100% 80%,  0 80%);
    clip-path:  polygon(0 70%,  100% 70%,  100% 80%,  0 80%);
}
21.9% {
    opacity:  1;
    transform:  translate3d(var(--gap-horizontal), 0, 0);
}
22%,  100% {
    opacity:  0;
    transform:  translate3d(0, 0, 0);
    -webkit-clip-path:  polygon(0 0,  0 0,  0 0,  0 0);
    clip-path:  polygon(0 0,  0 0,  0 0,  0 0);
}
}
@keyframes glitch-anim-2 {
    0% {
    opacity:  1;
    transform:  translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    -webkit-clip-path:  polygon(0 25%,  100% 25%,  100% 30%,  0 30%);
    clip-path:  polygon(0 25%,  100% 25%,  100% 30%,  0 30%);
}
3% {
    -webkit-clip-path:  polygon(0 3%,  100% 3%,  100% 3%,  0 3%);
    clip-path:  polygon(0 3%,  100% 3%,  100% 3%,  0 3%);
}
5% {
    -webkit-clip-path:  polygon(0 5%,  100% 5%,  100% 20%,  0 20%);
    clip-path:  polygon(0 5%,  100% 5%,  100% 20%,  0 20%);
}
7% {
    -webkit-clip-path:  polygon(0 20%,  100% 20%,  100% 20%,  0 20%);
    clip-path:  polygon(0 20%,  100% 20%,  100% 20%,  0 20%);
}
9% {
    -webkit-clip-path:  polygon(0 40%,  100% 40%,  100% 40%,  0 40%);
    clip-path:  polygon(0 40%,  100% 40%,  100% 40%,  0 40%);
}
11% {
    -webkit-clip-path:  polygon(0 52%,  100% 52%,  100% 59%,  0 59%);
    clip-path:  polygon(0 52%,  100% 52%,  100% 59%,  0 59%);
}
13% {
    -webkit-clip-path:  polygon(0 60%,  100% 60%,  100% 60%,  0 60%);
    clip-path:  polygon(0 60%,  100% 60%,  100% 60%,  0 60%);
}
15% {
    -webkit-clip-path:  polygon(0 75%,  100% 75%,  100% 75%,  0 75%);
    clip-path:  polygon(0 75%,  100% 75%,  100% 75%,  0 75%);
}
17% {
    -webkit-clip-path:  polygon(0 65%,  100% 65%,  100% 40%,  0 40%);
    clip-path:  polygon(0 65%,  100% 65%,  100% 40%,  0 40%);
}
19% {
    -webkit-clip-path:  polygon(0 45%,  100% 45%,  100% 50%,  0 50%);
    clip-path:  polygon(0 45%,  100% 45%,  100% 50%,  0 50%);
}
20% {
    -webkit-clip-path:  polygon(0 14%,  100% 14%,  100% 33%,  0 33%);
    clip-path:  polygon(0 14%,  100% 14%,  100% 33%,  0 33%);
}
21.9% {
    opacity:  1;
    transform:  translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
}
22%,  100% {
    opacity:  0;
    transform:  translate3d(0, 0, 0);
    -webkit-clip-path:  polygon(0 0,  0 0,  0 0,  0 0);
    clip-path:  polygon(0 0,  0 0,  0 0,  0 0);
}
}
@keyframes glitch-anim-3 {
    0% {
    opacity:  1;
    transform:  translate3d(0,  calc(-1 * var(--gap-vertical)),  0) scale3d(-1, -1, 1);
    -webkit-clip-path:  polygon(0 1%,  100% 1%,  100% 3%,  0 3%);
    clip-path:  polygon(0 1%,  100% 1%,  100% 3%,  0 3%);
}
1.5% {
    -webkit-clip-path:  polygon(0 10%,  100% 10%,  100% 9%,  0 9%);
    clip-path:  polygon(0 10%,  100% 10%,  100% 9%,  0 9%);
}
2% {
    -webkit-clip-path:  polygon(0 5%,  100% 5%,  100% 6%,  0 6%);
    clip-path:  polygon(0 5%,  100% 5%,  100% 6%,  0 6%);
}
2.5% {
    -webkit-clip-path:  polygon(0 20%,  100% 20%,  100% 20%,  0 20%);
    clip-path:  polygon(0 20%,  100% 20%,  100% 20%,  0 20%);
}
3% {
    -webkit-clip-path:  polygon(0 10%,  100% 10%,  100% 10%,  0 10%);
    clip-path:  polygon(0 10%,  100% 10%,  100% 10%,  0 10%);
}
5% {
    -webkit-clip-path:  polygon(0 30%,  100% 30%,  100% 25%,  0 25%);
    clip-path:  polygon(0 30%,  100% 30%,  100% 25%,  0 25%);
}
5.5% {
    -webkit-clip-path:  polygon(0 15%,  100% 15%,  100% 16%,  0 16%);
    clip-path:  polygon(0 15%,  100% 15%,  100% 16%,  0 16%);
}
7% {
    -webkit-clip-path:  polygon(0 40%,  100% 40%,  100% 39%,  0 39%);
    clip-path:  polygon(0 40%,  100% 40%,  100% 39%,  0 39%);
}
8% {
    -webkit-clip-path:  polygon(0 20%,  100% 20%,  100% 21%,  0 21%);
    clip-path:  polygon(0 20%,  100% 20%,  100% 21%,  0 21%);
}
9% {
    -webkit-clip-path:  polygon(0 60%,  100% 60%,  100% 55%,  0 55%);
    clip-path:  polygon(0 60%,  100% 60%,  100% 55%,  0 55%);
}
10.5% {
    -webkit-clip-path:  polygon(0 30%,  100% 30%,  100% 31%,  0 31%);
    clip-path:  polygon(0 30%,  100% 30%,  100% 31%,  0 31%);
}
11% {
    -webkit-clip-path:  polygon(0 70%,  100% 70%,  100% 69%,  0 69%);
    clip-path:  polygon(0 70%,  100% 70%,  100% 69%,  0 69%);
}
13% {
    -webkit-clip-path:  polygon(0 40%,  100% 40%,  100% 41%,  0 41%);
    clip-path:  polygon(0 40%,  100% 40%,  100% 41%,  0 41%);
}
14% {
    -webkit-clip-path:  polygon(0 80%,  100% 80%,  100% 75%,  0 75%);
    clip-path:  polygon(0 80%,  100% 80%,  100% 75%,  0 75%);
}
14.5% {
    -webkit-clip-path:  polygon(0 50%,  100% 50%,  100% 51%,  0 51%);
    clip-path:  polygon(0 50%,  100% 50%,  100% 51%,  0 51%);
}
15% {
    -webkit-clip-path:  polygon(0 90%,  100% 90%,  100% 90%,  0 90%);
    clip-path:  polygon(0 90%,  100% 90%,  100% 90%,  0 90%);
}
16% {
    -webkit-clip-path:  polygon(0 60%,  100% 60%,  100% 60%,  0 60%);
    clip-path:  polygon(0 60%,  100% 60%,  100% 60%,  0 60%);
}
18% {
    -webkit-clip-path:  polygon(0 100%,  100% 100%,  100% 99%,  0 99%);
    clip-path:  polygon(0 100%,  100% 100%,  100% 99%,  0 99%);
}
20% {
    -webkit-clip-path:  polygon(0 70%,  100% 70%,  100% 71%,  0 71%);
    clip-path:  polygon(0 70%,  100% 70%,  100% 71%,  0 71%);
}
21.9% {
    opacity:  1;
    transform:  translate3d(0,  calc(-1 * var(--gap-vertical)),  0) scale3d(-1, -1, 1);
}
22%,  100% {
    opacity:  0;
    transform:  translate3d(0, 0, 0);
    -webkit-clip-path:  polygon(0 0,  0 0,  0 0,  0 0);
    clip-path:  polygon(0 0,  0 0,  0 0,  0 0);
}
}
@keyframes glitch-anim-text {
    0% {
    transform:  translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path:  polygon(0 20%,  100% 20%,  100% 21%,  0 21%);
    clip-path:  polygon(0 20%,  100% 20%,  100% 21%,  0 21%);
}
2% {
    -webkit-clip-path:  polygon(0 33%,  100% 33%,  100% 33%,  0 33%);
    clip-path:  polygon(0 33%,  100% 33%,  100% 33%,  0 33%);
}
4% {
    -webkit-clip-path:  polygon(0 44%,  100% 44%,  100% 44%,  0 44%);
    clip-path:  polygon(0 44%,  100% 44%,  100% 44%,  0 44%);
}
5% {
    -webkit-clip-path:  polygon(0 50%,  100% 50%,  100% 20%,  0 20%);
    clip-path:  polygon(0 50%,  100% 50%,  100% 20%,  0 20%);
}
6% {
    -webkit-clip-path:  polygon(0 70%,  100% 70%,  100% 70%,  0 70%);
    clip-path:  polygon(0 70%,  100% 70%,  100% 70%,  0 70%);
}
7% {
    -webkit-clip-path:  polygon(0 80%,  100% 80%,  100% 80%,  0 80%);
    clip-path:  polygon(0 80%,  100% 80%,  100% 80%,  0 80%);
}
8% {
    -webkit-clip-path:  polygon(0 50%,  100% 50%,  100% 55%,  0 55%);
    clip-path:  polygon(0 50%,  100% 50%,  100% 55%,  0 55%);
}
9% {
    -webkit-clip-path:  polygon(0 70%,  100% 70%,  100% 80%,  0 80%);
    clip-path:  polygon(0 70%,  100% 70%,  100% 80%,  0 80%);
}
9.9% {
    transform:  translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
}
10%,  100% {
    transform:  translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path:  polygon(0 0,  100% 0,  100% 100%,  0% 100%);
    clip-path:  polygon(0 0,  100% 0,  100% 100%,  0% 100%);
}
}
/* Flash */@keyframes glitch-anim-flash {
    0%,  5% {
    opacity:  0.2;
    transform:  translate3d(var(--gap-horizontal),  var(--gap-vertical),  0);
}
5.5%,  100% {
    opacity:  0;
    transform:  translate3d(0,  0,  0);
}
}
@media (max-width: 768px) {
    .content__title {
    font-size:  150px;
    margin:  100px 0 0 0;
}
.content__text {
    text-align:  center;
    font-size:  25px;
}
.content__text-1 {
    text-align:  center;
    font-size:  20px;
}
}
/*-----------------------------------------37. Shop-------------------------------------------*//*--------- Style 1 ----------*/.shop-1 {
    position:  relative;
    overflow:  hidden;
    width:  100%;
    height:  auto;
    text-align:  center;
    cursor:  pointer;
    margin:  15px 0px;
    -webkit-transition-duration:  0.4s;
    transition-duration:  0.4s;
}
.shop-1:hover {
    -webkit-box-shadow:  0px 3px 22px 0px rgba(50,  50,  50,  0.2);
    -moz-box-shadow:  0px 3px 22px 0px rgba(50,  50,  50,  0.2);
    box-shadow:  0px 3px 22px 0px rgba(50,  50,  50,  0.2);
}
.shop-1 img {
    position:  relative;
    display:  block;
    width:  100%;
    height:  auto;
}
.shop-1 {
    background:  transparent;
    -webkit-transition-duration:  0.4s;
    transition-duration:  0.4s;
}
.shop-1:hover {
    background:  #000;
}
.shop-1 h6 {
    position:  absolute;
    bottom:  10px;
    right:  0;
    left:  0;
    font-size:  18px;
    color:  #fff;
    padding:  30px 5px;
}
.shop-1 h6:hover {
    color:  #fff;
}
.shop-1 p {
    position:  absolute;
    bottom:  -15px;
    right:  0;
    left:  0;
    font-size:  15px;
    color:  #fff;
    padding:  25px 30px;
}
.shop-1 p span {
    text-decoration:  line-through;
    color:  #aaa;
    padding:  0px 5px;
}
.shop-1 h6 {
    text-transform:  none;
    opacity:  0;
    -webkit-transition:  opacity 0.35s,  -webkit-transform 0.35s;
    transition:  opacity 0.35s,  transform 0.35s;
    -webkit-transform:  translate3d(0, 50px, 0);
    transform:  translate3d(0, 50px, 0);
}
.shop-1 p {
    text-transform:  none;
    opacity:  0;
    -webkit-transition:  opacity 0.35s,  -webkit-transform 0.35s;
    transition:  opacity 0.35s,  transform 0.35s;
    -webkit-transform:  translate3d(0, 50px, 0);
    transform:  translate3d(0, 50px, 0);
}
.shop-1:hover img {
    -webkit-transform:  translate3d(0, -80px, 0);
    transform:  translate3d(0, -80px, 0);
}
.shop-1:hover h6 {
    opacity:  1;
    -webkit-transform:  translate3d(0, 0, 0);
    transform:  translate3d(0, 0, 0);
}
.shop-1:hover p {
    opacity:  1;
    -webkit-transform:  translate3d(0, 0, 0);
    transform:  translate3d(0, 0, 0);
}
/*Sale Hot*/.shop-classic-sale-img {
    display:  block;
    float:  right;
    position:  absolute;
    text-align:  center;
    background:  #45bcde;
    left:  20px;
    top:  5px;
    min-width:  60px;
    padding:  4px 0px;
    margin:  10px 0px 15px 0px;
    -webkit-transition-duration:  0.4s;
    transition-duration:  0.4s;
}
.shop-1:hover .shop-classic-sale-img {
    -webkit-box-shadow:  2px 2px 30px 0px rgba(50,  50,  50,  0.5);
    -moz-box-shadow:  2px 2px 30px 0px rgba(50,  50,  50,  0.5);
    box-shadow:  2px 2px 30px 0px rgba(50,  50,  50,  0.5);
}
.shop-classic-sale-img h4 {
    text-transform:  uppercase;
    color:  #fff;
    font-size:  12px;
    font-weight:  600;
    letter-spacing:  2px;
    margin-top:  0px;
}
.shop-classic-hot-img {
    display:  block;
    float:  right;
    position:  absolute;
    text-align:  center;
    background:  #d21825;
    left:  20px;
    top:  5px;
    min-width:  60px;
    padding:  4px 0px;
    margin:  10px 0px 15px 0px;
}
.shop-classic-hot-img h4 {
    text-transform:  uppercase;
    color:  #fff;
    font-size:  12px;
    font-weight:  600;
    letter-spacing:  1px;
    margin-top:  0px;
}
@media(max-width: 1195px) {
    .shop-1 h6 {
    position:  absolute;
    bottom:  13px;
    right:  0;
    left:  0;
    font-size:  16px;
    padding:  20px 20px;
}
}
@media(max-width: 768px) {
    .shop-1 h6 {
    position:  absolute;
    bottom:  15px;
    right:  0;
    left:  0;
    font-size:  18px;
    padding:  25px 25px;
}
}
.shop-product {
    margin-top:  10px;
}
.shop-product img {
    width:  100%;
     border-radius:  5px;
}
.shop-product h3 {
    line-height:  1.3;
     margin-top:  -10px;
}
.shop-product h3 a {
    display:  inline-block;
     color:  #333;
     font-size:  15px;
     font-weight:  500;
}
.shop-product h3 a:hover {
    color:  #d21825;
}
.shop-product h6 {
    color:  #999;
     font-size:  14px;
     font-weight:  500;
     margin-top:  -3px !important;
}
.shop-product h6 {
    color:  #999;
     font-size:  14px;
     font-weight:  500;
     margin-top:  5px;
}
@media (max-width: 991px) {
    .price-star ul {
    display:  block;
     float:  none;
}
.over h5 {
    font-size:  14px;
}
.over {
    position:  absolute;
     bottom:  85px;
}
.shop-2:hover .over {
    height:  15%;
}
}
@media (max-width: 767px) {
    .price-star ul {
    display:  inline-block;
     float:  right;
}
.over {
    position:  absolute;
     bottom:  63px;
}
.shop-2:hover .over {
    height:  13%;
}
}
.price-star {
    text-align:  left;
     margin-top:  5px;
}
.price-star i {
    font-size:  12px;
     color:  #d21825;
}
.price-star h6 {
    color:  #333;
     display:  inline-block;
     font-size:  13px;
     font-weight:  500;
     letter-spacing:  1px;
}
.price-star h6 span {
    color:  #777 ;
     text-decoration:  line-through;
     font-size:  10px;
     font-weight:  500;
}
.price-star ul {
    display:  block;
}
.price-star ul li {
    display:  inline-block;
     color:  #d21825;
     margin:  0px;
}
.single-product {
    padding-left:  30px;
}
@media screen and (max-width:767px) {
    .single-product {
    padding-left:  0px;
     margin-top:  30px;
}
}
.single-product h2 {
    font-size:  25px;
     font-weight:  600;
     color:  #222;
}
.single-product p {
    font-size:  15px;
     font-weight:  400;
     line-height:  180%;
     color:  #999;
     margin-top:  20px;
}
.product-review-area {
    margin-top:  15px;
}
.product-review-area i {
    color:  #f9d100;
     font-size:  18px;
     margin-right:  2px;
}
.product-review-area span {
    color:  #111;
     font-size:  14px;
     margin-left:  10px;
}
.single-product-price {
    margin-top:  20px;
}
.single-product-price h4 {
    font-size:  25px;
     font-weight:  500;
     color:  #222;
}
.product-categories {
    display:  block;
     margin-top:  35px;
     border-top:  1px solid #eee;
     padding:  20px 5px 0px 5px;
}
.product-categories ul {
    display:  block;
}
.product-categories span {
    font-size:  15px;
     font-weight:  600;
     color:  #222;
     line-height:  2;
}
.product-categories ul {
    display:  inline-block;
     padding-left:  20px;
     margin-bottom:  0px;
}
.product-categories ul li {
    list-style-type:  none;
     display:  inline-block;
     color:  #999;
     font-weight:  500;
}
.product-categories ul li a {
    color:  #999;
     font-size:  14px;
}
.product-categories ul li a:hover {
    color:  #d21825;
}
.product-categories ul li:after {
    content:  ' / ';
     display:  inline-block;
     font-size:  10px;
     color:  #999;
     margin:  0px 5px;
}
.product-categories ul li:last-child:after {
    content:  none;
}
.product-tags {
    display:  block;
     padding:  0px 5px;
}
.product-tags ul {
    display:  block;
}
.product-tags span {
    font-size:  15px;
     font-weight:  600;
     color:  #222;
     line-height:  2;
}
.product-tags ul {
    display:  inline-block;
     padding-left:  20px;
     margin-bottom:  0px;
}
.product-tags ul li {
    list-style-type:  none;
     display:  inline-block;
     color:  #999;
     font-weight:  500;
}
.product-tags ul li a {
    color:  #999;
     font-size:  14px;
}
.product-tags ul li a:hover {
    color:  #d21825;
}
.product-tags ul li:after {
    content:  ',  ';
     display:  inline-block;
     font-size:  10px;
     color:  #aaa;
     margin:  0px 5px;
}
.product-tags ul li:last-child:after {
    content:  none;
}
.quantity {
    position:  relative;
}
.quantity input[type=number]::-webkit-inner-spin-button, .quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance:  none;
     margin:  0;
}
.quantity input[type=number] {
    -moz-appearance:  textfield;
}
.quantity input {
    width:  85px;
     height:  42px;
     line-height:  1.65;
     font-size:  16px;
     color:  #222;
    background:  #f5f5f5;
     font-weight:  600;
     float:  left;
     display:  block;
     padding:  0;
     margin:  0;
     padding-left:  20px;
     border:  2px solid #f5f5f5;
}
.quantity input:focus {
    outline:  0;
}
.quantity-nav {
    float:  left;
     position:  relative;
     height:  42px;
}
.quantity-button {
    position:  relative;
     cursor:  pointer;
     width:  30px;
     text-align:  center;
     color:  #999;
     background:  #f5f5f5;
     border:  2px solid #f5f5f5;
     font-size:  17px;
     font-weight:  600;
     -webkit-transform:  translateX(-100%);
     transform:  translateX(-100%);
     -webkit-user-select:  none;
     -moz-user-select:  none;
     -ms-user-select:  none;
     -o-user-select:  none;
}
.quantity-button i {
    font-size:  13px;
}
.quantity-button.quantity-up {
    position:  absolute;
     height:  50%;
     top:  0;
}
.quantity-button.quantity-down {
    position:  absolute;
     bottom:  0px;
     height:  50%;
     border-top:  none;
}
.quantity-button.quantity-down i {
    transform:  translateY(-7px);
}
.add-to-cart-button {
    display:  inline-block;
     background:  #d21825;
     color:  #fff;
     font-size:  14px;
     font-weight:  500;
    padding:  10px 30px;
     margin-left:  10px;
     border-radius:  3px;
     -webkit-transition-duration:  .3s;
     transition-duration:  .3s;
}
.add-to-cart-button:hover {
    background:  #222;
     color:  #fff;
}
.product-share {
    background:  #f9f9f9;
     border-radius:  5px;
     padding:  20px 15px;
}
.product-share span {
    font-size:  15px;
     font-weight:  600;
     color:  #222;
     margin-right:  15px;
}
.product-share a i {
    color:  #222;
     font-size:  15px;
     padding:  0px 7px;
     -webkit-transition-duration:  .3s;
     transition-duration:  .3s;
}
.product-share a i:hover {
    color:  #d21825;
}
/*---------------Shop Tabs-----------------*/.shop-tabs .tabs {
    position:  relative;
}
.shop-tabs .tabs .tab-menu {
    display:  flex;
}
.shop-tabs .tabs .tab-menu li {
    background:  transparent;
     width:  calc(100% / 3);
     text-align:  center;
}
.shop-tabs .tabs .tab-menu li a {
    color:  #222;
     display:  block;
     font-size:  15px;
     border-bottom:  1px solid #eee;
     font-weight:  600;
     padding:  18px 24px;
     text-decoration:  none;
}
.shop-tabs .tabs .tab-menu li:hover a,  .tabs li:hover i {
    color:  #d21825;
}
.shop-tabs .tab-menu .active-tab a,  .shop-tabs .active-tab a i {
    color:  #d21825 !important;
     border-color:  #d21825 !important;
}
.shop-tabs .tab-menu {
    margin-bottom:  4px;
}
@media screen and (max-width: 1200px) {
    .shop-tabs .tabs .tab-menu li {
    background:  #f9f9f9;
     display:  inline-block;
     text-align:  center;
     width:  auto;
}
.shop-tabs .tabs .tab-menu li a {
    color:  #111;
     display:  block;
     font-size:  15px;
     font-weight:  500;
     padding:  18px 24px;
     text-decoration:  none;
}
}
@media screen and (max-width:767px) {
    .shop-tabs .tabs .tab-menu li {
    display:  block;
     width:  100%;
     text-align:  center;
     margin-bottom:  4px;
}
.shop-tabs .tab-menu .tabs li a {
    display:  block;
}
.shop-tabs .tab-menu .tabs li i {
    font-size:  25px;
}
}
.product-tab-body {
    display:  block;
     position:  relative;
     background:  transparent !important;
     margin-top:  30px;
}
.product-tab-body h2 {
    font-size:  30px;
     color:  #222;
     font-weight:  300;
     margin-bottom:  10px;
}
.product-tab-body h3 {
    font-size:  18px;
     color:  #222;
     font-weight:  600;
     margin-bottom:  10px;
}
.product-tab-body h4 {
    font-size:  20px;
     color:  #222;
     font-weight:  600;
     margin-bottom:  10px;
}
.product-tab-body h5 {
    font-size:  15px;
     color:  #222;
     font-weight:  600;
     margin-bottom:  10px;
}
.product-tab-body h2:after,  .product-tab-body h3:after,  .product-tab-body h4:after,  .product-tab-body h5:after {
    content:  '';
     display:  block;
     width:  70px;
     height:  2px;
     background:  #d21825;
     margin-top:  15px;
     margin-bottom:  10px;
}
.product-tab-body ul {
    margin-top:  15px;
}
.product-tab-body ul li {
    display:  block;
     font-size:  15px;
     color:  #111;
     border-bottom:  1px dashed #ddd;
     line-height:  1.9;
     font-weight:  500;
     padding:  15px 5px;
}
.product-tab-body ul li span {
    display:  inline-block;
     width:  200px;
     max-width:  100%;
}
.product-tab-body ul li:before {
    content:  "●";
     display:  inline-block;
     color:  #45bcde;
     font-size:  14px;
     margin-right:  10px;
     line-height:  1;
}
.product-tab-body p {
    font-size:  14px;
     color:  #999;
     line-height:  1.9;
     font-weight:  400;
     margin:  15px 0px;
}
/*-------------------Shop Product Review Form---------------------*/.shop-form-title {
    font-size:  15px;
     color:  #111;
     font-weight:  500;
     line-height:  1;
}
.rating {
    display:  inline-block;
     position:  relative;
     height:  30px;
     font-size:  30px;
}
.rating label {
    position:  absolute;
     top:  0;
     left:  0;
     height:  100%;
     cursor:  pointer;
     line-height:  1;
}
.rating label:last-child {
    position:  static;
}
.rating label:nth-child(1) {
    z-index:  5;
}
.rating label:nth-child(2) {
    z-index:  4;
}
.rating label:nth-child(3) {
    z-index:  3;
}
.rating label:nth-child(4) {
    z-index:  2;
}
.rating label:nth-child(5) {
    z-index:  1;
}
.rating label input {
    position:  absolute;
     top:  0;
     left:  0;
     opacity:  0;
}
.rating label .icon {
    float:  left;
     color:  transparent;
}
.rating label:last-child .icon {
    color:  #ccc;
}
.rating:not(:hover) label input:checked ~ .icon, .rating:hover label:hover input ~ .icon {
    color:  #d21825;
}
.rating label input:focus:not(:checked) ~ .icon:last-child {
    color:  #ccc;
     text-shadow:  0 0 5px #d21825;
}
.customer-review-img {
    border-radius:  50%;
    border:  2px solid #d21825;
    padding:  3px;
}
.customer-review {
    margin-top:  30px;
}
.customer-review-block {
    background:  #f5f5f5;
     border-radius:  5px;
     border:  1px solid #eee;
     padding:  15px;
}
.customer-review-block h5 {
    display:  inline-block;
     color:  #222;
     font-size:  17px;
     font-weight:  600;
     line-height:  1;
     margin:  0px;
}
.customer-review-block h5:after {
    content:  none;
}
.customer-review-block strong {
    display:  inline-block;
     color:  #d21825;
     font-size:  13px;
     font-weight:  500;
     line-height:  1;
     margin-left:  15px;
}
.customer-review-block p {
    font-size:  14px;
     color:  #999;
     line-height:  1.9;
     font-weight:  400;
     margin-bottom:  0;
}
.customer-review-stars {
    text-align:  center;
     margin:  5px 0px;
}
.customer-review-stars i {
    color:  #d21825;
     font-size:  12px;
}
/*-----------------------------------------38. Shop Single-------------------------------------------*/.sr-text {
    position:  absolute !important;
     top:  -9999px !important;
     left:  -9999px !important;
}
.slick-slider .slick-prev,  .slick-slider .slick-next {
    display:  none !important;
     z-index:  100;
     font-size:  2.5em;
     height:  40px;
     width:  40px;
     margin-top:  -20px;
     color:  #eee;
     position:  absolute;
     top:  50%;
     text-align:  center;
     color:  #222;
     opacity:  1;
     transition:  opacity .25s;
     cursor:  pointer;
     background:  #eee;
}
.product-images {
    width:  100%;
     margin:  0 auto;
}
.product-images li,  .product-images figure,  .product-images a,  .product-images img {
    display:  block;
     outline:  none;
     border:  none;
}
.product-images .main-img-slider figure {
    margin:  0 auto;
}
.product-images .main-img-slider figure a {
    cursor:  e-resize;
}
.product-images .main-img-slider figure a img {
    width:  100%;
     margin:  0 auto;
}
.product-images .thumb-nav {
    margin:  0 auto;
     margin-top:  0.5px;
     width:  100%;
     padding:  0;
}
.product-images .thumb-nav.slick-slider .slick-prev,  .product-images .thumb-nav.slick-slider .slick-next {
    font-size:  1.2em;
     height:  20px;
     width:  26px;
     margin-top:  -10px;
}
.product-images .thumb-nav.slick-slider .slick-prev {
    margin-left:  -30px;
}
.product-images .thumb-nav.slick-slider .slick-next {
    margin-right:  -30px;
}
.product-images .thumb-nav li {
    display:  block;
     margin:  0 auto;
     float:  left;
     cursor:  pointer;
     margin-right:  0px;
     -webkit-transition-duration:  .3s;
     transition-duration:  .3s;
}
.product-images .thumb-nav li img {
    display:  block;
     width:  100%;
     max-width:  250px;
     margin:  0 auto;
     border:  0.5px solid transparent;
     border-bottom:  2px solid transparent;
}
.product-images .thumb-nav li:hover {
    opacity:  .7;
}
.product-images .thumb-nav li:hover,  .product-images .thumb-nav li:focus {
    border-color:  #ccc;
}
.product-images .thumb-nav li.slick-current img {
    border-bottom:  2px solid #066EFB;
}
/*-----------------------------------------39. Shop Cart-------------------------------------------*/.shop-cart-box {
    background:  #fff;
    display:  inline-block;
    border:  1px solid #eee;
    border-radius:  5px;
    margin:  5px 0px 10px 0px;
    padding:  10px 0px;
    -webkit-box-shadow:  3px 1px 30px 0px rgba(50,  50,  50,  0.03);
    -moz-box-shadow:  3px 1px 30px 0px rgba(50,  50,  50,  0.03);
    box-shadow:  3px 1px 30px 0px rgba(50,  50,  50,  0.03);
}
.button-close {
    display:  block;
    padding:  5px 12px;
    margin-left:  5px;
}
@media (max-width: 991px) {
    .button-close {
    display:  block;
    padding:  5px 0px;
}
}
@media (max-width: 767px) {
    .button-close {
    display:  block;
    padding:  5px 0px;
}
}
.button-close a i {
    color:  #066EFB;
    font-size:  20px;
    font-weight:  600;
    padding:  5px;
    background:  #ffffff;
    border-radius:  3px;
    -webkit-transition-duration:  0.4s;
    transition-duration:  0.4s;
}
.shop-cart-box-img img {
    width:  100%;
    height:  auto;
}
.shop-cart-box-info {
    display:  block;
    padding:  20px 0px 0px 20px;
}
@media (max-width: 991px) {
    .shop-cart-box-info {
    display:  block;
    padding:  20px 0px 0px 10px;
}
}
.shop-cart-box-info h4 {
    color:  #222;
    font-size:  20px;
    font-weight:  500;
}
.shop-cart-box-info span {
    color:  #999;
    font-size:  15px;
    font-weight:  400;
}
.shop-cart-box-quantity {
    padding-top:  20px;
}
.shop-cart-box-quantity input {
    max-width:  70px;
    background:  #f5f5f5;
    color:  #222;
    font-size:  16px;
    font-weight:  500;
    border:  none;
    box-shadow:  none;
    display:  inline-block;
    padding:  15px;
}
.form-control {
    color:  #999;
    font-size:  14px;
    line-height:  inherit;
    border:  1px solid #ddd;
    border-radius:  2px;
    padding:  5px 12px;
    transition:  0.2s linear;
}
.form-control:focus {
    box-shadow:  none;
    border-color:  #333;
}
.shop-cart-box-quantity h6 {
    display:  inline-block;
    color:  #222;
    font-size:  14px;
    font-weight:  500;
    margin-right:  5px;
}
@media (max-width: 991px) {
    .shop-cart-box-quantity {
    padding:  20px 0px 0px 10px;
}
}
.shop-cart-box-price {
    display:  block;
    padding-top:  20px;
}
.shop-cart-box-price h5 {
    font-family:  'Montserrat',  sans-serif;
    font-weight:  400;
    color:  #222;
    font-size:  25px;
    margin-right:  15px;
}
@media (max-width: 991px) {
    .shop-cart-box-price h5 {
    color:  #222;
    font-size:  15px;
    margin-left:  10px;
}
}
@media (max-width: 767px) {
    .shop-cart-box-price h5 {
    font-size:  20px;
}
}
.shop-cart-info-price {
    background:  #fff;
    border:  1px solid #eee;
    border-radius:  5px;
    padding:  20px;
    margin:  5px 0px;
    -webkit-box-shadow:  3px 1px 30px 0px rgba(50,  50,  50,  0.03);
    -moz-box-shadow:  3px 1px 30px 0px rgba(50,  50,  50,  0.03);
    box-shadow:  3px 1px 30px 0px rgba(50,  50,  50,  0.03);
    transition:  0.3s;
}
.right-info-price li {
    color:  #666;
    font-size:  16px;
    font-weight:  500;
    line-height:  160%;
    padding:  10px 0px;
}
.right-info-price li h6 {
    float:  right;
    color:  #666;
    font-size:  16px;
    font-weight:  500;
}
.total-price {
    margin-top:  15px;
    padding-top:  15px;
    border-top:  1px solid #ddd;
}
.total-price p {
    color:  #222;
    font-size:  17px;
    font-weight:  500;
}
.total-price p strong {
    float:  right;
    color:  #222;
    font-size:  17px;
    font-weight:  500;
}
/*-----------------------------------------40. Portfolio-------------------------------------------*//*------- Boxed Style -------*/.portolio-boxed {
    position:  relative;
    overflow:  hidden;
    margin:  15px 0px;
}
.justified-gallery .portolio-boxed {
    margin:  0;
}
.portolio-boxed img {
    display:  block;
     width:  100%;
     height:  auto;
}
.portolio-boxed-overlay {
    position:  absolute;
     top:  0;
     bottom:  0;
     left:  0;
     right:  0;
     height:  100%;
     width:  100%;
     opacity:  0;
    display:  flex;
    align-items:  center;
     transition:  .5s ease;
     background-color:  #d21825;
}
.portolio-boxed:hover .portolio-boxed-overlay {
    opacity:  1;
}
.portolio-boxed:hover .portolio-boxed-content {
    -webkit-animation:  300ms ease-in-out fadeInUp;
    animation:  300ms ease-in-out fadeInUp;
}
.portolio-boxed .portolio-boxed-content {
    position:  absolute;
     left:  0;
     right:  0;
     text-align:  center;
}
.portolio-boxed .portolio-boxed-content h3 {
    color:  #fff;
    font-size:  19px;
}
/*------- Boxed Style 2 -------*/.portolio-boxed-2 {
    position:  relative;
    overflow:  hidden;
    margin:  15px 0px;
    -webkit-transition-duration:  0.3s;
    transition-duration:  0.3s;
}
.portolio-boxed-2:hover {
    box-shadow:  0 20px 30px rgba(0, 0, 0, .05);
    transform:  translateY(-5px);
}
.portolio-boxed-2 .portolio-boxed-content {
    display:  block;
    background:  #fff;
    padding:  25px;
}
.portolio-boxed-2 .portolio-boxed-content h3 {
    color:  #222;
    font-size:  19px;
}
.portolio-boxed-2 .portolio-boxed-content h4 {
    color:  #999;
    font-size:  14px;
    font-weight:  500;
    margin-top:  10px;
}
.portolio-boxed-2 .portfolio-title {
    width:  100%;
}
.portolio-boxed-2 .portfolio-btn {
    text-align:  right;
    display:  inline-flex;
    width:  80px;
    justify-content:  flex-end;
}
.portolio-boxed-2 .portfolio-btn a {
    display:  inline-flex;
    align-items:  center;
    justify-content:  center;
    font-size:  18px;
    width:  50px;
    height:  50px;
    border-radius:  50%;
    border:  1px solid #eee;
    -webkit-transition-duration:  0.3s;
    transition-duration:  0.3s;
}
.portolio-boxed-2 .portfolio-btn a:hover {
    border-color:  #d21825;
    color:  #d21825;
}
/*-----------------------------------------41. Portfolio Single-------------------------------------------*//*------- Style 1 -------*/.portfolio-single {
    position:  relative;
}
.portfolio-single .portfolio-single-title {
    color:  #222;
    font-size:  35px;
    font-weight:  600;
}
.portfolio-single h6 {
    color:  #222;
    font-size:  17px;
    font-weight:  600;
}
.portfolio-single .portfolio-single-text {
    font-size:  14px;
    color:  #999;
    line-height:  1.7;
    font-weight:  400;
     border-bottom:  1px solid #eee;
    margin-bottom:  0px;
    margin-top:  15px;
     padding-bottom:  30px;
}
.portfolio-single ul li {
    display:  flex;
     margin-bottom:  15px;
}
.portfolio-single ul li strong {
    font-size:  15px;
     color:  #222;
     font-weight:  600;
     width:  40%;
}
.portfolio-single ul li span {
    font-size:  15px;
     color:  #999;
     width:  50%;
}
/*------- Style 2 -------*/.portfolio-single-2 {
    position:  relative;
}
.portfolio-single-2 .portfolio-single-title {
    color:  #222;
     font-size:  35px;
     font-weight:  600;
}
.portfolio-single-2 h6 {
    color:  #222;
     font-size:  17px;
     font-weight:  600;
}
.portfolio-single-2 .portfolio-single-text {
    font-size:  14px;
     color:  #999;
     line-height:  1.7;
     font-weight:  400;
     margin-bottom:  0px;
     margin-top:  15px;
     padding-bottom:  30px;
}
/*-----------------------------------------42. Blog Grid-------------------------------------------*/.blog-grid {
    position:  relative;
     margin-bottom:  45px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.blog-grid:hover img {
    transform:  translateY(-7.5px);
    -webkit-box-shadow:  0 20px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow:  0 20px 30px rgba(0, 0, 0, .1);
    box-shadow:  0 20px 30px rgba(0, 0, 0, .1);
}
.blog-grid:hover .blog-team-box {
    transform:  translateY(-7.5px);
}
.blog-grid img {
    border-radius:  5px;
    display:  block;
    width:  100%;
    height:  auto;
}
.blog-team-box {
    display:  inline-block;
    background:  #d21825;
    border-radius:  5px;
    padding:  5px 8px;
    position:  relative;
    bottom:  38px;
    left:  10px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.blog-team-box h6 {
    color:  #fff;
    font-size:  13px;
    font-weight:  600;
}
.blog-grid h4 {
    line-height:  1.2;
    margin-top:  -5px;
}
.blog-grid h4 a {
    color:  #222;
    font-size:  20px;
    font-weight:  500;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.blog-grid p {
    color:  #999;
    font-size:  14px;
    font-weight:  400;
    line-height:  1.6;
    margin-top:  15px;
}
@media (max-width: 767px) {
    .blog-grid {
    margin-top:  20px;
}
.blog-grid h4 a {
    font-size:  15px;
}
.blog-grid h4 {
    line-height:  1;
}
}
@media (max-width: 576px) {
    .pricing-box-2 {
    margin-top:  20px;
}
.blog-grid h4 a {
    font-size:  20px;
}
.blog-grid h4 {
    line-height:  1.2;
}
}
/*-----------------------------------------43. Blog List-------------------------------------------*/.blog-list {
    position:  relative;
    margin-bottom:  40px;
    border-bottom:  1px solid #eee;
    padding-bottom:  20px;
}
.blog-list img {
    border-radius:  5px;
    width:  100%;
    height:  auto;
}
.blog-list h4 {
    margin-top:  20px;
}
.blog-list h4 a {
    font-size:  25px;
    font-weight:  400;
    color:  #222;
    -webkit-transition-duration:  0.3s;
    transition-duration:  0.3s;
}
.blog-list h4 a:hover {
    color:  #333;
}
.blog-list-info {
    display:  inline-block;
    margin-top:  15px;
    margin-right:  15px;
}
.blog-list-info li {
    display:  inline-block;
    margin-right:  20px;
}
.blog-list-info li i {
    color:  #d21825;
    font-size:  15px;
    padding-right:  10px;
}
.blog-list-info li span {
    font-size:  14px;
    font-weight:  400;
    color:  #222;
}
.blog-list p {
    color:  #777;
    font-size:  14px;
    font-weight:  400;
    line-height:  1.8;
    margin-top:  15px;
}
.blog-post-right {
    border-bottom:  1px solid #eee;
    padding-bottom:  30px;
}
blockquote {
    width:  100%;
    margin:  15px auto;
    font-style:  italic;
    font-size:  14px;
    font-weight:  500;
    color:  #222;
    padding:  20px;
    border-left:  4px solid #d21825;
    line-height:  1.6;
    position:  relative;
    background:  #f1f1f1;
}
#search-input {
    border:  solid 1px #eee;
    border-radius:  5px;
    background-color:  transparent;
    padding:  5px 3px;
}
#search-input input {
    font-size:  13px;
    font-weight:  500;
    border:  0;
    box-shadow:  none;
}
#search-input button {
    background:  none;
    box-shadow:  none;
    border:  0;
    border-radius:  0;
    outline:  none !important;
    padding:  0 11px 0 13px;
}
#search-input button i {
    color:  #d21825;
    font-size:  16px;
    margin:  8px 3px 0px 0px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
#search-input button:hover i {
    color:  #777;
}
/*Category*/.blog-post-categories ul li {
    background:  #fff;
    border:  1px solid #f7f7f7;
    margin:  5px 0px;
    -webkit-transition-duration:  .4s;
    transition-duration:  .4s;
}
.blog-post-categories ul li:hover {
    background:  #f5f5f5;
}
.blog-post-categories ul li a {
    display:  block;
    color:  #444;
    font-size:  14px;
    font-weight:  500;
    padding:  15px;
}
.blog-post-categories ul li a:hover {
    color:  #d21825;
}
.blog-post-categories ul li a span {
    color:  #444;
    font-size:  12px;
    float:  right;
}
.blog-post-categories ul li:hover a span {
    color:  #d21825;
}
/*Top News*/.top-news-info {
    margin:  20px 0px;
}
.top-news img {
    width:  100%;
    border-radius:  5px;
}
.top-news-info h3 a {
    display:  inline-block;
    color:  #333;
    font-size:  14px;
    font-weight:  500;
}
.top-news-info h3 a:hover {
    color:  #d21825;
}
.top-news-info h6 {
    color:  #999;
    font-size:  14px;
    font-weight:  500;
    margin-top:  5px;
}
/*Tags*/.recent-post-tags a {
    margin:  3px 2px;
    border-radius:  30px;
}
.dark-button-bordered {
    background:  transparent;
    color:  #222;
    font-size:  11px;
    font-weight:  500;
    border:  2px solid #ddd;
    border-radius:  50px;
    padding:  10px 15px 10px 15px;
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.dark-button-bordered:hover {
    color:  #fff;
    background:  #222;
    border-color:  #222;
}
/*Archive*/.archive-box ul li {
    border-bottom:  1px solid #eee;
}
.archive-box ul li a {
    display:  inline-block;
    color:  #222;
    font-size:  14px;
    font-weight:  500;
    line-height:  160%;
    padding:  15px 0px 15px 5px;
    -webkit-transition-duration:  .4s;
    transition-duration:  .4s;
}
.archive-box ul li a:hover {
    color:  #d21825;
}
.archive-box ul li span {
    float:  right;
    color:  #999;
    font-weight:  600;
    font-size:  13px;
    margin-right:  10px;
    margin-top:  15px;
}
/* social links*/.blog-post-follow ul {
    display:  block;
}
.blog-post-follow ul li {
    display:  inline-block;
    align-items:  center;
    text-align:  center;
    border-radius:  50px;
    margin:  4px 2px;
    background:  #333;
    -webkit-transition-duration:  .4s;
    transition-duration:  .4s;
}
.blog-post-follow ul li a i {
    width:  40px;
    height:  40px;
    color:  #fff;
    font-size:  17px;
    padding-top:  11px;
}
.blog-post-follow ul li:hover {
    background:  #d21825;
}
/*Comments*/.blog-comments {
    background:  #fff;
    border-radius:  5px;
}
.blog-comments h3 {
    font-size:  20px;
    font-weight:  500;
    color:  #222;
    margin-top:  30px;
}
.blog-comment-user {
    margin-top:  30px;
}
.blog-comment-user img {
    border-radius:  5px;
}
.blog-comment-user h6 {
    display:  inline-block;
    color:  #222;
    font-size:  16px;
    margin:  0px;
    margin-right:  15px;
}
.blog-comment-user strong {
    color:  #d21825;
    font-size:  12px;
    font-weight:  600;
    float:  right;
}
.blog-comment-user p {
    color:  #777;
    font-size:  13px;
    font-weight:  500;
    line-height:  1.7;
    margin-top:  10px;
}
.comment-block {
    background:  #f5f5f5;
    border-radius:  5px;
    padding:  20px;
    -webkit-transition-duration:  0.3s;
    transition-duration:  0.3s;
}
.blog-widget-title {
    color:  #222;
    font-size:  20px;
    font-weight:  500;
    margin-top:  35px;
}
.blog-widget-title:after {
    content:  '';
    display:  block;
    width:  65px;
    max-width:  100%;
    height:  2px;
    background:  #d21825;
    margin-top:  10px;
}
/*-----------------------------------------44. Revolution Slider-------------------------------------------*/.rev_slider_wrapper {
    overflow:  hidden;
}
.bg-arrows .tparrows {
    background:  rgba(0, 0, 0, .2);
    border-radius:  50px;
    width:  60px;
    height:  60px;
    padding-top:  10px;
    -webkit-transition-duration:  0.3s;
    transition-duration:  0.3s;
}
.bg-arrows .tparrows:before {
    font-size:  17px;
}
.tparrows {
    background:  rgba(0, 0, 0, .0);
    border-radius:  50px;
    width:  60px;
    height:  60px;
    padding-top:  10px;
    -webkit-transition-duration:  0.3s;
    transition-duration:  0.3s;
}
.tparrows:hover {
    background:  rgba(0, 0, 0, .3);
}
.tparrows:before {
    font-size:  23px;
}
/*-----------------------------------------45. Footer-------------------------------------------*/.footer-1 {
    background:  #222;
    padding:  80px 0px 0px 0px;
}
.footer-1 h2 {
    color:  #fff;
    font-size:  22px;
    font-weight:  500;
}
@media (max-width: 767px) {
    .footer-1 h2 {
    margin-top:  20px;
}
}
.footer-1 .social-links-footer {
    margin-top:  25px;
}
.footer-1 .social-links-footer li {
    display:  inline-block;
    margin-right:  15px;
}
.footer-1 .social-links-footer a {
    color:  #fff;
    font-size:  17px;
}
.footer-nav li {
    margin:  5px 0px;
}
.footer-nav a {
    color:  #fff;
    font-size:  14px;
}
.footer-nav a:hover {
    color:  #d21825;
}
.footer-news li {
    border-bottom:  1px solid #444;
    padding:  18px 0px;
}
.footer-news li:first-child {
    padding-top:  0px;
}
.footer-news li:last-child {
    border:  none;
}
.footer-news a {
    color:  #fff;
    font-size:  14px;
}
.footer-news a:hover {
    color:  #d21825;
}
.footer-news strong {
    display:  block;
    color:  #999;
    font-weight:  400;
    font-size:  13px;
    margin-top:  5px;
}
.footer-news strong i {
    color:  #d21825;
    margin-right:  5px;
}
.footer-subscribe-form input {
    background:  #fff;
    border-top-left-radius:  5px;
    border-bottom-left-radius:  5px;
    border:  none;
    width:  100%;
    font-size:  14px;
    padding:  14px 15px;
}
.footer-subscribe-form button {
    background:  #d21825;
    color:  #fff;
    font-size:  17px;
    width:  50px;
    border-top-right-radius:  5px;
    border-bottom-right-radius:  5px;
    padding:  12px;
    transform:  translateY(1px);
    -webkit-transition-duration:  .3s;
    transition-duration:  .3s;
}
.footer-subscribe-form button:hover {
    color:  #d21825;
    background:  #f5f5f5;
}
.footer-1-bar {
    border-top:  1px solid #444;
    padding:  15px 0px;
    margin-top:  70px;
}
.footer-1-bar p {
    color:  #fff;
    font-size:  13px;
    font-weight:  400;
}