/*-----------------------------------------------------------------------------------
CSS INDEX
===================
1. Google font
2. Theme Default CSS
3. Helper-Class
4. Headser-Area
5. Sponsor-Area
-----------------------------------------------------------------------------------*/

/*-----------------
1. Google font
------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,500,600,700,900');

/*-------------------
2. Theme Default CSS
--------------------*/
button,
a {
    text-decoration: none;
    outline: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #333333;
}

input[type="submit"]:focus,
button:focus,
a:hover {
    text-decoration: none;
    outline: none;
    color: #0297f3;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    line-height: 1.3em;
    font-weight: 500;
    color: rgb(22, 57, 96);
}

html,
body {
    height: 100%
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #686b75;
	background-image: url("https://transmisjeonline.pl/demo-hx90-dm222111/img/motyw.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size:cover;
	background-position: center center;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/*-- 3. Helper-Class --*/

.heading-2 {
    font-size: 33px;
}

.heading-3 {
    font-size: 38px;
}

.heading-4 {
    font-size: 28px;
}

.text-white a,
.text-white {
    color: #ffffff;
}

.text-green a,
.text-green {
    color: #1cc9bd;
}

.text-blue a,
.text-blue {
    color: #1992ec;
}

.upper {
    text-transform: uppercase;
}

.middle-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.padding-left-50 {
    padding-left: 50px;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.section-padding {
    padding-top: 120px;
    padding-bottom: 120px;
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat;
}

.section-padding-top {
    padding-top: 120px;
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat;
}

.section-padding-bottom {
    padding-bottom: 120px;
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat;
}
.ac{
	margin-top:30px;
	border-radius:15px;
}
#myBtn{
	cursor: pointer; background-color:#0189ff; border-radius:25px; padding:3px 30px; color:white; margin-top:5px;
}
#myBtn:hover{
	background-color:#0189ff;color:white;
}
.xccv{
	border-radius:25px; color:#0297f3!important;  padding:3px 30px; background:transparent;
}
.xccv:hover{
	background-color:#0297f3;
	color:white!important;
}
.mainmenu-area ul.nav > li > a:after{
	background-color:transparent;
}
.carousel-indicators{
	bottom:-20px!important;
}
/* form starting stylings ------------------------------- */
.group 			  { 
  position:relative; 
  margin-bottom:45px; 
}
input 				{
  font-size:18px;
  padding:10px 10px 10px 5px;
  display:block;
  width:150px;
  border:none;
  border-bottom:1px solid #757575;
}
input:focus 		{ outline:none; }

/* LABEL ======================================= */
label 				 {
  color:#999; 
  font-size:18px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

/* active state */
input:focus ~ label, input:valid ~ label 		{
  top:-20px;
  font-size:14px;
  color:#5264AE;
}

/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:300px; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  background:#5264AE; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}

/* The Modal (background) */
.modal-open{
	overflow:auto!important;
	padding-right:0px!important;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-backdrop{
	z-index:0!important;
	display:none!important;
}
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 55%!important;
  overflow: auto;
  max-width:1100px;
  border-radius:15px;
}
@media only screen and (max-width: 700px) {
 .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 100%!important;
  overflow: auto;
}
}

/* The Close Button */
.close {
  color: black!important;
  float: right!important;
  font-size: 28px!important;
  font-weight: bold!important;
  margin-left:auto;
  position:absolute;
  right:6px;
  top:2px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#showdemo{
	display:none;
}
.copyright{
	font-size:11px;
}
.toggle,
.toggler {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
}
.toggler {
  color: #ddd;
  transition: 0.2s;
  
}
.toggler--is-active {
  color: #0297f3;
}
.b {
  display: block;
}
.tgbc{
	margin-bottom: 4%;
	position:relative!important;
	font-size:16px!important;
}
.toggle {
  position: relative;
  width: 80px;
  height: 35px;
  border-radius: 100px;
  background-color: #0297f3;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}
.check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}
.check:checked ~ .switch {
  right: 2px;
  left: 57.5%;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0.08s, 0s;
}
.switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 57.5%;
  background-color: #fff;
  border-radius: 36px;
  z-index: 1;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0s, 0.08s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.hid{
	display:none;
}
.sponsors.owl-carousel.owl-theme.owl-responsive-1000.owl-center.owl-loaded{
	background:white;
	border-radius:15px;
}
.slicknav_brand{position:absolute;top:14px;right:6rem;}