body {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	position:relative;
	color:#333333;
	font-weight:300;
	background-color:#efefef;
}

p {
  font-size: 16px;
  line-height: 1.75;
}


a,
a:hover,
a:focus,
a:active,
a.active {
  outline: none;
}
a {
	color:#666666;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #e28f26;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Exo 2", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}

#page-header h1 {
	color:#e28f26;
	text-align:center;
	font-size:48px;

	text-shadow: 0px 0px 5px rgba(0,0,0,0.8); 
}

	@media (max-width: 768px) {
		#page-header h1 {
			font-size:30px;
		}
	}

.container { 
	max-width:1000px;
}

.img-centered {
  margin: 0 auto;
}
.bg-light-gray {
  background-color: #eeeeee;
}
.bg-darkest-gray {
  background-color: #222222;
}
.btn-primary {
  color: white;
  background-color: #fed136;
  border-color: #fed136;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: white;
  background-color: #fec503;
  border-color: #f6bf01;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #fed136;
  border-color: #fed136;
}
.btn-primary .badge {
  color: #fed136;
  background-color: white;
}
.btn-xl {
  color: white;
  background-color: #fed136;
  border-color: #fed136;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 3px;
  font-size: 18px;
  padding: 20px 40px;
}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  color: white;
  background-color: #fec503;
  border-color: #f6bf01;
}
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  background-image: none;
}
.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
  background-color: #fed136;
  border-color: #fed136;
}
.btn-xl .badge {
  color: #fed136;
  background-color: white;
}
.navbar-custom {
  background-color: #222222;
  border-color: transparent;
}
.navbar-custom .navbar-brand {
  color: #fed136;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: #a42943;
}
.navbar-custom .navbar-collapse {
  border-color: rgba(255, 255, 255, 0.02);
}
.navbar-custom .navbar-toggle {
  background-color: #fed136;
  border-color: #fed136;
  text-transform: uppercase;
  color: #333333;
  font-size: 12px;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #fed136;
}
.navbar-custom .nav li a {
  text-transform: uppercase;
  font-weight: 400;
  color: #000;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
  color: #a42943;
  outline: none;
}
.navbar-custom .navbar-nav > .active > a {
  border-radius: 0;
  color: white;
  background-color: #fed136;
}
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: white;
  background-color: #fec503;
}
@media (min-width: 768px) {
  .navbar-custom {
    background-color: transparent;
    padding: 25px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
    border: none;
  }
  .navbar-custom .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .navbar-custom .navbar-nav > .active > a {
    border-radius: 3px;
  }
}
@media (min-width: 768px) {
  .navbar-custom.affix {
    background-color: #fff7a1;
    padding: 10px 0;
  }
  .navbar-custom.affix .navbar-brand {
    font-size: 1.5em;
	padding:0;
  }
  .navbar-custom.affix .navbar-brand img {
	height:50px;
  }
}



#page-header {
  background-repeat: no-repeat;
/*   background-attachment: fixed; */
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  color: white;
  background-color:gray;
	position:relative;
	top: 0;
	left: 0;
	width:100%;
	height: 390px;
	z-index: 0;
} 
	@media (max-width: 768px) {
		#page-header {
			height: 300px;
		} 
	}
#page-header:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
	background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
	bottom: 0;
	content: "";
	display: block;
	height: 33%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 2;
}



.page-1 #page-header { background-image: url('../img/bg-header-o-sobie.jpg'); } /* o sobie */
.page-2 #page-header { background-image: url('../img/bg-header-jak-to-robie.jpg'); } /* jak to robie */
.page-3 #page-header { background-image: url('../img/bg-header-kontakt.jpg'); } /* kontakt */
.page-4 #page-header { background-image: url('../img/bg-header-cennik.jpg'); } /* cennik */
.page-5 #page-header { background-image: url('../img/bg-header-co-robie.jpg'); } /* co robie */
.news #page-header { background-image: url('../img/bg-header-blog.jpg'); } /* blog */
.price-list #page-header { background-image: url('../img/bg-header-cennik.jpg'); } /* blog */
.page-12 #page-header { background-image: url('../img/bg-header-cennik-www.jpg'); } /* blog */

