/* Enter your custom styles */

.u-text-sup {
  text-transform: uppercase;
}

p.p-xl {
  font-size: 1.5rem;
  line-height: 1.5;
}

nav img {
  width: 50px;
  height: 50px;
}

body .navbar.navbar-light:not(.scroll) a.logo-black, body .navbar.navbar-light.scroll a.logo-white {
  display: none;
}

body .navbar.navbar-light:not(.scroll) a.logo-white {
  display: block;
}

body .navbar.navbar-light.red-hover li a:hover {
  color: #fd1c1c;
}

.navbar-expand-lg>.container-fluid {
  padding-right: 6%;
  padding-left: 6%;
}

span.widget-list-span {
  position: relative !important;
  right: 0;
  float: none;
  top: 0;
  left: 0;
  border: none !important;
  margin-left: 5px !important;
  font-size: inherit;
  color: #555 !important;
}

span.widget-list-span:before {
  content: "(";
  margin-right: 2px;
}

span.widget-list-span:after {
  content: ")";
  margin-left: 2px;
}

.sidebar-div ul>li {
  padding: 10px 0;
  border-bottom: 1px dashed #c0c0c0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.sidebar-div a:hover {
  color: #000;
  text-decoration: none;
}

.bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#video-1 {
  position: relative;
  width: 100%;
  max-height: 650px;
}

/* theme text font family */

.vc_custom_heading.u-text-roboto {
  font-family: 'Roboto', sans-serif;
}

.vc_custom_heading.u-text-oswald {
  font-family: 'Oswald', sans-serif;
}

.vc_custom_heading.u-text-montserrat {
  font-family: 'Montserrat', sans-serif;
}

/* theme text font weight */

.vc_custom_heading.u-text-lighter {
  font-weight: lighter;
}

.vc_custom_heading.u-text-normal {
  font-weight: normal;
}

.vc_custom_heading.u-text-bold {
  font-weight: bold;
}

.vc_custom_heading.u-text-bolder {
  font-weight: bolder;
}

.vc_custom_heading.u-text-normal {
  font-weight: normal;
}

.vc_custom_heading.u-text-normal {
  font-weight: normal;
}

.vc_custom_heading.u-text-w100 {
  font-weight: 100;
}

.vc_custom_heading.u-text-w200 {
  font-weight: 200;
}

.vc_custom_heading.u-text-w300 {
  font-weight: 300;
}

.vc_custom_heading.u-text-w400 {
  font-weight: 400;
}

.vc_custom_heading.u-text-w500 {
  font-weight: 500;
}

.vc_custom_heading.u-text-w600 {
  font-weight: 600;
}

.vc_custom_heading.u-text-w700 {
  font-weight: 700;
}

.vc_custom_heading.u-text-w800 {
  font-weight: 800;
}

.vc_custom_heading.u-text-w900 {
  font-weight: 900;
}

.vc_custom_heading.u-text-w900 {
  font-weight: 900;
}

.vc_custom_heading b {
  font-weight: 700;
}

/* theme text color */

.vc_custom_heading.u-color-white {
  color: #fff;
}

.vc_custom_heading.u-color-black {
  color: #000;
}

.vc_custom_heading.u-color-dark {
  color: #222;
}

.vc_custom_heading.u-color-lightdark {
  color: #2c353f;
}

.vc_custom_heading.u-color-grey {
  color: #666;
}

.vc_custom_heading.u-color-lightgrey {
  color: #ccc;
}

.vc_custom_heading.u-color-deepgrey {
  color: #e0dcda;
}

.vc_custom_heading.u-color-rose {
  color: #f23472;
}

.vc_custom_heading.u-color-red {
  color: #fd1c1c;
}

.vc_custom_heading.u-color-yellow {
  color: #feca16;
}

.vc_custom_heading.u-color-green {
  color: #42a045;
}

.vc_custom_heading.u-color-blue {
  color: #2154cf;
}

.vc_custom_heading.u-color-lightblue {
  color: #1e88e5;
}

