@import url(http://fonts.googleapis.com/css?family=Bree+Serif&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin,latin-ext);

@font-face {
    font-family: 'Fredoka-One';
    src:url('../fonts/Fredoka-One.ttf.woff') format('woff'),
        url('../fonts/Fredoka-One.ttf.svg#Fredoka-One') format('svg'),
        url('../fonts/Fredoka-One.ttf.eot'),
        url('../fonts/Fredoka-One.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  color: #333;
  background-color: #fff;
  font-size: 16pt;
  font-family: 'Open Sans', sans-serif;
}
textarea {
  overflow: auto;
  resize: none;
  height: 125px !important;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus, button {
  outline: none;
}
.img-circle {
  border-radius: 50%;
}
p {
  margin: 0 0 10px;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}

.header {
  display: table;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.header-inner {
  background: url(../img/header.jpg) no-repeat center center;
  background-size: cover;
  display: table-cell;
  vertical-align: middle;
}
.page-header {
	margin-right: auto;
	margin-left: auto;
}
.page-header h1, .page-header h2 {
	color: #fff;
	font-family: 'Fredoka-One';
	text-shadow: 0px 5px 3px #000;
}
.page-header h1 {
	font-size: 160pt;
	margin: -160px 0 0 0;
}
.page-header h2 {
	font-size: 48pt;
	margin: -15px 0 0 0;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/*
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
*/
.container {
  width: 1170px;
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
.col-md-12 {
  width: 100%;
}
.col-md-11 {
  width: 91.66666667%;
}
.col-md-10 {
  width: 83.33333333%;
}
.col-md-9 {
  width: 75%;
}
.col-md-8 {
  width: 66.66666667%;
}
.col-md-7 {
  width: 58.33333333%;
}
.col-md-6 {
  width: 50%;
}
.col-md-5 {
  width: 41.66666667%;
}
.col-md-4 {
  width: 33.33333333%;
}
.col-md-3 {
  width: 25%;
}
.col-md-2 {
  width: 16.66666667%;
}
.col-md-1 {
  width: 8.33333333%;
}
.col-md-pull-12 {
  right: 100%;
}
.col-md-pull-11 {
  right: 91.66666667%;
}
.col-md-pull-10 {
  right: 83.33333333%;
}
.col-md-pull-9 {
  right: 75%;
}
.col-md-pull-8 {
  right: 66.66666667%;
}
.col-md-pull-7 {
  right: 58.33333333%;
}
.col-md-pull-6 {
  right: 50%;
}
.col-md-pull-5 {
  right: 41.66666667%;
}
.col-md-pull-4 {
  right: 33.33333333%;
}
.col-md-pull-3 {
  right: 25%;
}
.col-md-pull-2 {
  right: 16.66666667%;
}
.col-md-pull-1 {
  right: 8.33333333%;
}
.col-md-pull-0 {
  right: auto;
}
.col-md-push-12 {
  left: 100%;
}
.col-md-push-11 {
  left: 91.66666667%;
}
.col-md-push-10 {
  left: 83.33333333%;
}
.col-md-push-9 {
  left: 75%;
}
.col-md-push-8 {
  left: 66.66666667%;
}
.col-md-push-7 {
  left: 58.33333333%;
}
.col-md-push-6 {
  left: 50%;
}
.col-md-push-5 {
  left: 41.66666667%;
}
.col-md-push-4 {
  left: 33.33333333%;
}
.col-md-push-3 {
  left: 25%;
}
.col-md-push-2 {
  left: 16.66666667%;
}
.col-md-push-1 {
  left: 8.33333333%;
}
.col-md-push-0 {
  left: auto;
}
.col-md-offset-12 {
  margin-left: 100%;
}
.col-md-offset-11 {
  margin-left: 91.66666667%;
}
.col-md-offset-10 {
  margin-left: 83.33333333%;
}
.col-md-offset-9 {
  margin-left: 75%;
}
.col-md-offset-8 {
  margin-left: 66.66666667%;
}
.col-md-offset-7 {
  margin-left: 58.33333333%;
}
.col-md-offset-6 {
  margin-left: 50%;
}
.col-md-offset-5 {
  margin-left: 41.66666667%;
}
.col-md-offset-4 {
  margin-left: 33.33333333%;
}
.col-md-offset-3 {
  margin-left: 25%;
}
.col-md-offset-2 {
  margin-left: 16.66666667%;
}
.col-md-offset-1 {
  margin-left: 8.33333333%;
}
.col-md-offset-0 {
  margin-left: 0;
}

.form-control {
	margin: 10px 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	font-style: italic;
	font-weight: 200;
	line-height: 1.42857143;
	color: #494340;
	background-color: #fff;
	background-image: none;
	border: none;
	border-radius: 4px;
	-webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, .2);
	      box-shadow: inset 2px 2px 3px rgba(0, 0, 0, .2);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
	outline: 0;
	-webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, .2);
	        box-shadow: inset 2px 2px 3px rgba(0, 0, 0, .2);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control::-moz-placeholder {
  color: #a29c9a;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #a29c9a;
}
.form-control::-webkit-input-placeholder {
  color: #a29c9a;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}

.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 53px;
  padding: 15px 25px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;f
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  color: #be6200 !important;
  background-color: transparent;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
height: 138px;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 100px;
  padding: 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
.navbar-nav {
  margin: 0;
  float: left;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
.navbar-nav > li {
  float: left;
}
.navbar-default {
	background: url(../img/nav.png) no-repeat center bottom;
}
.navbar-default .navbar-nav > li > a {
	font-family: 'Bree Serif', serif;
	font-size: 22pt;
	text-transform: uppercase;
	padding: 40px 40px;
	color: rgb(51, 28, 11);
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .5);
}
/*
.navbar-default .navbar-nav > li:nth-child(1) > a {
	padding-left: 10px;
}
*/

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
@-ms-viewport {
  width: device-width;
}
section {
	padding: 150px 0;
}
section.kontakt {
	padding: 0 0 150px 0;	
}
section h2, section h2 small, h3 {
	color: #331c0b;
	font-family: 'Bree Serif', serif;
  font-size: 26pt;
  font-weight: 100;
}
section h2 {
	font-size: 48pt;
	margin-bottom: 30px;
}
section h2 small {
	font-size: 16px;
}
.asortiman {
	background: url(../img/asortiman_back.png) repeat top center;
}
.lista ul {
	text-align: left;
	list-style: none;
	color: #331c0b;
	font-family: 'Bree Serif', serif;
	font-size: 17pt;
}
.lista ul li {
	border-bottom: 1px solid #d6cbc1;
	text-indent: 10px;
	padding: 5px 0;
}
ul.circles {
	text-align: center;
	list-style: none;
	padding: 0 !important;
}

.circles li {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
	border-radius: 999%;
	margin: 10px;
}

.circles a {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;	
	transition: all .5s ease-in-out;
}

.circles p {
	font-family: 'Bree Serif', serif;
	font-size: 30px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.circles li:nth-child(1).active {background: #df3838;}
.circles li:nth-child(2).active {background: #8acb25;}
.circles li:nth-child(3).active {background: #dfaa38;}
.circles li:nth-child(4).active {background: #df7338;}
.circles li:nth-child(5).active {background: #38bedf;}

.circles li.active:after {
	content: '';
	position: absolute;
	top: 20px;
	left: 20px;
	width: 160px;
	height: 160px;
	border-radius: 999%;
	border: 1px solid rgba(255, 255, 255, .5);
}

.circles li:nth-child(1) {background: url(../img/voce2.png) no-repeat left -200px top;}
.circles li:nth-child(2) {background: url(../img/povrce2.png) no-repeat left -160px top -130px;}
.circles li:nth-child(3) {background: url(../img/suhovoce2.png) no-repeat left -150px bottom -65px;}
.circles li:nth-child(4) {background: url(../img/svjezemirodije2.png) no-repeat right -100px bottom -65px;}
.circles li:nth-child(5) {background: url(../img/smrznuto2.png) no-repeat right -100px bottom -65px;}

/*
.circles li:nth-child(1):hover {background: url(../img/voce.png) no-repeat left -200px top;}
.circles li:nth-child(2):hover {background: url(../img/povrce.png) no-repeat left -160px top -130px;}
.circles li:nth-child(3):hover {background: url(../img/suhovoce.png) no-repeat left -150px bottom -65px;}
.circles li:nth-child(4):hover {background: url(../img/svjezemirodije.png) no-repeat right -100px bottom -65px;}
.circles li:nth-child(5):hover {background: url(../img/smrznuto.png) no-repeat right -100px bottom -65px;}
*/

.arrow {
	position: absolute;
	display: block;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	animation: down 1s ease-in-out 0s infinite alternate;
	-moz-animation: down 1s ease-in-out 0s infinite alternate;
	-webkit-animation: down 1s ease-in-out 0s infinite alternate;
}
@keyframes 'down' {
	0% {margin-top: 90px;}
	100% {margin-top: 100px;}
}
@-webkit-keyframes 'down' {
	0% {margin-top: 90px;}
	100% {margin-top: 100px;}
}
@-moz-keyframes down {
	0% {margin-top: 90px;}
	100% {margin-top: 100px;}
}
@-ms-keyframes 'down' {
	0% {margin-top: 90px;}
	100% {margin-top: 100px;}
}

.onama h2 {
  font-size: 48pt;
  font-weight: 100;
	text-indent: 30px;
}
.apple {
  margin-top: 50px;
  width: 340px;
}
.oprema {
	background: url(../img/oprema_back.png) no-repeat center bottom;
}
.item {
	border: 15px solid rgba(255, 255, 255, .15);
	border-radius: 50%;
	width: 302px;
	height: 302px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.15);
	margin: 30px 10px;
}
.item img {
	max-height: 100%;
	min-height: 100%;
	height: 100%;
}
.description {
	display: inline-block;
	vertical-align: top;
  padding: 0 20pt;
}
.description h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 30pt;
	color: #331c0b;
	margin: 0;
  font-weight: 500;
}
.description h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	color: #d22002;
	margin: 0;
}
.narudzba {
  font-size: 22pt;
	background: #85a74d;
	padding: 15px 20px;
	border-radius: 25px;
	font-family: 'Bree Serif', serif;
	color: #fff;
	margin: 50px 0;
	display: inline-block;
}
.opis {
  font-size: 16pt;
  font-family: 'Bree Serif', serif;
  color: rgb(51, 28, 11);
  line-height: 1.2;
}
.asortimaninfo {
  line-height: 50pt;
  color: #ccc9c3;
}
.certifikati {
	display: inline-block;
	height: 100px;
	margin: 30px 10px 0 10px;
}
.kontakt {
	background: url(../img/kontakt_back2.jpg) repeat-x center bottom;
}
.posaljiupit {
	font-family: 'Bree Serif', serif;
	font-size: 30px;
	color: #fff;
	padding: 2px 100px 7px 100px;
	border-radius: 5px;
	background-image: -moz-linear-gradient( 90deg, rgb(101,135,44) 0%, rgb(117,151,61) 15%, rgb(133,167,77) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(101,135,44) 0%, rgb(117,151,61) 15%, rgb(133,167,77) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(101,135,44) 0%, rgb(117,151,61) 15%, rgb(133,167,77) 100%);
	border: none;
}
.footer {
	margin-top: 70px;
}
.footer p {
	font-family: 'Open Sans', sans-serif;
	line-height: 14pt;
  font-size: 12pt;
}
.footer p:first-child {
	font-size: 14pt;
	line-height: 14pt;
}
.footer a {
	color: #331c0b;
}
.footer .tel {
  display: block;
}

.sw {
  color: #c96800 !important;
  font-weight: bold;
}
.footer div:nth-child(2) {
	font-family: 'Bree Serif', serif;
	font-size: 30px;
}
.footer small {
	font-size: 18px;
}
.phone, .mobile {
  margin: 0 20px 0 50px;
}






/*******************************************/


.sw-consent .cookie-notice {
	background: #292c30;
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index:999;
	padding: 10px;
}

.sw-consent .cookie-modal, .sw-consent .cookie-notice {
	font-size: 16px;
}

.sw-consent .cookie-notice .cn-body {
	margin-bottom: 0;
	margin-right: 0;
	bottom: 0;
	padding: 1em;
	padding-top: 0;
}

.sw-consent .cookie-notice .cn-body p {
	margin-bottom: .5em;
}

.sw-consent .cookie-modal h1, .sw-consent .cookie-modal h2, .sw-consent .cookie-modal li, .sw-consent .cookie-modal p, .sw-consent .cookie-modal ul, .sw-consent .cookie-notice h1, .sw-consent .cookie-notice h2, .sw-consent .cookie-notice li, .sw-consent .cookie-notice p, .sw-consent .cookie-notice ul {
	display: block;
	font-family: inherit;
	color: #eee;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-top: .7em;
}
.sw-consent .cookie-notice a {
	color: #37d3bd;
	text-decoration: none;
}
.sw-consent .cookie-modal a {
	color: #2396ae;
	text-decoration: none;
}
.sw-consent .cookie-notice .cn-body p.cn-ok {
	padding-top: .5em;
	margin: 0;
}

.sw-consent .cookie-modal a.cm-btn, .sw-consent .cookie-notice a.cm-btn {
	box-shadow: 0 4px 6px 0 rgba(0,0,0,.2), 5px 5px 10px 0 rgba(0,0,0,.19);
	color: #eee;
	padding: .5em;
	margin-right: 1.5em;
}
li.cm-app:before {
    display: none;
}
.sw-consent .cookie-modal a.cm-btn.cm-btn-success, .sw-consent .cookie-notice a.cm-btn.cm-btn-success {
    background: #85a74d;
    color: #fff;
}
.sw-consent .cookie-modal a.cm-btn.cm-btn-danger, .sw-consent .cookie-notice a.cm-btn.cm-btn-danger {
	background: #e8d400;
    background: #ffffff;
    color: #000;
}

.sw-consent .cookie-modal a.cm-btn.cm-btn-sm, .sw-consent .cookie-notice a.cm-btn.cm-btn-sm {
	padding: .4em;
	font-size: 1em;
}
.sw-consent .cookie-modal a.cm-btn.cm-btn-sm, .sw-consent .cookie-notice a.cm-btn.cm-btn-sm:hover {
	cursor:pointer;
}
@media (min-width: 990px) {

	.sw-consent .cookie-notice {
		box-shadow: 0 4px 6px 0 rgba(0,0,0,.2), 5px 5px 10px 0 rgba(0,0,0,.19);
		position: fixed;
		bottom: 20px;
		right: 20px;
		max-width: 300px;
	}
}
@media (max-width: 989px) {
	.sw-consent .cookie-notice {
		border: none;
		border-radius: 0;
	}
}

/*modal style*/

.sw-consent .cookie-modal, .sw-consent .cookie-modal .cm-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}
.sw-consent .cookie-modal {
    overflow: hidden;
    z-index: 1000;
}

.sw-consent .cookie-modal .cm-bg {
    background: rgba(0,0,0,.65);
}
.sw-consent .cookie-modal, .sw-consent .cookie-modal .cm-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}
.sw-consent .cookie-modal .cm-modal {
    z-index: 1001;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.2), 5px 5px 10px 0 rgba(0,0,0,.19);
    width: 100%;
    max-height: 100%;
    top: 50%;
    transform: translateY(-50%);
    position: fixed;
    overflow: auto;
    background: #fff;
    color: #eee;
}
@media (min-width: 1024px) {
	.sw-consent .cookie-modal .cm-modal {
	    border-radius: 4px;
	    position: relative;
	    margin: 0 auto;
	    max-width: 640px;
	    height: auto;
	    width: auto;
	}
}

.sw-consent .cookie-modal .cm-modal .cm-header {
    padding: 2em;
    padding-right: 24px;
    border-bottom: 1px solid #f1f1f1;
}

.sw-consent .cookie-modal .cm-modal a.hide {
    position: absolute;
    top: 20px;
    right: 20px;
}
.sw-consent .cookie-modal .cm-modal .cm-header h1.title {
    padding-right: 20px;
    color: #292929;
}
.sw-consent .cookie-modal .cm-modal .cm-header h1 {
    margin: 0;
    font-size: 2em;
    display: block;
}
 .sw-consent .cookie-notice h1, .sw-consent .cookie-notice h2, .sw-consent .cookie-notice li, .sw-consent .cookie-notice p, .sw-consent .cookie-notice ul {
    display: block;
    font-family: inherit;
    color: #fff;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-top: .7em;
}
.sw-consent .cookie-modal li, .sw-consent .cookie-modal p, .sw-consent .cookie-modal ul{
	display: block;
    font-family: inherit;
    color: #333;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-top: .7em;
}
.sw-consent .cookie-modal h1, .sw-consent .cookie-modal h2{
	display: block;
    font-family: inherit;
    color: #333;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-top: .7em;
}
.sw-consent .cookie-modal .cm-modal .cm-body {
    padding: 2em;
}
.sw-consent .cookie-modal .cm-modal .cm-body ul.cm-apps {
    padding: 0;
    margin: 0;
}
.sw-consent .cookie-modal .cm-modal .cm-body ul {
    display: block;
}
.sw-consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child {
    margin-top: 0;
}
.sw-consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app {
    position: relative;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 60px;
    min-height: 40px;
}
.sw-consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch {
    position: absolute;
    left: 0;
}
.sw-consent .cookie-modal .switch, .sw-consent .cookie-notice .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 30px;
}
.sw-consent .cookie-modal .switch input, .sw-consent .cookie-notice .switch input {
    display: none;
}
.sw-consent .cookie-modal .switch input:checked+.slider, .sw-consent .cookie-notice .switch input:checked+.slider {
    background-color: #37d3bd;
}
.sw-consent .cookie-modal .switch .slider.round, .sw-consent .cookie-notice .switch .slider.round {
    border-radius: 30px;
}
.sw-consent .cookie-modal .cm-modal .cm-body span {
    display: inline-block;
    width: auto;
}
.sw-consent .cookie-modal .switch .slider, .sw-consent .cookie-notice .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.sw-consent .cookie-modal .slider, .sw-consent .cookie-notice .slider {
    box-shadow: 0 4px 6px 0 rgba(0,0,0,.2), 5px 5px 10px 0 rgba(0,0,0,.19);
}
.sw-consent .cookie-modal .switch input:checked+.slider:before, .sw-consent .cookie-notice .switch input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
.sw-consent .cookie-modal .switch .slider.round:before, .sw-consent .cookie-notice .switch .slider.round:before {
    border-radius: 50%;
}
.sw-consent .cookie-modal .switch .slider:before, .sw-consent .cookie-notice .switch .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 5px;
    bottom: 5px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}
.sw-consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title {
    font-weight: 600;
}
.sw-consent .cookie-modal .cm-modal .cm-body span {
    display: inline-block;
    width: auto;
}
.sw-consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p {
    margin-top: 0;
}
.sw-consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes {
    font-size: .8em;
    color: #999;
}
.sw-consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p {
    margin-top: 0;
}
.sw-consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app {
    position: relative;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 60px;
    min-height: 40px;
}
.sw-consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all {
    border-top: 1px solid #f1f1f1;
    padding-top: 2em;
}
.sw-consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app {
    position: relative;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 60px;
    min-height: 40px;
}
.sw-consent .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title {
    font-weight: 600;
}
.sw-consent .cookie-modal .cm-modal .cm-footer {
    padding: 2em;

}
.sw-consent .cookie-modal .cm-modal .cm-footer a.cm-powered-by {
    position: absolute;
    right: 1em;
    color: #999;
    font-size: .8em;
    padding-top: 4px;
}

@media (max-width:480px) {
    a.cm-powered-by{
        display:none;
    }
    .sw-consent .cookie-modal .cm-modal .cm-footer {
        padding: 1em;
    }
    .sw-consent .cookie-modal .cm-modal .cm-body {
        padding: 1em;
    }
    .sw-consent .cookie-modal .cm-modal .cm-header {
        padding: 1em;
        padding-right: 0px;
    }
    .sw-consent .cookie-modal .cm-modal .cm-header h1 {
        font-size: 1.8em;
    }
}