.page-6 #page-header { background-image: url('../img/bg-header-o-sobie.jpg'); } /* o sobie */
.page-7 #page-header { background-image: url('../img/bg-header-jak-to-robie.jpg'); } /* jak to robie */
.page-9 #page-header { background-image: url('../img/bg-header-kontakt.jpg'); } /* kontakt */
.page-10 #page-header { background-image: url('../img/bg-header-cennik.jpg'); } /* cennik */
.page-11 #page-header { background-image: url('../img/bg-header-co-robie.jpg'); } /* co robie */


#page-content {
	background-color: #fff;
	z-index: 1;
	position: relative;
} 
.news #page-content { padding-top:50px; } /* blog */

header {
  background-image: url('../img/header-bg.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  color: white;
}
header .intro-text {
  padding-top: 100px;
  padding-bottom: 50px;
}
header .intro-text .intro-lead-in {
  font-style: italic;
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 25px;
}
header .intro-text .intro-heading {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  header .intro-text {
    padding-top: 300px;
    padding-bottom: 200px;
  }
  header .intro-text .intro-lead-in {
    font-style: italic;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 25px;
  }
  header .intro-text .intro-heading {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 75px;
    line-height: 75px;
    margin-bottom: 50px;
  }
}
section {
  padding: 100px 0;
}
section h2.section-heading {
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 15px;
}
section h3.section-subheading {
  font-size: 16px;
  text-transform: none;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 75px;
}
@media (min-width: 768px) {
  section {
    padding: 150px 0;
  }
}
.service-heading {
  margin: 15px 0;
  text-transform: none;
}






footer {
    background-color: #222222;
    padding: 25px 0;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
}
footer span.copyright {
  line-height: 40px;
  text-transform: uppercase;
  text-transform: none;
}
ul.social-buttons {
  margin-bottom: 0;
}
ul.social-buttons li a {
  display: block;
  background-color: #222222;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  font-size: 20px;
  line-height: 40px;
  color: white;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
  background-color: #e28f26;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
  outline: none;
}
a.logo {
	width:207px;
	height:66px;
	position:fixed;
	left:50px; top:50px;
	z-index:500;

	background-color: #fff;
	-webkit-mask: url('../img/logo_umaj.svg') no-repeat center;
	-webkit-mask-size: 100% 100%;
	mask: url('../img/logo_umaj.svg') no-repeat center;
	mask-size: contain;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

a.logo:hover, a.logo.affix  {
	background-color:#e28f26;
}


@media (max-width: 767px) {
	a.logo {
		width:105px;
		height:35px;
		position:fixed;
		left:20px; top:20px;
		z-index:500;

	}
}



nav { position:fixed; top:0px; right:0px; padding:50px; z-index:999; }

nav ul#nav-menu {
	position:absolute;
	top: 0px;
	right:-300px;
	list-style:none;
	margin:0;
	padding: 150px 50px 50px 50px;
	min-width:300px;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-o-transition: 1s all;
	transition: 1s all;
	opacity:0;

	background-color: rgba(0,0,0,0.8);
}
nav ul#nav-menu.open {
	right:0;
	opacity:1;
}


nav ul#nav-menu li a {
	display:block;
	color:#fff;
	margin-bottom:20px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:right;


font-size: 20px;
font-weight:normal;

	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
}
nav ul#nav-menu li a:hover {
	color:#e28f26;
	padding-right:10px;
}

/* Icon 1 */

#nav-icon1 {
  width: 60px;
  height: 45px;
  position: relative;
	display:inline-block;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index:200;
}
#nav-icon1:hover span {
	background-color:#e28f26;
}
#nav-icon1 span {
  display: block;
  position: absolute;
  height: 7px;
  width: 100%;
  background: #fff;
  opacity: 1;
  right: 0;

  -webkit-border-radius: 2px; 
  -moz-border-radius: 2px; 
  border-radius: 2px; 

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.38);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.38);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.38);
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  right: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media (max-width: 767px) {
	nav { padding:20px; }
}



