@charset "UTF-8";
/* CSS Document */



/* $Base
--------------------------------------- */
html, body{ background-color: #fff; color: #000; }
html{ scroll-behavior: smooth;}
body{ -webkit-font-smoothing: antialiased; text-shadow: rgba(0,0,0,.01) 0 0 1px; font-family: 'Nunito', sans-serif; font-weight: 400; color: #2C0E6E;}

.workspace{ margin: 0 auto; min-height: 100vh; min-width: 320px; overflow: hidden; max-width: 1920px;}
.workspace--fixed-navbar{ }

@media (min-width: 992px){
  .workspace--fixed-navbar{ }
}/* end @media */

a{ text-decoration: none !important; color: inherit;}

.container-fluid{ max-width: 1920px; min-width: 320px;}
.container{ min-width: 320px;}

.display--flex{ display: flex;}

.truncate{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@media (min-width: 768px){
  .row-sm-eq-height{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
}/* end @media */

@media (min-width: 992px){
  .row-md-eq-height{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
}/* end @media */

@media (min-width: 1200px){
  .row-lg-eq-height{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
}/* end @media */

.m-b--0{ margin-bottom: 0px !important;}
.m-b--15{ margin-bottom: 15px !important;}
.m-b--30{ margin-bottom: 30px !important;}
.m-b--45{ margin-bottom: 45px !important;}
.m-b--60{ margin-bottom: 60px !important;}
.m-b--75{ margin-bottom: 75px !important;}

.m-b-n--75{ margin-bottom: -75px !important;}

.m-t--30{ margin-top: 30px !important;}
.m-t--45{ margin-top: 45px !important;}
.m-t--75{ margin-top: 75px !important;}
.m-t--90{ margin-top: 90px !important;}
.m-t--n-150{ margin-top: -150px !important;}


.p-b--0{ padding-bottom: 0px !important;}
.p-t--0{ padding-top: 0px !important;}
.p-t--30{ padding-top: 30px !important;}
.p-b--60{ padding-bottom: 60px !important;}
.p-b--180{ padding-bottom: 180px !important;}




/* 5 Columns */

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-15 { width: 20%; float: left; }

@media (min-width: 768px) {
  .col-sm-15 { width: 20%; float: left; }
}
@media (min-width: 992px) {
  .col-md-15 { width: 20%; float: left; }
}
@media (min-width: 1200px) {
  .col-lg-15 { width: 20%; float: left; }
}



/* $Links and $Buttons
--------------------------------------- */
.btn.btn--primary{ background-color: #EB291C; color: #fff; border-radius: 4px; padding: 12px 20px; font-weight: 700; transition: all .25s ease-in; font-family: Rockwell, "Courier Bold", serif; }
.btn.btn--primary:hover, .btn.btn--primary:focus, .btn.btn--primary:active, .btn.btn--primary:active:focus{ background-color: #B82016;}

.btn.btn--hollow{ background-color: transparent; color: #fff; border-radius: 4px; padding: 12px 20px; font-weight: 700; transition: all .25s ease-in; font-family: Rockwell, "Courier Bold", serif; border: 1px solid #fff;}
.btn.btn--hollow:hover, .btn.btn--hollow:focus, .btn.btn--hollow:active, .btn.btn--hollow:active:focus{ background-color: #fff; color: #2C0E6E;}

.btn.btn--hollow-blue{ background-color: transparent; color: #2C0E6E; border-radius: 4px; padding: 12px 20px; font-weight: 700; transition: all .25s ease-in; font-family: Rockwell, "Courier Bold", serif; border: 1px solid #2C0E6E;}
.btn.btn--hollow-blue:hover, .btn.btn--hollow-blue:focus, .btn.btn--hollow-blue:active, .btn.btn--hollow-blue:active:focus{ background-color: #2C0E6E; color: #fff;}

.btn--popover{ background: #EB291C; box-shadow: 0 1px 3px 1px rgba(0,0,0,0.30); color: #fff; border-radius: 100px; transition: all .25s ease-in; font-weight: 600;}
.btn.btn--popover:hover, .btn.btn--popover:focus, .btn.btn--popover:active, .btn.btn--popover:active:focus{ background-color: #2C0E6E; color: #fff; box-shadow: none; outline: none;}
/* $Toggle Number and Icon */
.btn--popover .fa{ display: none;}
.btn.btn--popover:hover .fa, .btn.btn--popover:focus .fa, .btn.btn--popover:active .fa, .btn.btn--popover:active:focus .fa{ display: inline;}
.btn.btn--popover:hover .number, .btn.btn--popover:focus .number, .btn.btn--popover:active .number, .btn.btn--popover:active:focus .number{ display: none;}

.fab-whatsapp{ background-color: #25d366; color: #fff; width: 64px; height: 64px; text-align: center; padding: 17px; border-radius: 100px; box-shadow: 0 3px 5px 1px rgba(0,0,0,0.50); position: fixed; z-index: 9; bottom: 30px; right: 30px; transition: all .25s ease-in;}
.fab-whatsapp:hover, .fab-whatsapp:focus, .fab-whatsapp:active{ background-color: #128c7e; color: #fff;}



/* $Typography
--------------------------------------- */
.heading{ font-family: Rockwell, "Courier Bold", serif; font-weight: 600; margin: 0 0 30px;}
.heading--small{ font-family: Rockwell, "Courier Bold", serif; font-weight: 600; margin: 0 0 10px; font-size:24px}
.sub-heading{ font-weight: 600; margin: 0 0 30px; color: #918D99;}
.lead{ font-size: 16px; line-height: 1.45em; margin: 0 0 15px;}



/* $Header
--------------------------------------- */
.header{ padding: 15px 0; position: relative; z-index: 99;}
.header--inner{}

.header__nav .btn.btn--menu{ background-color: #fff; color: #2C0E6E; border-radius: 100px; padding: 12px 20px; font-weight: 700; transition: all .25s ease-in; margin-left: 15px;}
.header--inner .header__nav .btn.btn--menu{ background-color: #fff; color: #2C0E6E; border-radius: 100px; padding: 12px 20px; font-weight: 700; transition: all .25s ease-in; margin-left: 15px;}

.header__nav .btn.btn--menu:hover, .btn.btn--menu:focus, .btn.btn--menu:active, .btn.btn--menu:active:focus{ background-color: #fff; color: #2C0E6E;}
.header__nav .btn.btn--menu.btn--square{ width: 46px; height: 46px; padding-left: 0; padding-right: 0;}

.header__nav .fa-bars{ transition: transform .25s ease-in;}
.header__nav .open .fa-bars{ transform: rotate(90deg);}

.header__menu{ background: #FFFFFF; border-radius: 4px; border: none; margin-top: 10px;}
.header__menu>li{ padding: 3px;}
.header__menu>li>a{ color: #2C0E6E; padding: 10px 15px; border-radius: 4px;}
.header__menu>li>a:hover, .header__menu>li>a:focus, .header__menu>li>a:active{ background-color: #F2F2F2; color: #2C0E6E;}

@media (min-width: 768px){
  .header__nav{ margin-top: 7px;}
  .header__nav .btn.btn--menu{ background-color: transparent; color: #fff; border-radius: 100px; padding: 12px 20px; font-weight: 700; transition: all .25s ease-in; margin-left: 15px;}
  .header--inner .header__nav .btn.btn--menu{ background-color: #fff; color: #2C0E6E; border-radius: 100px; padding: 12px 20px; font-weight: 700; transition: all .25s ease-in; margin-left: 15px;}

  .header__nav .btn.btn--menu:hover, .btn.btn--menu:focus, .btn.btn--menu:active, .btn.btn--menu:active:focus{ background-color: #fff; color: #2C0E6E;}
  .header__nav .btn.btn--menu.btn--square{ width: 46px; height: 46px; padding-left: 0; padding-right: 0;}
}/* end @media */



/* $Hero
--------------------------------------- */
.hero{ position: relative; background-color: #FAFAFA;}
.hero__bg{ background: #2C0E6E url('../images/hero-bg.png') no-repeat center center; background-size: cover; padding: 60px 30px 15px;}

.hero__content{ color: #fff;}
.hero__content .heading{ margin: 0 0 15px;}
.hero__content .lead{ margin: 0 0 30px;}

.hero__media{ padding: 90px 0; transform: scale(1.25); transform-origin: top left; position: relative; z-index: 8;}
.hero__media::after{ content: url('../images/hero-dots.png'); position: absolute; bottom: 30px; right: -40px; z-index: -1;}

.hero__controls{ text-align: right; transform: translateY(-90px); position: relative; z-index: 9; margin-right: 15px;}
.hero__controls .control{ width: 40px; height: 40px; text-align: center; padding: 10px; background-color: #fff; color: #2C0E6E; border-radius: 100px; border: 1px solid #2C0E6E; background-color: #FAFAFA; cursor: pointer; transition: all .25s ease-in;}
.hero__controls .control:hover{ color: #fff; background-color: #2C0E6E;}

.hero__controls .control--next{ margin-left: 10px;}


@media (min-width: 768px){
  .hero{ transform: translateY(-90px);}
  .hero__bg{ padding: 130px 0;}
  .hero__controls{ transform: translateY(-250px);}
}/* end @media */

@media (min-width: 992px){
  .hero__bg{ padding: 150px 0 100px;}
  .hero__controls{ transform: translateY(-75px);}
}/* end @media */

@media (min-width: 1200px){
  .hero__bg{ padding: 250px 0 250px;}
  .hero__controls{ transform: translateY(-150px);}
  .hero__content .heading{ font-size: 52px;}
}/* end @media */


/* $Content
--------------------------------------- */
#content{ margin-top: -90px;}


/* $Module
--------------------------------------- */
.module{ background-color: #FAFAFA;}
.module--spaced{ padding: 90px 0;}
.module--blue{ background-color: #2C0E6E; color: #fff;}
.module--transparent{ background-color: transparent;}
.module--benefits{ padding: 300px 0 100px; margin-top: -200px;}
.module--title{ padding: 45px 0 0; text-align: center;}
.module--title-contact{ padding: 45px 0 0; text-align: center; height: 300px; margin-bottom: -150px;}
.module--title-blog{ padding: 400px 0 75px; text-align: center; margin: 0;}
  .module--title-blog{ background-size: cover; background-blend-mode: multiply; background-color: #666;}


@media (min-width: 768px){
  .module--customers{ margin-top: -90px; position: relative; z-index: 7;}
}/* end @media */



/* $Box
--------------------------------------- */
.box{ background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25); border-radius: 3px; position: relative; z-index: 5;}
.box--spaced{ padding: 45px;}
.box--red{ color: #fff; background-color: #EB291C;}
.box--blue{ color: #fff; background-color: #666666; padding-top:10px; padding-bottom:10px; margin-bottom:40px;}

@media (min-width: 1200px){
  .box .heading--lg{ font-size: 42px;}
}/* end @media */



/* $Blurb
--------------------------------------- */
.blurb{ text-align: center; padding: 30px 20px 10px; margin: 0 0 30px;}
.blurb__number{ color: #EB291C; font-family: Rockwell, "Courier Bold", serif; font-weight: 600; font-size: 48px; margin: 0; line-height: 1em;}
.blurb__what{ color: #2C0E6E; font-family: Rockwell, "Courier Bold", serif; font-weight: 600; margin: 0 0 15px; font-size: 21px; text-transform: lowercase;}
.blurb__lead{ color: #2C0E6E; font-size: 16px; line-height: 1.45em;}



/* $Schematics
--------------------------------------- */
.schematics{ position: relative;}
.schematics__btn{ position: absolute;}
.schematics__btn--1{ top: 45px; left: 0;}
.schematics__btn--2{ top: 15px; right: 30px;}
.schematics__btn--3{ bottom: 30px; left: 50px;}
.schematics__btn--4{ bottom: 90px; right: 30px;}

.popover{ background-color: #2C0E6E; color: #fff; padding: 15px;}
.popover.right > .arrow::after{ border-right-color: #2C0E6E;}
.popover.left > .arrow::after{ border-left-color: #2C0E6E;}
.popover .fa{ margin: 0 0 20px;}
.popover .heading{ margin: 0 0 15px;}
.popover .lead{ font-weight: 400; font-size: 14px; margin: 0;}

.schematics__blurb{ background-color: #fafafa; color: #2C0E6E; padding: 15px; margin: 30px 0 0;}
.schematics__blurb .fa{ margin: 0 0 20px;}
.schematics__blurb .heading{ margin: 0 0 15px;}
.schematics__blurb .lead{ font-weight: 400; font-size: 14px; margin: 0;}


/* $Benefits
--------------------------------------- */
.benefits{}

.benefits__blurb{ background-color: #fafafa; color: #2C0E6E; border-radius: 4px; padding: 40px 20px;}
.center .benefits__blurb{ background-color: #EB291C; color: #fff;}
.benefits__blurb .fa{ margin: 0 0 20px;}
.benefits__blurb .heading{ margin: 0 0 15px;}
.benefits__blurb .lead{ font-weight: 400; font-size: 14px; margin: 0;}

.benefits__controls{ text-align: right; position: relative; z-index: 9; margin-right: 15px;}
.benefits__controls .control{ width: 40px; height: 40px; text-align: center; padding: 10px; background-color: #2C0E6E; color: #fff; border-radius: 100px; border: 1px solid #fff; cursor: pointer; transition: all .25s ease-in;}
.benefits__controls .control:hover{ color: #2C0E6E; background-color: #fff;}

.benefits__controls .control--next{ margin-left: 10px;}

@media (min-width: 1200px){
  .benefits .heading{ font-size: 42px;}
  .benefits__blurb .heading{ font-size: 1.2em;}
}/* end @media */


/* $Testimonials
--------------------------------------- */
.testimonials{ background-color: #fafafa; padding: 60px 30px;}

.testimonials .heading{ color: #918D99; margin: 0 0 30px;}

.media--testimonial{ border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 30px;}
.media--testimonial:last-child{border-bottom: none;}

.media--testimonial .media-object{ width: 70px; height: 70px; border-radius: 1000px;}
.media--testimonial .media-heading{ font-family: Rockwell, "Courier Bold", serif; font-weight: 600; margin: 10px 0 15px;}
.media--testimonial .media-author{ font-weight: 600;}
.media--testimonial .media-author a{ text-decoration: underline !important;}

@media (min-width: 992px){
  .testimonials{ padding: 60px 60px;}
}/* end @media */

@media (min-width: 1200px){
  .testimonials{ padding: 90px 105px 60px 135px;}
}/* end @media */



/* $Infos
--------------------------------------- */
.infos{ background-color: #2C0E6E; color: #fff; padding: 60px 30px;}

.infos__media{ margin: 30px 0;}
.infos__image{ margin: 0 0 15px;}
.infos__play{ position: relative;}
.infos__play::after{ font-family: 'FontAwesome'; content: '\f144'; z-index: 6; top: 40%; top: calc(50% - 16px); left: 40%; left: calc(50% - 16px); color: #fff; font-size: 32px; position: absolute;}


@media (min-width: 768px){
  .infos{ padding-bottom: 0;}
  .infos__dots{ position: relative;}
  .infos__dots::before{ content: url('../images/infos-dots.png'); position: absolute; top: -10px; left: -75px;}
  .infos__media--product{ transform: translateX(15px);}
  .infos__play{ transform: translateY(-150px);}
  .infos__media--scene{ transform: translateY(-200px);}
  .infos__media--btn{ transform: translateY(-150px);}
}/* end @media */

@media (min-width: 992px){
  .infos{ padding: 60px 60px;}

  .infos__media{ position: relative;}
  .infos__image{}
  .infos__media--product{ transform: translateX(45px);}
  .infos__play{ transform: translateY(-150px) scale(1.30) translateX(-15px); transform-origin: top right;}
  .infos__media--scene{ transform: translateY(-150px);}
  .infos__media--btn{ transform: translateY(-100px);}
}/* end @media */

@media (min-width: 1200px){
  .infos{ padding: 90px 135px 60px 45px;}
  .infos .heading{ font-size: 42px;}

  .infos__dots::before{ content: url('../images/infos-dots.png'); position: absolute; top: -15px; left: 0px;}
  .infos__media--product{ transform: translateX(135px);}
  .infos__media--scene{ transform: translateY(-150px) translateX(75px);;}
}/* end @media */


/* $Customers
--------------------------------------- */
.customers img{ opacity: .25; transition: all .25s ease-in;}
.customers img:hover{ opacity: 1;}

.customers .heading{ color: #918D99; opacity: .75; text-align: center; margin: 20px 0 ;}


/* $Contact
--------------------------------------- */
.contact{}
.contact__list{ margin: 30px 0;}
.contact__list>li{ margin: 0 0 10px;}

.contact .form{}
.contact .form .form-control{ border-radius: 2px; box-shadow: none; height: 40px;}
.contact .form textarea.form-control{ min-height: 150px; resize: vertical;}

@media (min-width: 1200px){
  .contact .heading{ font-size: 42px;}
}/* end @media */





/* $Footer
--------------------------------------- */
.footer{ text-align: center; padding: 60px 0; background-color: #fafafa;}
.footer .brand{ width: 150px; margin-bottom: 15px;}
.footer .lead{ color: #918D99;}



/* $list--tabs
--------------------------------------- */
.list--tabs{ overflow: auto; white-space: nowrap; text-align: center; margin: 0;}
.list--tabs>li{ margin: 0 15px 0; border-bottom: 5px solid transparent; padding: 5px 0 10px;}
.list--tabs>li.active{ border-bottom-color: #fff;}
.list--tabs>li>a{ color: #fff; text-transform: uppercase; font-weight: 800; opacity: .5}
.list--tabs>li.active>a{ color: #fff; opacity: 1;}

@media (min-width: 768px) {
}/* end @media */


/* $Thumbnail
--------------------------------------- */
.thumbnail{ background: transparent; border: none; padding: 0; color: #2C0E6E; margin: 0 0 30px;}
.thumbnail .heading{ color: #2C0E6E; min-height: 3em; overflow: hidden;}
.thumbnail .heading>a{ color: #2C0E6E;}
.thumbnail__media{ position: relative;}
.thumbnail__media::after{ font-family: 'FontAwesome'; content: '\f144'; z-index: 6; top: 40%; top: calc(50% - 16px); left: 40%; left: calc(50% - 16px); color: #fff; font-size: 32px; position: absolute;}
.thumbnail__img{ margin: 0 0 15px;}




/* $Modal
--------------------------------------- */
.modal-body--dark{ background-color: #2C0E6E;}
.modal-backdrop.in{ background-color: #2C0E6E; opacity: .75;}



.product__details{ padding: 60px 30px 100px 30px;}
.product__details tr td:last-child{ font-weight: 600;}
.product__image{ padding: 60px 60px 100px; background-color: #fff;}

@media (min-width: 768px) {
  .product__image{ padding: 100px 200px;}
}/* end @media */

@media (min-width: 992px) {
  .product__details{ padding: 100px 60px 100px 30px;}
  .product__image{ padding: 100px 100px;}
}/* end @media */

@media (min-width: 1200px) {
  .product__details{ padding: 100px 135px 100px 30px;}
}/* end @media */


/* $post */
.post-meta{ text-align: center; color: #fff; opacity: .75; margin: 3px 0 30px;}

.post-content{ margin: 0 0 45px; font-size: 16px;}
.post-content p{ line-height: 1.45em;}
.post-content blockquote{ font-size: 24px; color: #EB291C; text-align: center; padding: 0; margin: 45px 0; border: none; font-family: Rockwell, "Courier Bold", serif; font-weight: 600;}
.post-content img{ max-width: 100%; height: auto; display: block; margin: 30px 0;}
.post-content img:first-of-type{ margin: 0 0 30px;}

.post-intro p{ font-size: 24px; font-weight: 100; line-height: 1.15em; margin: 0 0 30px; font-family: Rockwell, "Courier Bold", serif; font-weight: 600;}


/* $Latest Posts
  --------------------------------------- */
.latest-posts{ padding: 90px 0;}

.latest-posts__heading{ font-family: Rockwell, "Courier Bold", serif; font-weight: 600; text-transform: uppercase; font-size: 60px; margin: 0 0 60px; text-align: center;}

@media (min-width: 768px) {
  .latest-posts__heading{ font-size: 80px;}
}


/* $Posts
--------------------------------------- */
.post{ padding: 10px; border: none; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);}
.post:hover{ opacity: .75;}

.post__media{ margin: 0 0 15px; border-radius: 2px;}
.post__meta{ margin: 0 0 15px; font-size: 12px;}
.post__category{ text-transform: uppercase; color: #EB291C; font-weight: 600;}
.post__date{ font-style: italic; color: #fff;}
.post__heading{ font-weight: 700; line-height: 1.25em; margin: 0 0 15px; font-size: 14px; color: #2C0E6E; font-family: Rockwell, "Courier Bold", serif; font-weight: 600;}
.post__lead{ line-height: 1.45em; margin: 0 0 15px; color: #2C0E6E;}

@media (min-width: 768px) {
  .post{ padding: 0 15px; border: none;}
  .post__heading{ font-size: 16px;}
}



/* $Blogroll */
.blogroll{ background-color: #fafafa;}
.blogroll__featured{ margin-top: 60px; position: relative; z-index: 3; margin-bottom: 15px;}

/* $Post-Featured */
.post-featured{ background-color: #fff; padding: 15px; border-radius: 4px; margin: 0 0 30px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25); transition: all .25s ease-in;}
.post-featured:hover{ opacity: .75;}
.post-featured .post__meta{ margin-top: 15px;}
.post-featured .post__date{ color: #2C0E6E;}
.post-featured .post__heading{ font-size: 18px; color: #2C0E6E; font-family: Rockwell, "Courier Bold", serif; font-weight: 600;}
.post-featured .post__lead{ color: #2C0E6E;}

@media (min-width: 768px) {
  .post-featured{ padding: 45px 30px;}
  .post-featured .post__heading{ font-size: 24px;}
  .blogroll .post{ padding: 10px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25); border-radius: 2px; height: 390px; margin-bottom: 30px;}
}


.blogroll_pagination{  text-align: center; margin: 15px 0 60px;}
.pagination{}
.pagination>li{}
.pagination>li>a{ border-radius: 100px !important; width: 40px; height: 40px; margin: 0 3px; padding: 11px 9px 9px; font-weight: 900; background-color: #fff; border: none; color: #2C0E6E; transition: all .25s ease-in;}
.pagination>li>a:hover{ color: #24272C;}
.pagination>li.active>a{ background-color: #2C0E6E; color: #fff;}
.pagination>li.active>a:hover{ background-color: #006BFF; color: #fff;}




.contact__blurb{ margin: 0 0 30px;}
.contact__blurb a{ background-color: #EB291C; display: block; padding: 30px 15px; color: #fff; border-radius: 4px; transition: all .25s ease-in;}
.contact__blurb a:hover{ color: #fff; background-color: #B82016;}

.contact__blurb .far{ margin: 0 0 15px; font-size: 16px;}
.contact__blurb .link{ font-family: Rockwell, "Courier Bold", serif; font-weight: 600;}



/* $Contact-social
 --------------------------------------- */
.contact__social{ background-color: #F9F9F9; border-radius: 4px; overflow: hidden; margin-left: 0;}
.contact__social--post{ margin: 30px 0;}

.contact__social>li{ text-align: center; width: 24%; border-right: 1px solid #ddd;}
.contact__social>li:last-child{ border-right: none;}
.contact__social>li>a{ display: block; padding: 30px 0; color: #2C0E6E; transition: all .25s ease-in;}
.contact__social>li>a:hover, .contact__social>li>a:focus, .contact__social>li>a:active{ color: #EB291C;}

@media (min-width: 1170px){
  .contact__social--post>li{ width: 48%;}
  .contact__social--post>li:nth-child(2){ border-right: none; border-bottom: 1px solid #ddd;}
  .contact__social--post>li:nth-child(1){ border-bottom: 1px solid #ddd;}
}/* end @media */



@media (min-width: 768px){
  .post-meta{ text-align: right;}
}/* end @media */


@media (min-width: 1170px){
  .post-actions{ position: sticky; top: 75px;}
}/* end @media */



/**/

.wpcf7-not-valid-tip{
  color: white !important;
}

.wpcf7-response-output{
  background: orange !important;
  padding: 20px;
  border-radius: 5px;
  color:#000;
}

/* =WordPress Core
-------------------------------------------------------------- */

.aligncenter,
div.aligncenter {
  display: block !important;
  margin: 5px auto 5px auto !important;
}

a img.aligncenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.post-content a, .post-content a:hover, .post-content a:active, .post-content a:hover:active{
  border-color: #EB291C;
  box-shadow: inset 0 -5px 0 #EB291C;
  color: inherit;
  font-weight: 700;
  padding: 0 5px;
}

.post-content a:hover{
  color:white;
  background: #EB291C;
  transition: all .5s;
}