/*
* ----------------------------------------------------------------------------------------
Author       : Dreambuzz
Template Name: Promodise
Version      : 1.0
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 01.GLOBAL CSS STYLE
* 02.PRELOADER & BOUNCE CCS STYLE
* 03.HOMEPAGE CSS STYLE
-LOGO CSS
-MENU CSS
* 04.ABOUT CSS STYLE
* 05.SERVICE CSS STYLE
* 06.WORK CSS STYLE
* 07.AVAILABLE CSS STYLE
* 08.CONTACT CSS STYLE
* 09.FOOTER CSS STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 01.GLOBAL STYLE
* ----------------------------------------------------------------------------------------
*/

@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,700|Rubik:400,600,700');

body {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  font-family: 'Rubik', sans-serif;
  color: #788487;
  position: relative;
}

p {
  line-height: 28px;
  font-size: 15px;
}

html {
  overflow-x: hidden !important;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  border: 0;
  margin: 0;
  padding: 0;
}

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6 ,.h6{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  margin-bottom: 0px;
  color: #232323;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.4s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #000;
}

img {
  max-width: 100%;
}

a:hover {
  color: #3B4371;
  text-decoration: none;
}

a:focus {
  outline: none;
  text-decoration: none;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.no-padding {
  padding: 0
}

.flaticon {
  display: inline
}



h1 {
  font-size: 58px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
  line-height: 38px;
}

h4 {
  font-size: 22px;
  line-height: 32px;
}

h5 {
  font-size: 16px;
  line-height: 24px;
}

h6 {
  font-size: 14px;
  line-height: 26px;
}


.f-color {
  color: #3B4371;
}

h5.subtitle {
  font-size: 16px;
  font-weight: 400;
}


.mb30 {
  margin-bottom: 30px;
}

.section-padding {
  padding: 90px 0px;
}

.section-heading {
  text-align: center;
  width: 70%;
  margin: 0 auto 60px;
}

.section-title {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 15px;
}

.section-title span {
  color: #3B4371;
}
.section{
  padding: 100px 0px;
}


.line {
  width: 50px;
  background: #3B4371;
  height: 1px;
  margin: 10px auto;
}




/*---------- BUTTONS ----------*/

.btn {
  font: 600 10.5px/1;
  display: inline-block;
  padding: 15px 45px 15px 45px;
  text-transform: uppercase;
  border: 2px solid transparent;
  -webkit-transition: all .2s;
  transition: all .2s;
  border-radius: 0px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1px;
}

.btn:focus,
.btn:active,
.btn:active:focus {
  outline: none;
  box-shadow: none;
}

.btn-hero,
.btn-white:hover {
  color: #fff !important;
  background: #3B4371;
}

.btn-hero:focus {
  color: #fff !Important;
}

.btn-black,
.btn-hero:hover {
  background-color: #F3904F;
  color: #fff !Important;
}

.btn-black:hover {
  color: #fff;
  background: #3B4371;
}

.btn-black:focus {
  color: #fff;
}

.btn-white {
  background-color: rgba(255, 255, 255, .95);
  color: rgba(0, 0, 0, .85);
  border-color: rgba(255, 255, 255, .12);
}

.btn-white:focus {
  color: #000;
}

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

.btn-trans-black {
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, .15);
  color: rgba(0, 0, 0, .85);
}

.btn-trans-black:hover {
  color: rgba(255, 255, 255, 1);
  background-color: #000;
}

.btn-trans-white {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, .15);
  color: rgba(255, 255, 255, .95);
}

.btn-trans-white:hover {
  background-color: rgba(255, 255, 255, .95);
  color: rgba(0, 0, 0, .85);
  border-color: rgba(255, 255, 255, .12);
}

.btn-trans-white:active,
.btn-trans-white:focus {
  color: #fff;
  background-color: transparent;
  border-color: rgba(255, 255, 255, .12);
}

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

.btn-circled {
  border-radius: 40px;
}


.btn-trans-black:hover {
  background: #3B4371 !important;
}



