/*-------------------------------------------------------------------*/
/*------------------------------------------------------------------*
[ Color codes ]

@color1: #ffffff;
@color2: #238def;
@color3: #001734;
@color4: #272ea7;
@color5: #0e72df;
@color6: #2798f8;
@color7: #475669;
@color8: #0d5fd4;
@color9:  #008aff;
@color10: #1a6ccf;
@color11: #0878d7;
@color12: #ecf1fa;
@color13: #2164ec;
@color14: #1c25bc;
@color15: #151d4d;
@color16: #2b618f;
@color17 : #d7e1f4;
@color18 : #15195b;


-------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/* 1.DEFAULT STYLES */
.btn--white {
  color: #0e72df;
  background: #ffffff;
  border-color: #ffffff;
}
.btn--white:hover,
.btn--white:focus {
  color: #ffffff;
  background-color: #001734;
  border-color: #001734;
}
.btn--blue {
  color: #ffffff;
  background: #2798f8;
  border-color: #2798f8;
}
.btn--blue:hover,
.btn--blue:focus {
  color: #ffffff;
  background-color: #001734;
  border-color: #001734;
}
.btn--br {
  color: #ffffff;
  border-color: #ffffff;
  background: transparent;
}
.btn--br:hover,
.btn--br:focus {
  color: #ffffff;
  background-color: #001734;
  border-color: #001734;
}
.welcome {
  background-image: url(../images/theme_blue/bg_welcome.jpg);
  background-position: center center;
  background-size: cover;
}
.about {
  background-image: url(../images/theme_blue/bg_about.jpg);
  background-position: center center;
  background-size: cover;
}
.screenshots {
  background-image: url(../images/theme_blue/bg__screenshots.jpg);
  background-position: center center;
  background-size: cover;
}
.reviews {
  background: #ecf1fa;
}
.faqs {
  background-image: url(../images/theme_blue/bg__faqs.jpg);
  background-position: top center;
  background-size: cover;
}
.contacts {
  background: #ecf1fa;
}
.footer {
  background-image: url(../images/theme_blue/bg__footer.jpg);
  background-position: center center;
  background-size: cover;
}
.privacy {
  background: #001734;
}
/* TEXT STYLES */
.title-1 {
  color: #ffffff;
}
.title-2 {
  color: #001734;
}
.title-3 {
  color: #ffffff;
}
.title-4 {
  color: #ffffff;
}
.title-5 {
  color: #ffffff;
}
.tagline-1 {
  color: #ffffff;
}
.tagline-2 {
  color: #001734;
}
.tagline-3 {
  color: #ffffff;
}
.text-1 {
  color: #ffffff;
}
.text-2 {
  color: #ffffff;
}
.text-3 {
  color: #001734;
}
.text-4 {
  color: #475669;
}
.box-title--1 {
  color: #001734;
}
.box-title--2 {
  color: #ffffff;
}
.box-title--3 {
  color: #ffffff;
}
/* HEADER */
.header__social a {
  background: #ffffff;
  color: #238def;
}
.header__social a:hover,
.header__social a:focus {
  background: #0e72df;
  color: #ffffff;
}
/* WELCOME BLOCK */
.tagline-1:before {
  background: #ffffff;
}
.welcome__image {
  top: 190px;
  right: -216px;
  width: 780px;
}
.welcome .sticky {
  background: #2798f8;
}
/* BENEFITS BLOCK */
.benefits .title-2:before {
  background: #2798f8;
}
/* ABOUT BLOCK */
.about__content .bars .item {
  position: relative;
}
.about__content .bars .item__title {
  color: #ffffff;
}
.about__content .bars .item .bar {
  background: #0d5fd4;
}
.about__content .bars .item .bar .progress {
  background: #ffffff;
}
.about__content .bars .item .bar__count {
  color: #ffffff;
}
/* FEATURES BLOCK */
.features {
  position: relative;
}
.features .title-2:before {
  background: #2798f8;
}
.features__item .features__icon {
  background: #008aff;
}
.features__item:hover .features__icon:after {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}
/* VIDEO BLOCK */
.video {
  background-image: url(../images/bg_video.jpg);
}
.video__btn {
  background: #1a6ccf;
  border-color: #ffffff;
}
.video__btn i {
  color: #ffffff;
}
.video__btn:hover {
  background: #001734;
}
/* PRICING BLOCK */
.pricing .title-2:before {
  background: #2798f8;
}
.pricing__item {
  background: #2798f8;
  box-shadow: inset 0 0 20px rgba(43, 97, 143, 0.75);
}
.pricing__item--active,
.pricing__item:hover {
  background: #272ea7;
}
.pricing__item--active:hover {
  background: #15195b;
}
.pricing__item .text-2:before {
  background: #ffffff;
}
.pricing__item ul li {
  color: #ffffff;
}
/* SCREENSHOTS BLOCK */
.screenshots .owl-carousel .owl-dots .owl-dot span {
  background: #ffffff;
  border-color: #ffffff;
}
.screenshots .owl-carousel .owl-dots .owl-dot.active span,
.screenshots .owl-carousel .owl-dots .owl-dot:hover span {
  background: #001734;
  border-color: #001734;
}
.screenshots .owl-carousel .owl-prev,
.screenshots .owl-carousel .owl-next {
  border-color: #ffffff;
  background: #ffffff;
}
.screenshots .owl-carousel .owl-prev:before,
.screenshots .owl-carousel .owl-next:before {
  color: #0e72df;
}
.screenshots .owl-carousel .owl-prev:hover,
.screenshots .owl-carousel .owl-next:hover {
  background: #001734;
  border-color: #001734;
}
.screenshots .owl-carousel .owl-prev:hover:before,
.screenshots .owl-carousel .owl-next:hover:before {
  color: #ffffff;
}
/* REVIEWS BLOCK */
.reviews .title-2:before {
  background: #2798f8;
}
.reviews__box {
  background: #ffffff;
}
.reviews__content .box-title--1:before {
  color: #2798f8;
}
.reviews__version {
  background: #001734;
  color: #ffffff;
}
/* DOWNLOAD BLOCK */
.download__content .title-2:before {
  background: #2798f8;
}
.download .btn--br {
  color: #2798f8;
  border-color: #2798f8;
}
.download .btn--br:hover,
.download .btn--br:focus {
  color: #ffffff;
  background-color: #001734;
  border-color: #001734;
}
/* FAQS BLOCK */
.faqs .accordion .card .card-header {
  background: #ffffff;
}
.faqs .accordion .card .card-header .accordion_title:after {
  color: #2798f8;
}
.faqs .accordion .card-block {
  background: #ffffff;
}
.faqs .accordion .card-block ul li:before {
  color: #e8e8e8;
}
/* TEAM BLOCK */
.team .title-2:before {
  background: #2798f8;
}
.team__box .team__layer:before {
  background: rgba(39, 152, 248, 0.4);
}
.team__box .team__content {
  background: #2798f8;
}
.team__box .team__content .team__info p {
  color: #ffffff;
}
.team__box .team__content .team__info span {
  color: #ffffff;
}
.team__box .team__content .team__links .team__social {
  display: inline-block;
}
.team__box .team__content .team__links .team__social li a {
  color: #ffffff;
}
.team__box .team__content .team__links .team__social li a:hover,
.team__box .team__content .team__links .team__social li a:focus {
  color: #001734;
}
/* CONTACTS BLOCK */
.contacts .title-2:before {
  background: #2798f8;
}
.contacts .form__field {
  background-color: #ffffff;
  color: #001734;
}
.contacts .form ::-webkit-input-placeholder {
  color: #001734;
}
.contacts .form :-moz-placeholder {
  color: #001734;
  opacity: 1;
}
.contacts .form ::-moz-placeholder {
  color: #001734;
  opacity: 1;
}
/* FOOTER */
.footer__description {
  color: #ffffff;
}
.footer__social li a {
  background: #ffffff;
  color: #2164ec;
}
.footer__social li a:hover,
.footer__social li a:focus {
  background: #1c25bc;
  color: #ffffff;
}
.footer__menu li a {
  color: #ffffff;
}
.footer h2 {
  color: #ffffff;
}
.footer .details {
  color: #ffffff;
}
.footer .details span {
  color: #ffffff;
}
.footer .phone_link {
  color: #ffffff;
}
.footer .form_field {
  background: #ffffff;
  color: #001734;
}
.footer .form ::-webkit-input-placeholder {
  color: #001734;
}
.footer .form :-moz-placeholder {
  color: #001734;
  opacity: 1;
}
.footer .form ::-moz-placeholder {
  color: #001734;
  opacity: 1;
}
/* PRIVACY */
.privacy__description {
  color: #ffffff;
}
.privacy__link {
  color: #ffffff;
}
.privacy__link:hover {
  color: #ffffff;
}
/* BACK-TO TOP STYLES */
.to-top {
  background-color: #2798f8;
  color: #ffffff;
}
.to-top:before {
  color: #ffffff;
}
.to-top:hover,
.to-top:focus {
  background: #151d4d;
}
.to-top:hover:before,
.to-top:focus:before {
  color: #ffffff;
}