body.home { overflow:hidden; }

.column { position:relative; display:block; width:50vw; float:left;}


.tile {
	position:relative;
	overflow:hidden;
	z-index:50;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;

	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
}

.front {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

.offer {
    height:100vh;
    width:100%;
	float:left;

}

.offer .front {
	background-image: url('../img/bg-offer.jpg');
}


.portfolio {
    width:100%;
    height:50vh;
	float:left;
}
.portfolio .front {
	background-image: url('../img/bg-portfolio.jpg');
}


.about {
    width:50%;
    height:50vh;
	float:left;
}
.about .front {
	background-image: url('../img/bg-about.jpg');
}

.contact {
    width:50%;
    height:50vh;
	float:left;
}
.contact .front {
	background-image: url('../img/bg-contact.jpg');
}

.tile .mask {
	display:block;
	position:absolute;
	left:0; right:0;
	top:0; bottom:0;
	background-color:#000;
	opacity:0;
	z-index:10;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
}
.tile:hover .mask {
	opacity:0.5;
}
.tile h2 {
	display:inline-block;
	font-weight: bold;
	font-size:36px;
	text-align:center;
	color:#000;
	background-color: rgba(255,255,255,0.8);
	padding:20px;
	width:auto;
	position:absolute;
	left:50%; top:50%;
	transform: translate(-50%, -50%);
  -webkit-border-radius: 2px; 
  -moz-border-radius: 2px; 
  border-radius: 2px; 
}







/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	position:absolute;
	left:0;top:0;right:0;bottom:0;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position:absolute;
	left:0;top:0;right:0;bottom:0;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	background-color: #000;
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#161616+1,000000+100 */
background: #161616; /* Old browsers */
background: -moz-linear-gradient(-45deg, #161616 1%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #161616 1%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #161616 1%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.back .inner {
	min-width:50%;
	position:absolute;
	left:50%; top:50%;
	transform: translate(-50%, -50%);
	text-align:center;
	color:#fff;
	font-weight:400;
	font-size:16px;
}

.back .inner h3 {
	font-size:32px;
}


.btn-frame {
	color:#fff;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
	font-weight:bold;
	text-transform:uppercase;
}

.back:hover .btn-frame:after,
.back:hover .btn-frame:before {
   border-width:3px;
   animation:aW_nH 0.5s, sW_aH 0.5s, sW_sH 1s infinite;
   animation-delay:0s, 0.5s, 1s;
}
.btn-frame:hover {
	color:#000;
	background-color:#fff;
	text-decoration:none;
}


.btn-frame{
   display:inline-block;
   background:transparent;
   text-align:center;
   padding:20px 40px;
   width:240px;
   position:relative;
   overflow:display;
   margin:20px 20px;
   cursor:pointer;

}

.btn-frame:after{
   content: ' ';
   position:absolute;
   top:0px;
   left:0px;
   width:0%;
   height:0%;
   z-index:1;
   border-top:3px solid white;
   border-right:3px solid white;
   border-width:0px;
   opacity:0;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
}

.btn-frame:before{
   content: ' ';
   position:absolute;
   bottom:0px;
   right:0px;
   width:0%;
   height:0%;
   z-index:1;
   border-bottom:3px solid white;
   border-left:3px solid white;
   border-width:0px;
   opacity:0;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
}
.back:hover .btn-frame:after, .back:hover .btn-frame:before {
   opacity:1;
}
 
@keyframes sW_aH{ from{width:100%; height:0%;} to{width:100%; height:100%;} }
@keyframes sW_sH{ from{width:100%; height:100%;} to{width:100%; height:100%;} }
@keyframes nW_nH{ from,to{border-width:0px;} }
@keyframes nW_aH{ from{height:0%;} to{height:100%;} }
@keyframes nW_sH{ from,to{height:100%;} }
@keyframes sW_nH{ from,to{width:100%;} }
@keyframes aW_nH{ from{width:0%;} to{width:100%;} }




@media (max-width: 767px) {
	body.home { overflow:visible; }
	.home footer { display:none; }

	nav { padding:24px; }
	.tile .back .inner h3 { font-size:18px;}
	.column { position:relative; display:block; width:100vw; float:none;}



	.offer {
		height:0;
		width:100%;
		padding-top:100%;
	}

	.portfolio {
		height:0;
		width:100%;
		padding-top:100%;
	}


	.about {
		height:0;
		width:100%;
		padding-top:100%;
	}

	.contact {
		height:0;
		width:100%;
		padding-top:100%;
	}




}

/*
 * No gutters
 * --------------------------------------------------
 */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}