/*---------- COLORS ----------*/

/*-- Background Colors --*/

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

.bg-dark {
  background-color: rgba(0, 0, 0, .96);
}

.bg-feature {
  background-color: #3B4371;
}

.bg-primary {
  background-color: #0db8ca;
}

.bg-gray {
  background-color: #f2f4ec;
}

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


.d-table {
  width: 100%;
}


.d-table-cell {
  vertical-align: middle;
}


.overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.brown-overlay {
  background: #222955;
  opacity: .97;
}

.feature-overlay {
  background: #3B4371;
  opacity: .97;
}

.gr-overlay {
  background: linear-gradient(135deg, #2f1ce0 0%, #53a0fd 30%, #51eca5 100%);
  opacity: .87;
}


/*------------------------------------
MENU NAVIGATION AREA
----------------------------------*/

.site-navigation,
.trans-navigation {
  padding: 20px 0px;
}

.site-navigation .navbar-nav a,
.trans-navigation .navbar-nav a {
  text-transform: uppercase;
}

.site-navigation .navbar-nav a.active,
.trans-navigation .navbar-nav a.active {
  color: red;
}


.header-white {
  position: fixed;
  top: 0px;
  background: #111;
  z-index: 9999;
  width: 100%;
  left: 0;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  color: #000 !important;
}

.navbar-expand-lg.trans-navigation .navbar-nav .nav-link,
.navbar-expand-lg.site-navigation .navbar-nav .nav-link {
  padding: 5px 24px;
}

.navbar-expand-lg.trans-navigation .navbar-nav .nav-link:last-child,
.navbar-expand-lg.site-navigation .navbar-nav .nav-link:last-child {
  padding-right: 0px;
}

.site-navigation,
.trans-navigation {
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.navbar-brand {
  padding-top: 0px;
  margin-right: 60px;
  font-weight: 700;
  text-transform: capitalize;
  color: #fff;
}

.navbar-brand span {
  font-weight: 400;
}


.navbar-expand-lg.trans-navigation .navbar-nav .nav-link {
  color: #fff;
}


.trans-navigation {
  background: transparent;
}


.trans-navigation.header-white {
  background: #111;
}

.trans-navigation.header-white .navbar-nav .nav-link {
  color: #fff;
}

.trans-navigation.header-white .navbar-nav a.active {
  color: #3B4371;

}
.navbar-brand img {
  max-width: 100%;
}


.trans-navigation.header-white .btn-white {
  background: #3B4371;
  color: #fff;
}


/* ===============================
DROPDOWN MENU
================================*/

.navbar-expand-lg.trans-navigation .navbar-nav .nav-link.dropdown-toggle{
  padding-right: 0px;
}

.nav-item.dropdown .dropdown-menu{
  -webkit-transition: all 300ms ease;
  -o-transition:all 300ms ease;
  transition: all 300ms ease;
  display: block;
  visibility: hidden;
  opacity: 0;
  top: 120%;
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  border: 0px;
  padding: 0px;
  position: absolute;
}

.nav-item.dropdown:hover .dropdown-menu{
  opacity: 1;
  visibility: visible;
  top: 100%;
}


.dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #3B4371;

}



.dropdown-toggle::after{
  display: none;
}
.dropdown-menu {
  opacity: 0
}

.dropdown-menu.show {
  animation: .2s forwards b
}

@keyframes b {
  to {
    opacity: 1
  }
}

.dropdown-item {
  font-size: .6875rem;
  font-weight: 500;
  padding-top: .5rem;
  padding-bottom: .5rem;
  transition: background-color .1s;
  text-transform: uppercase
}

@media (min-width:1200px) {
  .dropdown-item {
    padding-top: .75rem;
    padding-bottom: .75rem
  }
}

@media (min-width:1200px) {
  .dropdown-item + .dropdown-item {
    border-top: 1px solid rgba(0, 0, 0, .1)
  }
}




/*------------------------------------
BANNER AREA
----------------------------------*/

.banner-area .content-padding {
  padding: 250px 0px 180px;
}


.content-padding {
  padding: 100px 0px 20px;
}

.banner-content {
  padding-right: 30px;
}

.banner-content .btn {
  margin-top: 15px;
}


.banner-content .banner-title {
  color: #fff;
  font-weight: 700;
  line-height: 60px;
}

.banner-content .subtitle {
  color: #fff;
  background: #f3904f; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f3904f, #3b4371); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #f3904f, #3b4371); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  display: inline-block;
  padding: 3px 8px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.subtitle {
  color: #3B4371;
}

.banner-content p {
  margin: 20px 0px;
  color: #eee;
  font-size: 18px;
  line-height: 30px;
}



.banner-content .btn {
  margin-right: 12px;
}

.btn-sm {
  padding: 10px 30px;
}


.banner-1 {
  background: url("../img/banner/bg-2.jpg");
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}

.banner-2 {
  background: url("../img/banner/slider-3.jpg");
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}

.banner-3 {

  background: #085078; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #085078, #85d8ce); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #085078, #85d8ce); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}


.section-heading h2 {
  margin-bottom: 20px;
  font-weight: 400;
}


/*-------------------- ------------
INTRO SECTION
-----------------------------*/

#intro {
  padding-bottom: 0px;
}

.intro-img {
  margin-top: 45px;
}

#intro .section-heading p {
  color: #000;
  font-size: 30px;
  line-height: 40px;
}

.intro-box {
  margin-top: 30px;
  position: relative;
  margin-bottom: 20px;
}

.intro-box h4:before {
  position: absolute;
  left: 0px;
  top: 17px;
  content: "";
  bottom: 0px;
  background: #000;
  width: 50px;
  height: 2px;
}

.intro-box h4 {
  text-transform: uppercase;
  margin-bottom: 15px;
  position: relative;
  padding-left: 60px;
}

.intro-box span {
  font-size: 28px;
  color: #3B4371;
}


.intro-cta{
  margin-top: 40px;
}




/*--------------------------
ABOUT SECTION
----------------------*/

.section-pt {
  padding-top: 90px;
}

.section-pb {
  padding-bottom: 90px;
}

#about {
  position: relative;
  padding-bottom: 40px;
}

