/*-------------------------------------------------------------------------- 
[Master Stylesheet] 
 
Project:	AtlasPROfilax     
Version:	1.0 
Last change:	01/18/17
--------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	color: #1f1f1f; 
	font-size: 18px;
	font-family: 'Signika', sans-serif;
}

h1, h2, h3 { font-weight: normal; }

h1 { font-size: 36px; }

h2 {
	font-size: 24px;
	padding: 1.5em 0 0;
}

p { line-height: 1.4; padding-top: 1.25em; }

ul, ol { padding-top: 1.5em; }

.seznam {
	color: #009EE0;
	padding-left: 1.5em;
}
.seznam li p { color: #1f1f1f; }

li { line-height: 1.4; }

a:link, a:visited { color: #FF7808; }

a:hover { text-decoration: none; }

img { display: block; }
a img { border: 0; }

.phonelink_white, .phonelink_white:link, .phonelink_white:visited { color: #ffffff; text-decoration: none; }
.phonelink_black, .phonelink_black:link, .phonelink_black:visited { color: #1f1f1f; text-decoration: none; }

.img__bonitetna { margin-top: 50px; width: 100%; }
.img__max {
	max-width: 100%;
	margin: 1.5em 0 0;
}
.img__float {
	margin: 1.5em 1.5em 0 0;
	float: left;
}
.txt__img {
	padding: 0.5em 0 0;
	color: #a5a5a5;
}
.wrap { width: 960px; margin: 0 auto; position: relative; padding: 50px 0 60px; }

.rectangle {
	background: #009EE0;
	color: #ffffff;
	line-height: 1;
	padding: 0;
	margin: 50px 0 0;
	position: relative;
	font-size: 16px;
}
.rectangle__padded { padding: 23px 17px; }
.rectangle__1 {
	background: #e6d4ba;
	color: #5a5a5a;
}
.rectangle__2 {
	background: #5a5a5a;
	color: #ffffff;
}
.rectangle__1 .fa { color: #BDA47E; }
.rectangle__2 .fa { color: rgba(255, 255, 255, 0.25); }
.rectangle::before {
	content: '';
	position: absolute;
	top: 0;
	left: -17px;
	width: 0; 
	height: 0; 
	border-bottom: 103px solid #009EE0; 
	border-left: 17px solid transparent;
}
.rectangle__1::before { border-bottom: 103px solid #e6d4ba; }
.rectangle__2::before { border-bottom: 103px solid #5a5a5a; }
.rectangle::after {
	content: '';
	position: absolute;
	top: 0;
	right: -17px;
	width: 0; 
	height: 0; 
	border-top: 103px solid #009EE0; 
	border-right: 17px solid transparent;
}
.rectangle__1::after { border-top: 103px solid #e6d4ba; }
.rectangle__2::after { border-top: 103px solid #5a5a5a; }
.font__phone {
	font-size: 34px;
	display: block;
	padding: 7px 0 0;
	letter-spacing: -0.5px;
	word-spacing: -1px;
}
.rectangle .fa {
	font-size: 56px;
	position: absolute;
	top: 50%;
	right: 11px;
	margin: -28px 0 0 0;
}

.rectangle .rectanglelink, .rectangle .rectanglelink:link, .rectangle .rectanglelink:visited { text-decoration: none; display: block; padding: 23px 17px; overflow: hidden; }
.rectangle__1 .rectanglelink, .rectangle__1 .rectanglelink:link, .rectangle__1 .rectanglelink:visited { color: #5a5a5a; }
.rectangle__2 .rectanglelink, .rectangle__2 .rectanglelink:link, .rectangle__2 .rectanglelink:visited { color: #ffffff; }

.rectangle .rectanglelink:hover { text-decoration: underline; }

.rectangle .rectanglelink:hover .fa {
	/*
	color: #009EE0;
	color: #ffffff;
	*/
	-webkit-animation: rubberBand 0.75s;
	animation: rubberBand 0.75s;
}

.youtube__wrap {
	width: 640px;
	height: 360px;
	margin: 42px auto 0;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation: rubberBand 0.75s;
  animation: rubberBand 0.75s;
}

/*
.rectangle a:hover .fa { color: #009EE0; }
*/