.kontakt input, .kontakt textarea {
	border:none;
	border-bottom: 2px solid #888;
	background-color:transparent;
	padding: 15px 10px 15px 40px;
	height:auto;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	border-radius: 0; 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
}
.kontakt input.btn {
	border: none;
	background-color: #e28f26;
	padding: 10px 20px;
	text-align:center;
}	


.kontakt input:focus, .kontakt textarea:focus {
	border-color:#e28f26;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color:#fff;
}
.kontakt .form-group {
	position:relative;
	margin-bottom:15px;
}
.kontakt .form-group span {
    position: absolute;
    top: 15px;
    left: 10px;
    font-size: 20px;
    color: #ccc;
}

.kontakt .cta {
	border: 1px solid #888;
	position:relative;
	padding: 25px 25px 25px 75px;
	margin-top:15px;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
}
.kontakt .cta:hover {
	background-color:#fff;
	border-color: #e28f26;
}

.kontakt .cta span {
    position: absolute;
    top: 35px;
    left: 20px;
    font-size: 40px;
    color: #e28f26;
}



.pricing-web-item {
	min-height: 550px;
	text-align:center;
	background-color:#eeeeee;
	position:relative;
	margin-bottom:30px;
	padding-bottom:130px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.38);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.38);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.38);
}