.about-bg-img {
  position: absolute;
  right: 0px;
  content: "";
  background: url("../img/banner/code.jpg") 50% 50%;
  width: 40%;
  height: 100%;
  max-height: 560px;
  top: 0px;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
}


.about-content {
  margin-top:94px;
}

.about-content .subtitle {
  margin-bottom: 20px;
  text-transform: uppercase;
}

.about-content h3 {
  margin-bottom: 25px;
}

.about-list {
  margin-top: 30px;
}

.about-list li {
  width: 45%;
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
  color: #888;
}

.about-list li i {
  color: #000;
  margin-right: 10px;
}



/*--------------------------
SERVICE AREA SECTION
----------------------*/
.page-banner-area.page-service{
  background: url("../img/bg/functions.jpg") no-repeat;
  background-size: cover;
}

.page-banner-area.page-pricing{
  background: url("../img/bg/sedlar.jpg") no-repeat;
  background-size: cover;
}

.page-banner-area.page-contact{
  background: url("../img/bg/kontakt.jpg") no-repeat;
  background-size: cover;
}

.page-banner-area.page-interest{
  background: url("../img/bg/interest-new.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}

#service-head {
  padding-bottom: 100px;
  padding-top: 90px;
}
#service-head .section-title{
  color: #fff;
}
.text-white p {
  color: #fff;
}

#service {
  margin-top: -100px;
  padding-bottom:70px;
}

.service-box .service-img-icon {
  width: 100px;
  height: 100px;
  text-align: center;
  background: #fff;
  padding-top: 20px;
  margin: 0 auto;
  border-radius: 100%;
  margin-bottom: 20px;
  background: #3B4371;
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
}