/*--------------------------------------------------------------------------
#header
*/

.logo {
	width: 225px;
	position: absolute;
	top: 19px;
	left: 0;
	z-index: 98;
}
.header {
	background: #009ee0;
	padding: 35px 0;
	padding: 0;
	height: 78px;
	position: relative;
	z-index: 99;
}
.phone__mobile { display: none; }
/*
.nav {
	padding: 0;
	float: right;
	list-style-type: none;
}
.nav li { 
	float: left;
	margin: 0 2em 0 0;
}
.nav li a:link, .nav li a:visited {
	color: white;
	text-decoration: none;
	line-height: 43px;
	display: block;
}
*/

/*--------------------------------------------------------------------------
#main
*/

.icon_link:link, .icon_link:visited {
	border: 7px solid #f0f0f0;
	display: block;
	text-align: center;
	color: #009EE0;
	text-decoration: none;
	padding: 1.5em 0 1em;
}
.icon_link:hover { border: 7px solid #009EE0; }

.icon_link p { padding: 0.75em 0 0; }
.icon { 
	margin: 0 auto;
	width: 40px;
}
.uvodna {
	max-width: 60%;
	float: right;
}
.contactus {
	color: #009EE0;
	border: 2px solid #009EE0;
	border-radius: 100px;
	padding: 0.15em 0.75em 0.10em 0.5em;
	margin: 0 0 0 0.15em;
}
.contactus .fa {
	margin: 0 0.1em 0 0;
	position: relative;
	top: 3px;
}
.large {
	font-size: 36px;
	text-align: center;
	padding: 1em 0;
}
.color { color: #009EE0; }

.nagovor_wrap {
	position: absolute;
	z-index: 2;
	bottom: 50px;
	width: 40%;
}
.nagovor_wrap a, .filelink a {
	color: #FF7808;
	border: 1px solid #FF7808;
	padding: 0 0 0 1em;
	display: inline-block;
	text-decoration: none;
	margin: 1em 0 0;
	font-size: 18px;
}
.success .filelink a {
	color: #ffffff;
	border: 1px solid #7FCFF0;
}
.nagovor_wrap a:hover {
	background: #FF7808;
	color: #ffffff;	
}
.nagovor_wrap a .fa, .filelink a .fa {
	background: #009EE0;
	background: #FF7808;
	color: #ffffff;
	padding: 0.5em 0.85em 0.5em 1em;
	margin: 0 0 0 1em;
	text-align: center;
}
.filelink a {
	border: 1px solid #e6d4ba;
	color: #bda47e;
	color: #1f1f1f;
	margin: 0;
}
.filelink a .fa { background: #e6d4ba; }

.filelink a:hover { border: 1px solid #FF7808; }
.filelink a:hover .fa { background: #FF7808; }

.success .filelink a .fa { background: #7FCFF0; }
.success .filelink a:hover { border: 1px solid #ffffff; }
.success .filelink a:hover .fa { background: #ffffff; color: #009EE0; }

.nagovor {
	padding: 0.25em 0;
	font-size: 24px;
	line-height: 1.5;
	background: rgba(255,255,255,0.4);
	letter-spacing: -0.25px;
}
/*
.nagovor::after {
	content: '';
	background: #009ee0;
	width: 110%;
	height: 120%;
	position: absolute;
	top: -10%;
	left: -5%;
	z-index: -1;
}
*/
.intro {
	background: #ffffff;
	position: relative;
}
.intro .wrap { border-bottom: 7px solid #009EE0; }

.content {
	width: 60%;
	margin: 0 10% 0 0;
	float: left;
}
.sidebar {
	width: 30%;
	float: left;
}
.sidebar img { max-width: 100%; }

.nav__side {
	padding: 1.5em 0;
	list-style-type: none;
	border-left: 1px solid black;
}
.nav__side li a {
	border-bottom: 1px solid black;
	color: black;
	padding: 0.4em 1em;
	display: block;
	text-decoration: none;
}
.nav__side li:first-child a { border-top: 1px solid black; }

.nav__side .no_border_bottom a {
	border-bottom: 0;
	padding: 0.4em 1em 0 1em;
}
.nav__side .nav__li a {
	padding-left: 2.5em;
	padding-right: 1em;
}
.nav__side li span, .side__title span {
	position: relative;
	display: inline-block;
	padding: 0 1em;
	line-height: 26px;
	margin: 0 0 0 -1em;
}
.side__title span { background: rgba(0,0,0,0.1); }
.side__title span { background: #ffffff; }
.side__title span { background: #e1e1e1; }

.poudarjene {
/*
	border-bottom: 5px solid #BDE7F8;
	line-height: 14px;
	display: inline;
*/
	position: relative;
	z-index: 1;
	box-shadow: inset 0 -5px #BDE7F8;
  	display: inline;
	padding: 0 0 1px;
}
.nav__side li .select span, .nav__side li a:hover span {
	background: rgba(0, 158, 224, 0.25);
}

.nav__side li .select span::before, .nav__side li a:hover span::before, .side__title span::before {
	content: '';
	position: absolute;
	top: 0;
	left: -17px;
	width: 0; 
	height: 0; 
	border-bottom: 26px solid rgba(0, 158, 224, 0.25); 
	border-left: 17px solid transparent;
}
.side__title span::before { border-bottom: 26px solid #e1e1e1; }
.side__title span::before { border-bottom: 26px solid rgba(0,0,0,0.1); }

.nav__side li .select span::after, .nav__side li a:hover span::after, .side__title span::after {
	content: '';
	position: absolute;
	top: 0;
	right: -17px;
	width: 0; 
	height: 0; 
	border-top: 26px solid rgba(0, 158, 224, 0.25); 
	border-right: 17px solid transparent;
}
.side__title span::after { border-top: 26px solid rgba(0,0,0,0.1); }
.side__title span::after { border-top: 26px solid #e1e1e1; }

.about__wrap { border: 1px solid #009EE0; padding: 1em; }
.about__wrap { 
	border: none; padding: 1em;  margin: 50px 0 0;
	border: 1px solid #000000;
	border-top: none;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.ZoomIn__item { opacity: 0; }

.clmn_3_margin {
	width: 31%;
	margin: 0 3.5% 0 0; 
	float: left;

	opacity: 0;
}
.clmn_3_margin:nth-of-type(3) { margin: 0; }
.clmn_3 {
	width: 33.3%;
	float: left;
}
.clmn_3_2 {
	width: 66.6%;
	float: left;
}
.clmn_2 {
	width: 50%;
	float: left;
}
.clmn_links {
	float: left;
	width: 30%;
	margin: 0 5% 0 0;
	opacity: 0;
}
.clmn_links:nth-of-type(3) { margin: 0; }

.clmn_links p {
	word-spacing: -1px;
	letter-spacing: -0.25px;
}

.clmn_2_margin {
	float: left;
	width: 47.5%;
	width: 50%;
	/*
	margin: 0 5% 0 0;
	*/
}
.clmn_2_margin:nth-of-type(2) { margin: 0; }
.clmn_2_margin img { max-width: 100%; }
.clmn_2_margin_wrap {
	background: #ecf0f3;
	position: relative;
}

.clmn_2_margin_wrap::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	box-shadow: inset 0 0 0 7px rgba(0, 0, 0, 0.05);
}
.clmn_2_margin_wrap p {
	padding: 1.25em 2em 0;
}
.clmn_2_margin_wrap p:first-child { padding-top: 2em; }
.title {
	text-align: center;
	margin: 50px 0 0;
	padding: 0 30px 1.5em;
	font-size: 22px;
	position: relative;
}
.title__block { display: block; }
.title__long { padding-left: 3em; padding-right: 3em; }
.font_larger { font-size: 22px; }

.mnenje {
	position: relative;
	border: 7px solid #e6d4ba;
	margin-top: 1.25em;
	padding: 0 1.25em 1.25em;
}
.mnenje::after {
	content: '' ;
	position: absolute;
	z-index: 1;
	bottom: -24px;
	left: 1.2em;
	width: 0; 
	height: 0; 
	border-top: 17px solid #e6d4ba; 
	border-right: 17px solid transparent; 
}
.podpis {
	font-variant: small-caps;
}

/*--------------------------------------------------------------------------
#footer
*/

.social {
	font-size: 30px;
	padding: 1em 0 0;
	color: #004A69;
}

.social a {
	color: #004A69;
	text-decoration: none;
	display: inline-block;
}
.social a:hover { color: #ffffff; }
.social .fa {
	padding-right: 0.25em;
	display: inline-block;
}
.copy, .izvedba {
	padding: 0.75em 0;
}
.copy { float: left; }
.izvedba { float: right; }
.subfooter {
	background: #00709E;
	color: #28AEE5;
}
.subfooter a {
	color: #28AEE5;
	text-decoration: none;
}
.subfooter a:hover { color: #ffffff; }
#map {
	width: 100%;
	height: 350px;
	margin: 35px 0 0;
}
.footer {
	background: #009EE0;
	color: #ffffff;
	padding: 50px 0 0;
	border-top: 7px solid #0082B8;
}
/*
.video {
    height: 360px;
    width: 640px;
    z-index: 4;
    margin: 0 auto; 
}
.youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    padding-bottom: 54.23%;
*/
    /* Use 75% for 4:3 videos */
/*
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
    cursor: pointer;
}
*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoOuter { width: 640px; margin: 0 auto; }
@media only screen and (max-width : 768px) {
	.videoOuter { width: 100%; }
}

/*--------------------------------------------------------------------------
#contactform

.contactForm::before {
	content: '';
	background: url(img/stripe.png) top left repeat; 
	height: 5px;
	width: 100%;
	position: absolute;
	top: -5px;
	left: 0;
	z-index: 1;
}

.contactForm::before {
	content: '';
	background: #ffffff;
	width: 100%;
	height: 150%;
	position: absolute;
	top: -90px;
	left: 0;
	z-index: -1;
}
*/

.envelope {
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.formContent {
	position: relative;
	z-index: 2;
	padding: 6% 15% 100px 20%;
	color: #5a5a5a;
}
.contactForm {
	position: relative;
	margin: 1em 0 0;
	overflow: hidden;
}
.field-wrap {
	float: left;
    margin: 0 5% 0 0;
    width: 47.5%;
}
.field-wrap:nth-of-type(2) { margin: 0; } 

.exitForm .field-wrap {
	margin: 0 0 0 40px;
	width: 40%;
}

.contactForm .brand, .alarm { color: #FF7808; }
.exitForm .alarm { color: #FF0000; }

label, .input-text, .poljeSelect, .submit, .input-area { font-family: 'Signika', sans-serif; font-weight: 400; font-size: 18px; }

label {
	position: relative;
	z-index: 2;
	display: block;
	line-height: 1.25;
	color: #1f1f1f;

	padding: 7px 0 2px;
}
.em-padding { padding-top: 1em; }
.input-text {
	height: 34px;
	line-height: 34px;
	color: black;
    border: none;
    background: #d2d2d2;

    padding: 0 0 0 2.5%;
    width: 97.5%;

	appearance: none;
	-moz-appearance: none; 
	-webkit-appearance: none; 
}
.mainForm .input-text {
	background: none;
	border: 1px solid #c3c3c3;
	width: 50%;
}

#priimek,
#priimekExit,
#priimek_main,
#name,
#ime_main + label,
#email,
#phone,
#comments,
#naslov_main { display: none; }

.exitForm .input-text {
	background: #ffffff;
}
.input-area {
	border: 1px solid #c3c3c3;
    padding: 1.5% 2.5%;
    width: 100%;
	height: 200px;
}

.mainForm .input-text, .mainForm .input-text:before, .mainForm .input-text:after,
.input-area, .input-area:before, .input-area:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.input-text:focus {  }
.poljeSelect {
    height: 36px;
    line-height: 36px;
    border: 2px solid #ed1a3b;
    border-radius: 5px;
    color: #000000;
    width: 100%;
    margin: 23px 0 0;
    position: relative;
    top: -2px;
    background: white;
}
label.error {
	color: #FF7808;
	font-size: 16px;
	font-weight: 400;
	text-shadow: none;
	padding: 7px 0 0;
	
    -webkit-animation: shake 1s;
    animation: shake 1s;
}
.exitForm label.error { color: #ff0000; }
.submit {
	border: 0;
	display: block; 
	text-decoration: none; 
	text-align: center; 
	font-size: 18px;
	background: #FF7808;
	color: white;

	line-height: 34px;
	width: 47.5%;
	padding: 0;
	margin: 21px 0 0;
	float: right;

	appearance: none;
	-moz-appearance: none; 
	-webkit-appearance: none;
}
.submit_main { width: 25%; float: left; }
.exitForm .submit { width: 100%; }
.submit_main:hover { background: #009EE0; }
.submit:hover { cursor: pointer; text-decoration: none; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20%, 60% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  40%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation: shake 1s;
  animation: shake 1s;
}


@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }

  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }

  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation: rubberBand 1s;
  animation: rubberBand 1s;
}

.full {
	position: relative;
	height: 100vh;
	display: table;
	width: 100%;
}

.absolute {
	display: table-cell;
	vertical-align: middle;
}
.success { padding: 0; background: #009EE0; color: #ffffff; }

/*--------------------------------------------------------------------------
#various
*/


.g-recaptcha_wrap { width: 164px; margin: 1.25em 0 0; position: relative; }
#g-recaptcha-response {
  display: block !important;
  position: absolute;
  margin: -78px 0 0 0 !important;
  width: 302px !important;
  height: 76px !important;
  z-index: -999999;
  opacity: 0;
}
/*
@media only screen and (max-width: 450px) {

#rc-imageselect, .g-recaptcha {
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;

}
*/

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation: fadeIn 0.75s;
  animation: fadeIn 0.75s;

  	 -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.zoomIn {
	-webkit-animation: zoomIn 0.75s;
	animation: zoomIn 0.75s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.tiskane { text-transform: uppercase; }

.align-center { text-align: center; }
.align-right { text-align: right; }

.no-padding { padding: 0; }
.no-padding-top { padding-top: 0; }

.no-mrg-top { margin-top: 0; }
.no-mrg-right { margin-right: 0; }

.spacer { clear: both; }


.popit { display: none; position: relative; z-index: 110;

    position: fixed;
    bottom: 30px;
    right: 30px;

    box-shadow: 5px 5px 15px rgba(0,0,0,0.2);    


}
.popit_wrap {
    background-color: rgba(0,0,0,0.85);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
    height: 100vh;
    display: table;
    width: 100%;
}

.popit_times {
    display: block;
    line-height: 40px;
    height: 40px;
    width: 40px;
    text-align: center;
    background-color: #009EE0;
    color: #ffffff;
    font-size: 24px;
    border-radius: 50%;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 1;
}
.popit_times:hover { background-color: #5a5a5a; cursor: pointer; }
.popit_title {
    padding: 0;
    line-height: 1.25;
    padding: 1em 0 0 120px;
    font-size: 20px;

}
.popit_title span { color: #009EE0; }
.popit_table {
    border-top: 7px solid #e6d4ba;
    border-bottom: 7px solid #e6d4ba;
    background-color: #ffffff;
    position: relative;
    padding: 0 1.5em 1em;
    width: 360px;
    margin: 0 auto;
}
.popit_table .fa {
	color: #e6d4ba;
	color: #FF7808;
	color: #009EE0;
	font-size: 111px;
	line-height: 1;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 25px;

}
.popit_txt { z-index: 2; position: relative;  }

.btn_popit a {
	background-color: #54bcc8 ; 
	background-color: #ec8222;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
    padding: 0.35em 1em;
	padding: 0.5em 1em;
	border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;

}
.btn_popit a:hover { background-color: #2b587f; }
.btn_popit a::after { display: none; }


.popit_title { font-size: 18px; font-size: 24px; line-height: 1.2; padding: 1em 0 0 90px; }
.popit_table .fa { font-size: 94px; left: 20px; }
.popit_table { width: 300px; }

.popit_table a { color: inherit; text-decoration: none; }
.popit_table a:hover { color: #009EE0; text-decoration: underline; }

@media only screen and (max-width : 500px) {
    .popit {
    	display: none;
        position: relative;
        position: fixed;
        width: 90%;
        bottom: 3.5%;
        right: 5%;
    }
    .popit_table {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media only screen and (max-width : 400px) {
	.popit_title { font-size: 18px; padding: 0.5em 0 0 0; text-align: center; }
	.popit_table .fa { position: relative; left: auto; top: auto; text-align: center; display: block; font-size: 80px; padding-top: 15px; }
}