.pricing-web-item ul {
	list-style: none;
	margin-left: 20px;
	padding: 0px 30px;
	text-indent: 0;
	text-align:left;
	overflow:visible;
}
.pricing-web-item ul li {
	display:block;
	overflow:visible;
	position:relative;
}
.pricing-web-item ul li:before {
	display:block;
	position:absolute;
	line-height:0.7em;
	top:0px;
	left:-15px;
	content: "»";
	font-size:20px;
}
	.pricing-web-item.website-1 ul li:before { color: #008ecb; }
	.pricing-web-item.website-2 ul li:before { color: #004977; }
	.pricing-web-item.website-3 ul li:before { color: #fc002f; }
	.pricing-web-item.website-4 ul li:before { color: #996699; }
	.pricing-web-item.website-5 ul li:before { color: #de1466; }

.pricing-web-item p {
	font-size:14px;
	margin:0;
	line-height: 1.5em;
	padding: 0px 20px;
}
.pricing-web-item h3 {
	position: relative;
	padding:20px;
	text-align:center;
	background-color: #fff;
	margin-bottom:20px;
}
	.pricing-web-item.website-1 h3 { color: #008ecb; }
	.pricing-web-item.website-2 h3 { color: #004977; }
	.pricing-web-item.website-3 h3 { color: #fc002f; }
	.pricing-web-item.website-4 h3 { color: #996699; }
	.pricing-web-item.website-5 h3 { color: #de1466; }

.pricing-web-item h3 em, .pricing-web-item h3 span {
	position: relative;
	display:block;
	width: 100px;
	height:100px;
	padding:0px;
	margin:0 auto;
	margin-bottom:30px;
	text-align:center;
	-webkit-border-radius: 50%;
	-moz-border-radius:  50%;
	border-radius:  50%;
	font-size:60px;
	color:#fff;
}
.pricing-web-item h3 span:before {
	position:absolute;
	top:50%; left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}


	.pricing-web-item.website-1 h3 em, .pricing-web-item.website-1 h3 span { background-color: #008ecb; }
	.pricing-web-item.website-2 h3 em, .pricing-web-item.website-2 h3 span { background-color: #004977; }
	.pricing-web-item.website-3 h3 em, .pricing-web-item.website-3 h3 span { background-color: #fc002f; }
	.pricing-web-item.website-4 h3 em, .pricing-web-item.website-4 h3 span { background-color: #996699; }
	.pricing-web-item.website-5 h3 em, .pricing-web-item.website-5 h3 span { background-color: #de1466; }

.pricing-web-item .price {
	background-color: #fff;
	position:absolute;
	font-size:48px !important;
	font-weight:bold;
	text-align:center;
	padding:20px;
	bottom:0;
	width:100%;
}
	.pricing-web-item.website-1 .price { color: #008ecb; }
	.pricing-web-item.website-2 .price { color: #004977; }
	.pricing-web-item.website-3 .price { color: #fc002f; }
	.pricing-web-item.website-4 .price { color: #996699; }
	.pricing-web-item.website-5 .price { color: #de1466; }
.pricing-item {
	min-height: 440px;
	text-align:center;
	background-color:#fff;
	position:relative;
	padding-bottom:50px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
	margin-bottom:30px;
}
.pricing-item h3 {
	background-color:#e28f26;
	padding: 20px;
	margin: 0 0 20px 0;
}
.pricing-item .price {
	background-color: #f5bc4f;
	position:absolute;
	font-size:24px !important;
	font-weight:bold;
	padding:20px;
	bottom:0;
	width:100%;
}
.pricing-item .price p {font-size:24px !important;}
/*
.pricing-item .price p {
	background-color:#e28f26;
	position: absolute;
	top:-50%;
	left:50%;
	padding:20px;
	margin:0;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border-radius: 50%; 
	border: 5px solid #efefef;
	text-align:center;
}
*/
.pricing-item p {
	margin: 0 25px 10px 25px;
	font-size:12px;
}












.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #e1e1e1;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  background-color:#fff;
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #e28f26;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #2e6da4 !important;
}

.timeline-badge.success {
  background-color: #3f903f !important;
}

.timeline-badge.warning {
  background-color: #f0ad4e !important;
}

.timeline-badge.danger {
  background-color: #d9534f !important;
}

.timeline-badge.info {
  background-color: #5bc0de !important;
}

.timeline-title {
  margin: 0;
  color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}


.btn-social-icon {}
.btn-facebook { background-color:rgb(59, 89, 152); color:#fff; }
.btn-twitter { background-color:rgb(29, 161, 242); color:#fff; }
.btn-google { background-color:rgb(255, 101, 80); color:#fff; }





.rodo-message-container {
	position:relative;
}


.cmp-popup {
position: fixed;
display: flex;
z-index: 100;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
justify-content: center;
align-items: center;
}

.cmp-popup * {
box-sizing: border-box;
height: auto;
}

.cmp-popup svg:not(:root) {
overflow: hidden;
}

.cmp-popup .cmp-popup_overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
}

.cmp-popup .cmp-closebutton {
cursor: pointer;
position: absolute;
box-shadow: 0 0 0 1px #ccc;
fill: #ccc;
top: 20px;
right: 10px;
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}

.cmp-popup .cmp-closebutton:hover {
box-shadow: 0 0 0 1px #000;
fill: #000;
}

.cmp-popup .cmp-closebutton svg {
width: 20px !important;
height: 20px !important;
}

.cmp-popup .cmp-button {
display: block;
font-weight: 600;
border: 2px solid #F6A600;
background-color: #F6A600;
cursor: pointer;
outline: none;
padding: 10px;
font-size: 12px;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
-o-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}

@media (min-width: 768px) {
.cmp-popup .cmp-button {
padding: 15px;
font-size: 14px;
}
}

.cmp-popup .cmp-button:hover {
border-color: #000;
}

.cmp-popup .cmp-button.cmp-button_invert {
background-color: #FFFFFF;
color: #000;
}

.cmp-popup .cmp-popup_content {
width: 700px;
background: #fff;
display: flex;
align-items: center;
position: relative;
}

.cmp-popup .cmp-popup_content ol,
.cmp-popup .cmp-popup_content ul {
padding-left: 30px;
list-style: upper-roman;
}

.cmp-popup .cmp-popup_content ol li,
.cmp-popup .cmp-popup_content ul li {
margin-top: 5px;
margin-bottom: 10px;
line-height: 140% !important;
font-size: 14px;
}

.cmp-popup .cmp-popup_content ol li p,
.cmp-popup .cmp-popup_content ul li p {
font-size: 14px;
}

.cmp-popup .cmp-popup_content ol li strong,
.cmp-popup .cmp-popup_content ul li strong {
font-weight: 500;
}

.cmp-popup .cmp-popup_content ol ol,
.cmp-popup .cmp-popup_content ol ul,
.cmp-popup .cmp-popup_content ul ol,
.cmp-popup .cmp-popup_content ul ul {
padding-left: 25px;
list-style: decimal;
}

@media (min-width: 768px) {
.cmp-popup .cmp-popup_content ol li,
.cmp-popup .cmp-popup_content ul li {
font-size: 15px;
}

.cmp-popup .cmp-popup_content ol li p,
.cmp-popup .cmp-popup_content ul li p {
font-size: 15px;
}
}

.cmp-popup .cmp-popup_content .cmp-intro_intro {
display: block;
padding: 0 6% !important;
max-height: 100%;
}

.cmp-popup .cmp-popup_content .cmp-intro_intro .cmp-intro_title {
text-align: left;
padding: 30px 0 0 0;
}
.cmp-popup .cmp-popup_content .cmp-intro_intro .cmp-intro_title * {
margin: 0;
font-size: 18px;
font-weight: 700;
line-height: 120%;
}

@media (min-width: 768px) {
.cmp-popup .cmp-popup_content .cmp-intro_intro .cmp-intro_title * {
font-size: 25px;
}
}

.cmp-popup .cmp-popup_content .cmp-intro_intro .cmp-intro_description {
height: 270px;
margin: 4% 0;
overflow: auto;
line-height: 140%;
text-align: left;
-webkit-overflow-scrolling: touch;
}

.cmp-popup .cmp-popup_content .cmp-intro_intro .cmp-intro_description p {
font-size: 14px;
line-height: 22px;
}

.cmp-popup .cmp-popup_content .cmp-intro_intro .cmp-intro_description strong {
font-weight: 600;
}

@media (min-width: 768px) {
.cmp-popup .cmp-popup_content .cmp-intro_intro .cmp-intro_description p {
font-size: 15px;
}
}

.cmp-popup .cmp-popup_content .cmp-intro_intro .cmp-intro_options {
width: 100%;
padding-bottom: 20px;
}

.cmp-popup .cmp-popup_content .cmp-intro_intro .cmp-intro_options .cmp-button {
width: 100%;
margin-bottom: 10px;
}

@media (min-width: 768px) {
.cmp-popup .cmp-popup_content .cmp-intro_intro .cmp-intro_options {
display: flex;
flex-shrink: 0;
width: auto;
margin: 0 -5px;
}

.cmp-popup .cmp-popup_content .cmp-intro_intro .cmp-intro_options .cmp-button {
flex: 1;
margin: 0 5px;
}
}





.btn-success {
	background-color:#f08940;
	color: #000;
	font-weight:bold;
	font-size:16px;
	border:0;
	border-radius:10px;
	padding: 10px 30px;
	text-align:center;
	margin:10px auto !important;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; 

  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.btn-success:hover {
	background-color:#fff;
	color: #000;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.38);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.38);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.38);
}