.service-box {
  margin-bottom: 40px;
  background: #fff;
  text-align: center;
  padding: 45px 25px 30px 25px;
  border: 1px solid transparent;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
  box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
}


.service-inner {
  margin-top: 30px;
}

.service-inner h4 {
  margin-bottom: 20px;
}

.service-inner span {
  color: #3B4371;
}

/*------------------------------------
CLIENT PARTNER AREA SECTION
--------------------------------*/

#clients {
  padding-top: 75px;
  padding-bottom: 80px;
  position: relative;
}

.client-img {
  background: #fff;
}



/*------------------------------------
TESTIMONIAL AREA SECTION
---------------------------------*/


.author-img img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 5px solid #ddd;
}

.author-info p {
  margin: 0px;
  font-size: 14px;
}

.carousel-indicators {
  bottom: 0px;
  margin-bottom: 0px;
}


.carousel-indicators li {
  background: #111;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.carousel-indicators li.active {
  background: #3B4371;
}


.testimonial-content {
  padding: 0px 40px;
  text-align: center;
  margin-bottom: 40px;
}

.testimonial-content .author-text {
  padding-top: 10px;
}

.testimonial-content .author-info {
  display: block;
  margin-bottom: 25px;
}

.testimonial-content p {
  font-size: 20px;
  line-height: 36px;
  color: #222;
  margin: 35px 0px;
  display: block;
}

.author-text h5 {
  text-transform: uppercase;
}

.author-text p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 36px;
  color: #888;
  margin: 0px;
}

.testimonial-content p i {
  margin: 0px 8px;
}


/*------------------------------------
PRICING SECTION AREA
--------------------------------*/
#pricing{
  padding-bottom: 100px;
}
.pricing-block {
  text-align: center;
  -webkit-transition: all .3s 0s ease;
  -o-transition: all .3s 0s ease;
  transition: all .3s 0s ease;
  border-radius: 5px;
  border: 1px solid#eee;
}

.price-header {
  padding-bottom: 30px;
  padding-top: 30px;
}

.price-header i {
  width: 100px;
  height: 100px;
  text-align: center;
  padding-top: 35px;
  font-size: 50px;
  display: inline-block;
  border-radius: 100%;
  -webkit-transition: all .3s ease 0s;
  -o-transition:all .3s ease 0s ;
  transition: all .3s ease 0s;
  color: #3B4371;
  border: 1px solid#eee;
}

.price-header .price {
  font-size: 70px;
  margin-top: 40px;
  margin-bottom: 0px;
}

.price-header h5 {
  font-weight: 400;
}

.price-header .price small {
  font-size: 18px;
}

.pricing-block ul {
  padding: 20px 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid#eee;
}

.pricing-block ul li {
  padding: 6px 0px;
}

.pricing-block .btn {
  margin-bottom: 30px;
}

.pricing-block:hover i{
  background: -webkit-linear-gradient(135deg, #2f1ce0 0%, #53a0fd 50%, #51eca5 100%);
  background: -linear-gradient(135deg, #2f1ce0 0%, #53a0fd 50%, #51eca5 100%);
  color: #fff;
  border:1px solid #53a0fd;
}
.pricing-block:hover,
.pricing-block.active {
  background: #fff;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
}

#pricing .section-heading {
  margin-bottom: 90px;
}

/*--------------------------------
COUNTER SECTION
-----------------------------*/

.counter {
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  line-height: 70px;
  margin: 10px 0px;
  color: #3B4371;
}

.counter-stat i {
  font-size: 40px;
  color: #fff;
  margin-right: 10px;
}

.counter-stat h5 {
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
}

.counter-block span {
  font-size: 30px;
}


#counter .dark-overlay {
  background: #000;
  opacity: 0.95;
}

#counter {
  background: url("../img/banner/pattern-3.png") fixed 50% 50%;
  position: relative;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 87px;
  padding-bottom: 95px;
}



/*--------------------------
BLOG SECTION AREA
----------------------*/
#blog{
  padding-bottom: 55px;
}
.blog-block {
  overflow: hidden;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}