.vc_custom_heading.u-color-purple {
  color: #6e45e2;
}

.vc_custom_heading.u-color-deeppurple {
  color: #510fa7;
}

.vc_custom_heading.u-color-lightpurple {
  color: #715fef;
}

/* theme portfolio */

.port-col-2 .masonry-wrap .portfolio-item {
  width: 50%;
}

.port-col-3 .masonry-wrap .portfolio-item {
  width: 33.33%;
}

.port-col-4 .masonry-wrap .portfolio-item {
  width: 25%;
}

@media (max-width: 992px) {
  .port-col-2 .masonry-wrap .portfolio-item, .port-col-3 .masonry-wrap .portfolio-item, .port-col-4 .masonry-wrap .portfolio-item {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .port-col-2 .masonry-wrap .portfolio-item, .port-col-3 .masonry-wrap .portfolio-item, .port-col-4 .masonry-wrap .portfolio-item {
    width: 100%;
  }
}

/*theme btn corner style */

.btn.btn-default {
  border-radius: none !important;
}

.btn.btn-circle {
  border-radius: 1000px !important;
}

.btn.btn-rounded {
  border-radius: 4px;
}

.btn.btn-center {
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
  display: table;
}

.btn.btn-right {
  position: relative;
  float: right;
}

/* theme btn color style */

.btn.btn-white {
  background-color: #fff;
}

.btn.btn-black {
  background-color: #000;
}

.btn.btn-dark {
  background-color: #222;
}

.btn.btn-lightdark {
  background-color: #2c353f;
}

.btn.btn-grey {
  background-color: #f2f2f2;
}

.btn.btn-lightgrey {
  background-color: #ede9e6;
}

.btn.btn-deepgrey {
  background-color: #e0dcda;
}

.btn.btn-rose {
  background-color: #f23472;
}

.btn.btn-red {
  background-color: #fd1c1c;
}

.btn.btn-yellow {
  background-color: #feca16;
}

.btn.btn-green {
  background-color: #42a045;
}

.btn.btn-blue {
  background-color: #07d5df;
}

.btn.btn-lightblue {
  background-color: #1e88e5;
}

.btn.btn-purple {
  background-color: #6e45e2;
}

.btn.btn-deeppurple {
  background-color: #510fa7;
}

.btn.btn-lightpurple {
  background-color: #715fef;
}

.btn.outline-white {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.btn.outline-black {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.btn.outline-dark {
  background-color: transparent;
  border-color: #222;
  color: #222;
}

.btn.outline-lightdark {
  background-color: transparent;
  border-color: #2c353f;
  color: #2c353f;
}

.btn.outline-grey {
  background-color: transparent;
  border-color: #f2f2f2;
  color: #f2f2f2;
}

.btn.outline-lightgrey {
  background-color: transparent;
  border-color: #ede9e6;
  color: #ede9e6;
}

.btn.outline-deepgrey {
  background-color: transparent;
  border-color: #e0dcda;
  color: #e0dcda;
}

.btn.outline-rose {
  background-color: transparent;
  border-color: #f23472;
  color: #f23472;
}

.btn.outline-red {
  background-color: transparent;
  border-color: #fd1c1c;
  color: #fd1c1c;
}

.btn.outline-yellow {
  background-color: transparent;
  border-color: #feca16;
  color: #feca16;
}

.btn.outline-green {
  background-color: transparent;
  border-color: #42a045;
  color: #42a045;
}

.btn.outline-blue {
  background-color: transparent;
  border-color: #07d5df;
  color: #07d5df;
}

.btn.outline-lightblue {
  background-color: transparent;
  border-color: #1e88e5;
  color: #1e88e5;
}

.btn.outline-purple {
  background-color: transparent;
  border-color: #6e45e2;
  color: #6e45e2;
}

.btn.outline-deeppurple {
  background-color: transparent;
  border-color: #510fa7;
  color: #510fa7;
}

.btn.outline-lightpurple {
  background-color: transparent;
  border-color: #715fef;
  color: #715fef;
}

/*theme btn hover style */

.btn.tra-hover:hover {
  color: #333;
  background-color: transparent;
  border-color: #fff;
}

.btn.white-hover:hover {
  color: #333;
  background-color: #fff;
  border-color: #fff;
}

.btn.red-hover:hover {
  color: #fff;
  background-color: #222;
  border-color: #fd1c1c;
}

.btn.black-hover:hover {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.btn.rose-hover:hover {
  color: #fff;
  background-color: #f23472;
  border-color: #f23472;
}

.btn.blue-hover:hover {
  color: #fff;
  background-color: #07d5df;
  border-color: #07d5df;
}

.rose-hover:hover {
  color: #f23472 !important;
  border-color: #f23472 !important;
}

.grey-hover:hover {
  color: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
}

.green-hover:hover {
  color: #42a045 !important;
  border-color: #42a045 !important;
}

.red-hover:hover {
  color: #fd1c1c !important;
  border-color: #fd1c1c !important;
}

.blue-hover:hover {
  color: #2154cf !important;
  border-color: #2154cf !important;
}

.skyblue-hover:hover {
  color: #01b7de !important;
  border-color: #01b7de !important;
}

.yellow-hover:hover {
  color: #feca16 !important;
  border-color: #feca16 !important;
}

.purple-hover:hover {
  color: #6e45e2 !important;
  border-color: #6e45e2 !important;
}

.rose-hover-bg:hover {
  background-color: #f23472 !important;
  border-color: #f23472 !important;
}

.grey-hover-bg:hover {
  background-color: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
}

.green-hover-bg:hover {
  background-color: #42a045 !important;
  border-color: #42a045 !important;
}

.red-hover-bg:hover {
  background-color: #fd1c1c !important;
  border-color: #fd1c1c !important;
}

.blue-hover-bg:hover {
  background-color: #2154cf !important;
  border-color: #2154cf !important;
}

.skyblue-hover-bg:hover {
  background-color: #01b7de !important;
  border-color: #01b7de !important;
}

.yellow-hover-bg:hover {
  background-color: #feca16 !important;
  border-color: #feca16 !important;
}

.purple-hover-bg:hover {
  background-color: #6e45e2 !important;
  border-color: #6e45e2 !important;
}

.rose-hover-bg {
  border-color: #f23472 !important;
}

.grey-hover-bg {
  border-color: #f2f2f2 !important;
}

.green-hover-bg {
  border-color: #42a045 !important;
}

.red-hover-bg {
  border-color: #fd1c1c !important;
}

.blue-hover-bg {
  border-color: #2154cf !important;
}

.skyblue-hover-bg {
  border-color: #01b7de !important;
}

.yellow-hover-bg {
  border-color: #feca16 !important;
}

.purple-hover-bg {
  border-color: #6e45e2 !important;
}

.bold-red b {
  color: #fd1c1c !important;
}

.nt-footer .social-icon a:hover i[class*="fa-facebook"] {
  color: #3b5998;
}

.nt-footer .social-icon a:hover i[class*="fa-twitter"] {
  color: #00a9ed;
}

.nt-footer .social-icon a:hover i[class*="fa-behance"] {
  color: #2473f6;
}

.nt-footer .social-icon a:hover i[class*="fa-google-plus"] {
  color: #cd1111;
}

.nt-footer .social-icon a:hover i[class*="fa-linkedin"] {
  color: #015886;
}

.nt-footer .social-icon a:hover i[class*="fa-dribbble"] {
  color: #d92d84;
}

.nt-footer .social-icon a:hover i[class*="fa-instagram"] {
  color: #beb3a8;
  ;
}

.nt-footer .social-icon a:hover i[class*="fa-pinterest"] {
  color: #ac281a;
}

.nt-footer .social-icon a:hover i[class*="fa-youtube"] {
  color: #cd1b20;
}

.nt-footer .social-icon a:hover i[class*="fa-tumblr"] {
  color: #3a5976;
}

.nt-footer .social-icon a:hover i[class*="fa-vk"] {
  color: #3b5998;
}

.nt-footer .social-icon a:hover i {
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

/*theme footer style */

#footer-widget-area .footer-box {
  padding-left: 0;
}

/*theme testimonial style */

.vc_icon_element-size-c-summary-1-icon [class^="flaticon-"]:before, .vc_icon_element-size-c-summary-1-icon [class*=" flaticon-"]:before, .vc_icon_element-size-c-summary-1-icon [class^="flaticon-"]:after, .vc_icon_element-size-c-summary-1-icon [class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 4.5rem !important;
  line-height: 4.5rem !important;
  font-style: normal;
  margin-left: 0;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-c-summary-1-icon .vc_icon_element-icon {
  font-size: 3.15em !important;
}

/*theme testimonial style */

.review-1 img {
  width: 80px;
  height: 80px;
  display: inline-block;
  margin-right: 20px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}

.review-1 .review-txt p {
  padding: 0;
}

.review-1 .testimonial-avatar {
  display: inline-block;
  float: left;
}

.review-1 .review-author {
  display: inline-block;
}

/* hero text css */

#hero-2 .h2-md b {
  font-weight: 800;
}

#hero-4 .hero-txt {
  display: table;
}

#hero-4 .hero-txt h2 {
  color: #fff;
}

.btn-arrow .fa {
  position: absolute;
  line-height: 1rem !important;
  right: 0px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.btn-arrow:hover .fa {
  right: -20px;
  opacity: 1;
}

.btn.btn-right {
  position: relative;
  float: right;
}

.statistic-number:after {
  content: none !important
}

#nt-footer .bottom-footer {
  border-top: 1px solid #ccc;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

img {
  max-width: 100%;
}

.sidebar-div ul>li>ul>li {
  border-bottom: none;
  margin-bottom: -8px;
}

.sidebar-div ul>li>ul {
  margin-left: 10px;
}

.sidebar-div ul.children {
  margin-bottom: 0px;
}

.sidebar-div .children .children {
  margin-bottom: 0px;
}

.sidebar-div>div>ul>li {
  padding: 10px 0;
  border-bottom: 1px dashed #c0c0c0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#hero-2 h2 span {
  font-weight: 700;
}

.video-btn-sm .fa {
  width: 90px;
  height: 90px;
  font-size: 100px;
  left: 15px;
  top: 10px;
  color: #fd1c1c;
  position: absolute;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.video-btn-sm:hover .fa {
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

@media (max-width: 1199.99px) and (min-width: 992px) {
  .video-btn-sm, .video-btn .video-btn-sm i.fa {
    width: 80px;
    height: 80px;
    font-size: 90px;
    left: 15px;
    top: 10px;
  }
}

@media (max-width: 991.99px) and (min-width: 768px) {
  .video-btn-sm, .video-btn .video-btn-sm i.fa {
    width: 80px;
    height: 80px;
    font-size: 90px;
    left: 14px;
    top: 9px;
  }
}

@media (max-width: 767.99px) and (min-width: 576px) {
  .video-btn-sm, .video-btn .video-btn-sm i.fa {
    width: 70px;
    height: 70px;
    font-size: 80px;
    left: 10px;
    top: 5px;
  }
}

@media (max-width: 575px) {
  .video-btn-sm, .video-btn .video-btn-sm i.fa {
    width: 70px;
    height: 70px;
    font-size: 80px;
    left: 10px;
    top: 5px;
  }
}

.play-icon-white i.fa {
  color: #fff;
}

.play-icon-grey i.fa {
  color: #999;
}

.play-icon-purple i.fa {
  color: #5830c7;
}

.play-icon-green i.fa {
  color: #56a959;
}

.play-icon-lightgreen i.fa {
  color: #22bc3f;
}

.play-icon-red i.fa {
  color: #fd1c1c;
}

.play-icon-blue i.fa {
  color: #3176ed;
}

.play-icon-skyblue i.fa {
  color: #0b88ee;
}

.play-icon-yellow i.fa {
  color: #feca16;
}

.play-icon-rose i.fa {
  color: #f23472;
}


@media (max-width: 1200px) {
  .btn-left-992 {
    float: left !important;
  }
  .btn-right-992 {
    float: right !important;
  }
  .btn-center-992 {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    display: table;
    position: relative;
  }
  .md-center {
    text-align: center !important;
  }
  .md-left {
    text-align: left !important;
  }
  .md-right {
    text-align: right !important;
  }
}

@media (max-width: 768px) {
  .btn-left-768 {
    float: left !important;
  }
  .btn-right-768 {
    float: right !important;
  }
  .btn-center-768 {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    display: table;
    position: relative;
  }
  .sm-center {
    text-align: center !important;
  }
  .sm-left {
    text-align: left !important;
  }
  .sm-right {
    text-align: right !important;
  }
}

@media (max-width: 480px) {
  .xs-center {
    text-align: center !important;
  }
  .xs-left {
    text-align: left !important;
  }
  .xs-right {
    text-align: right !important;
  }
}

.image-zoom a {
  border: 2px solid #fff !important;
}

.video-preview-c {
  position: relative;
  display: block;
}

.video-preview-c .video-btn-sm-c {
  position: absolute !important;
  width: 150px;
  height: 150px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
  padding: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.video-btn-sm-c:before {
  content: '';
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.video-btn-sm-c:hover:before {
  opacity: 1;
  left: -15px;
  right: -15px;
  top: -15px;
  bottom: -15px;
}

.video-btn-sm-c:hover .fa {
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.play-icon-red-c {
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-btn-sm-c .ico-bkg-c {
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #fff;
  border-radius: 100%;
}

.video-btn-sm-c .fa {
  width: 100%;
  height: 100%;
  font-size: 125px;
  color: #fd1c1c;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

@media (max-width: 992px) {
  .video-preview-c .video-btn-sm-c {
    width: 120px;
    height: 120px;
  }
  .video-btn-sm-c .fa {
    font-size: 100px;
  }
}

@media (max-width: 768px) {
  .video-preview-c .video-btn-sm-c {
    width: 100px;
    height: 100px;
  }
  .video-btn-sm-c .fa {
    font-size: 80px;
  }
}

.single .project-image {
  text-align: center;
  margin-bottom: 0px;
}

.page-post-1 .share-social-icons {
  padding: 0px !important;
  margin: 0px !important;
}

li.c-pager-1-item.-prev:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.5;
  background: #f2f2f2;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

li.c-pager-1-item.-next:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.5;
  background: #f2f2f2;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

li.c-pager-1-item.-prev:hover:after, li.c-pager-1-item.-next:hover:after {
  background-color: #555 !important;
  opacity: 1;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

li.c-pager-1-item.-prev:hover *, li.c-pager-1-item.-next:hover * {
  color: #5d5d5d !important;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
}

.blog-classic.wide-100 {
  padding-bottom: 0 !important;
}

.navbar-dark .navbar-nav .dropdown-item {
  color: #fff;
}

.navbar.scroll.navbar-dark.bg-tra .nav-link, .navbar.scroll.navbar-dark.bg-tra .dropdown-item {
  color: #333;
}

@media (max-width: 768px) {
  .navbar-dark .navbar-nav .dropdown-item {
    color: #333;
  }
  .dropdown-toggle::after {
    margin-left: 13px;
    top: 15px;
  }
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
  color: #333;
}


.navbar-toggler[aria-expanded="true"] .fa {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    transform: rotate(90deg);
}

.navbar-toggler[aria-expanded="true"] .fa:before {
     vertical-align: .175em;
    border: 0 !important;
    font-size:32px;
    content: "\f00d";
    font: normal normal normal  FontAwesome;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.navbar-toggler .fa {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    transform: rotate(0deg);
}