.blog-block img {
  margin-bottom: 10px;
}

.blog-text {
  padding: 20px;
}

.blog-text .author-name {
  font-weight: 400;
}

.blog-text .author-name span {
  margin-right: 10px;
  font-weight: 600;
}


.blog-block .read-more,
.blog-block span {
  color: #3B4371;
}



/*--------------------------
CONTACT SECTION AREA
----------------------*/
#contact{
  padding-bottom: 100px;
}
.text-color {
  color: #3B4371;
}

input[type=text],input[type=email], input[type=password], input[type=tel] {
  height: 50px;
}

.form-control {
  border: 1px solid #eee;
  padding-left: 20px;
}

.form-control:hover,
.form-control:focus {
  -webkit-box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
  box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
}

.input:focus {
  outline: none;
}


.form-control::-webkit-input-placeholder {
  color: #888;
  opacity: .9;
  font-size: 13px;
  padding-left: 10px;
}

.form-control::-moz-placeholder {
  color: #888;
  opacity: .9;
  font-size: 13px;
  padding-left: 10px;
}

.form-control:-ms-input-placeholder {
  color: #888;
  opacity: .9;
  font-size: 13px;
  padding-left: 10px;
}

.form-control:-moz-placeholder {
  color: #888;
  opacity: .9;
  font-size: 13px;
  padding-left: 10px;
}



/*--------------------------
FOOTER
----------------------*/

#footer {
  padding-bottom: 60px;
  position: relative;
  background: url("../img/bg/2.png");
}

.footer-widget ul li {
  padding: 5px 0px;
}

.footer-widget p {
  margin-bottom: 5px;
}

.footer-widget h4 {
  margin-bottom: 20px;
}

.footer-widget h4 span {
  color: #3B4371;
  display: block;
  font-size: 60px;
  line-height: 60px;
}

.footer-blog li img {
  width: 70px;
  height: 70px;
  float: left;
  margin-right: 20px;
}

.footer-blog li h5 {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
}

.footer-blog li a.read-more {
  font-size: 13px;
}

.footer-blog li {
  margin-bottom: 15px;
}

.footer-copy {
  letter-spacing: 1px;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid#eee;
}

.footer-text h6 {
  margin-bottom: 10px;
}

.footer-text p span {
  color: #000;
}

.footer-text p.mail {
  color: #3B4371;
}

.bg-main {
  background: #F4F8FB;
}

.footer-widget a {
  color: #999;
}


/* =======================================
INner Pages
=========================================*/

#page-banner{
  position: relative;
  padding: 60px 0px 80px;
}
.page-banner-area{
  background:url("../img/banner/1.jpg")no-repeat 50% 50%;
  background-size: cover !important;
}



/* -------------------
PRICING PAGE
--------------------*/

#section-counter .counter-stat i{
  color: #000;
}

#section-counter .counter-stat h5{
  color: #777;
}


/* ----------------------
ABOUT PAGE
-------------------------*/


.about-list2 li i{
  margin-right: 10px;
  color: #3B4371;
}

.icon-3x{
  font-size: 3rem;
}
.text-default{
  color: #3B4371;
}



.team-social li a{
  font-size: 13px;
  width: 30px;
  height: 30px;
  text-align: center;
  border: 1px solid#fff;
  display: inline-block;
  padding-top: 3px;
  background: #fff;
}


/* ========================
HISTORY MISSION
==============================*/

.img-block img{
  width: 200px;
}

/* ========================

==============================*/
#section-strategy{
  background: url("../img/bg/bg-1.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.strategy-text{
  margin-bottom: 50px;
}

.strategy-text h4{
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 600;
}

.strategy-text span{
  font-size: 61px;
  color: #3B4371;
  margin-bottom: 15px;
  display: block;
}

/* ========================

==============================*/

.heading {
  margin-bottom: 40px;
}
.heading h3{
  margin-bottom: 10px;
  font-weight: 600;
}



/* ================================
SERVICE PAGE
==============================*/

.bg-gray{
  background: #f4f4f4;
}

.service-block-2{
  position: relative;
}
.service-block-2 h4{
  margin-bottom: 15px;
  line-height: 26px;
}

.service-block-2 p{
  font-size: 16px;
}

.service-block-2 span{
  position: absolute;
  content: "";
  font-size: 70px;
  top: 0px;
  left: 0px;
  font-weight: 800;
  opacity: .05;
  margin-top: -15px;
}

.service-style-two{

  background: #f3904f; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f3904f, #3b4371); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #f3904f, #3b4371); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  background-size: cover;
  position: relative;

}

.service-style-two:before{
  position: absolute;
  content:"";
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background:rgba(0,0,0,0.6);
}


.heading{
  margin-bottom: 70px;
}


/* --------------
MAP
-----------------*/

#map{
  height: 400px;
  width: 100%;
  position: relative;
}


#map:after {
  position: absolute;
  content: "";
  left: 0px;
  background: rgba(99, 92, 219,.4);
  top: 0px;
  width: 100%;
  height: 100%;
}


/* =================================
BLOG PAGE
===================================*/
.blog-post{
  margin-bottom: 50px;
}

.blog-post img{
  border-radius: 5px;
}
.blog-post .post-author i,
.blog-post .post-info i{
  margin-right: 5px;
  font-size:  14px;
}

.blog-post .post-author span,.blog-post .post-info span{
  font-size: 14px;
}


.sidebar-widget{
  margin-bottom: 40px;
  padding-left: 20px;
}

.category ul li{
  margin-bottom: 10px;
  text-transform: capitalize;
  position: relative;
  padding-left: 20px;
  border-bottom: 1px solid#eee;
  padding-bottom: 10px;
}

.category ul li:before{
  position: absolute;
  content:"\f105";
  left: 0px;
  top: 0px;
  font-family: "FontAwesome";
  color: #3B4371;
}

.tag a{
  text-transform: capitalize;
  padding: 5px 8px;
  border: 1px solid#eee;
  margin-bottom: 5px;
  font-size: 14px;
  display: inline-block;
}

.search i{
  position: absolute;
  right: 0px;
  top: 0px;
  margin-right: 35px;
  margin-top: 15px;
  color: #3B4371;
}

.download a{
  display: block;
  padding: 12px 20px;
  border: 1px solid#eee;
  margin-bottom: 10px;
  background: #f2f2f2;
}

.download a i{
  margin-right: 15px;
  color: #3B4371;
}

/* ==================================
BLOG SINGLE
=====================================*/

.quote i{
  font-size: 50px;
  margin-right: 10px;
  position: absolute;
  left: 0px;
}
.quote {
  font-size: 18px;
  line-height: 32px;
  color: #222;
  position: relative;
  margin: 50px 0px;
  padding-left: 70px;
}
.comments img{
  width: 80px;
  height: 80px;
}

/* ==================================
ADDITIONS
=====================================*/

.nav-link {
  transition: 0.3s ease;
}

.nav-link:hover {
  /* text-decoration: underline; */
  color: #F3904F !important;
}

.login {
  padding: 5px 20px !important;
  margin: 0 20px;
  background: #F3904F;
  border-radius: 10px;
  transition: 0.3s ease;
  border: 0px solid black;
}

.login:hover {
  background: #3B4371;
  color: #fff !important;
}

.badge-karkortet {
  background-color:#3B4371;
  color:#fff;
}

.card_member img {
  border-radius: 14px;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.5) !important;
}

.member_card_text {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.back {
  position: relative;
}

.swal-button:not([disabled]) {
  background-color: #3B4371;
}
.swal-button:not([disabled]):hover {
  background-color: rgba(0, 0, 0, 1);
}

.btn-qr {
  padding: 5px;
}

.integrity_policy {
  border: 0px solid black;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
  padding: 15px;
  margin: 15px;
  border-radius: 3px;
  width: 50%;
}


#qrcode > img {
  margin: 0 auto;
}

.countdown-timer {
  width: 100%;
  background-color: #FFF;
  color: rgb(120, 132, 135);
  text-align: center;
  margin-top: 20px;
}

.countdown-timer p {
  font-size: 36px;
  line-height: 40px;
}

.swal-button:not([disabled]) {
  background-color: #3B4371;
  color: #<?php echo $primary_color_text; ?>;
}
.swal-button:not([disabled]):hover {
  background-color: #<?php echo $secondary_color; ?>;
  color: #<?php echo $secondary_color_text; ?>;
}

.swal-button:focus {
  box-shadow: 0 0 0 1px #fff,0 0 0 3px rgba(<?php echo $rgb1; ?>, <?php echo $rgb2; ?>, <?php echo $rgb3; ?>,.29);
}

.swal-icon--success__line {
  background-color: #3B4371;
}

.swal-icon--success__line--tip {
  background-color: #3B4371;
}

.swal-icon--success__ring {
  border: 4px solid #3B4371;
}

.card {
  border: 0px solid black;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.10) !important;
  transition: ease 0.3s;
  border-radius: 10px;
  margin-bottom: 30px;
}

.card:hover {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.20) !important;
}

/* .event_attend_btn {
  color: #
} */

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
 
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
 
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
 
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
 
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}
 
.slider.round:before {
  border-radius: 50%;
}

.modal-body p {
  overflow-wrap: break-word;
}

.candidate-box {
  display:block;
  border: 0px solid black;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.10) !important;
  height: 80%;
  width: 100%;
  -webkit-font-smoothing: antialiased; 
  margin-top:10px;
  font-family:Arial,Helvetica,sans-serif;
  color:gray;
  transition: ease 0.3s;
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 1.25rem;
  font-family: 'Rubik', sans-serif;
}

.candidate-box:hover {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.20) !important;
}

.candidate-input[type=checkbox] {
  display: none;
}

.candidate-input:checked + .candidate-box {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.40) !important;
}

.candidate-input:checked + .candidate-box:before {
  content: "\2713 ";
}

/* new stuff */
.info-text-candidate {
  visibility: hidden;
}

.check {
  visibility: hidden;
}

.candidate-input:checked + .candidate-box .info-text-candidate {
  visibility: visible;
}

.candidate-input:checked + .candidate-box .check {
  visibility: visible;
}

.candidate-input.checkbox:checked + .candidate-box:before {
  content: "";
}

 /* Place the navbar at the bottom of the page, and make it stick */
.bottom_navbar {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  transition: 0.5s all;
}

/* Style the links inside the navigation bar */
.bottom_navbar a {
  float: left;
  display: block;
  text-align: center;
  padding: 20px 10px;
  text-decoration: none;
  font-size: 17px;
  transition: transform .3s;
}



/* Hide the link that should open and close the navbar on small screens */
.bottom_navbar .icon {
  display: none;
} 

 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the navbar (.icon) */
@media screen and (max-width: 600px) {
  .bottom_navbar a:not(:first-child) {display: none;}
  .bottom_navbar a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the navbar with JavaScript when the user clicks on the icon. This class makes the navbar look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .bottom_navbar.responsive a.icon {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .bottom_navbar.responsive a {
    
    float: none;
    display: block;
    text-align: left;
  }
}

.quick-admin {

  padding:5px;
  text-align:center;
  cursor: pointer;

}

.karkortet-links-title {
  width:80%;
  margin-bottom:0px;
  display: block;
  overflow: visible;
}

@media (min-width:1170px) {
  .karkortet-links-title {
    width: 30% !important;
    text-align: left;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/fonts/ProximaRegular.otf") format("opentype");
}

@font-face {
  font-family: "ProximaNova-Bold";
  font-weight: 700;
  src: url("/assets/fonts/ProximaBold.otf") format("opentype");
}

ul , li{
  list-style: unset;
}

ul li {
  margin-left: 25px;
}