/* ------------------------------------------------------------------------------
	Template Name: Orion
	Author: Designstub
	Author URI: http://www.designstub.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0
-------------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------------
   Typography
-------------------------------------------------------------------------------*/

@font-face { font-family: Comfortaa; src: url('Comfortaa-Bold.ttf'); font-weight: 800; } 
@font-face { font-family: Comfortaa; src: url('Comfortaa-Regular.ttf'); font-weight: 600; } 
@font-face { font-family: Comfortaa; src: url('Comfortaa-Light.ttf'); font-weight: 400; } 


@import url(http://fonts.googleapis.com/css?family=Source%20Sans%20Pro:300,400,500,600,700);
/* ------------------------------------------------------------------------------
   Global Styles
-------------------------------------------------------------------------------*/


body {
	font-family: "Comfortaa";
	font-weight: 400;
	font-size:13px;
	letter-spacing:1px;
	line-height:1.8em;
}
p {
	color: #888;
}
h1, h2, h3, h5, h6 {
	font-weight: 400;
}
h4 {
	font-weight: 300;
	font-size: 15px;

}
a {
	color: #ff5335;
}
a:hover {
	color: #d92709;
	text-decoration: none;
}
a:focus {
	outline: none;
}
img {
	max-width: 100%;
	height: auto;
}
ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* ------------------------------------------------------------------------------
   main
-------------------------------------------------------------------------------*/
   
.main {
	background-size: cover;
	padding: 3em 0 4.5em;
	position: relative !important;
	color: #fff;
	height: 100vh;
}
.ibanScreen {
	background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1924' height='1282.7' viewBox='0 0 900 600'%3E%3Cg fill-opacity='0.99'%3E%3Cpath fill='%23e5f1ff' d='M306.9 210.2c-1.2-22.8-13.5-42.7-40.8-41.1c-18.3 1.1-35.9 3.6-47.5 20.1c-5.2 7.4-10.6 15.6-11.4 24.9c-0.5 5.8 0.2 12 1.2 17.7c9 49.6 85.3 46.7 96.4 0.2C306.6 224.9 307.3 217.4 306.9 210.2z'/%3E%3Cpath fill='%23e1f0ff' d='M137.2 481.3c-13.2-9.9-31.2-13.3-48.5-3.2c-12.6 7.3-19.1 17.4-21.1 28.2c-0.7 2.4-1.2 4.7-1.5 7c-8.2 35.4 33.7 78.9 72.6 48.6C167.6 539.3 164.4 501.6 137.2 481.3z'/%3E%3Cg fill='%23def0ff' %3E%3Cpath d='M547.9 588.3c-7.1-34.2-61.6-52.7-87.5-16.9c-11.2 11.3-12.7 26.3-7.6 39.7c1.8 7.5 5.5 13.9 10.4 19.1c19.4 20.3 53.4 26.2 72.8 1.9C545.9 619.7 553.9 604.2 547.9 588.3z'/%3E%3Cpath d='M547.9-11.7c-7.1-34.2-61.6-52.7-87.5-16.9c-11.2 11.3-12.7 26.3-7.6 39.7c1.8 7.5 5.5 13.9 10.4 19.1c19.4 20.3 53.4 26.2 72.8 1.9C545.9 19.7 553.9 4.2 547.9-11.7z'/%3E%3C/g%3E%3Cpath fill='%23daefff' d='M849.7 498c-22.3 1.3-43.2 7.5-52.7 29.5c-3.3 7.7-7.3 15.7-7 24.3c2 55.6 86.1 63.4 98.8 10.1C890.6 554.6 877.3 496.4 849.7 498z'/%3E%3Cpath fill='%23d7efff' d='M762 291.1c-8.2-6.1-19.1-1.9-27.3 2.2c-7.4 3.7-14.4 8.2-21.6 12.1c-6.6 3.6-13.7 7-19.8 11.5c-18.3 13.5-2.5 45.1 10.6 56.4c17 14.6 41.6 15.9 59.6 2.1C794.1 351.8 790.7 312.4 762 291.1z'/%3E%3Cpath fill='%23d3efff' d='M863.3 170.3c-4.5-15.7-17.9-28.8-33.4-34.4c-16.2-5.8-38.4-2.9-51.8 8.1c-14.9 12.2-14.5 31.7-11.4 49c9.6 53.9 84.3 47.7 97-1.3C865.6 184.4 865.3 177.1 863.3 170.3z'/%3E%3Cpath fill='%23cff0ff' d='M598.4 86.1c-10.2 15.5-9.3 34.2-0.9 50.4c2.6 5 6.2 9.5 10.4 13.2c14.2 12.6 35.5 17.1 53.2 9.5c14.3-6.1 23.9-19.8 26.7-34.7C707.4 75.6 629.7 38.5 598.4 86.1z'/%3E%3Cpath fill='%23ccf1ff' d='M509.8 413.3c-17.3 22.6-11.8 59 17.5 75.3c22.6 12.6 52.2 1.7 63.8-20.9c21.4-42-9.2-85-56.5-71C523.8 399.9 515.6 405.8 509.8 413.3z'/%3E%3Cpath fill='%23c8f1ff' d='M607.4 232.3c-0.5-0.4-1-0.8-1.4-1.2c-16.5-12.8-30.2-22.1-50.3-8.4c-15.5 10.6-29 30.3-31.4 49.1c-4.2 33.6 30.6 46.9 58.6 40.6C619.6 304.2 640.6 259.5 607.4 232.3z'/%3E%3Cpath fill='%23c5f3ff' d='M410.6 95c-36.5 1.3-74.1 41.8-43.1 74.3c19.8 20.9 54.4 20.7 74.6 0.5c20.5-20.4 18.4-53.1-6.9-68.6C427.7 96.6 419.2 94.7 410.6 95z'/%3E%3Cpath fill='%23c1f4ff' d='M291.3 23c-0.1-0.1-0.1-0.1-0.2-0.2c-14.2-16.9-38.3-25.6-61.4-12.3c-13.5 7.8-20.5 18.7-22.7 30.2c-5.7 18 1.5 34.2 14.2 44.8c15.4 16.8 40.3 24.1 64.2 5.5c9.6-7.4 15-16.3 17.2-25.4C308.6 48.8 302.7 33.6 291.3 23z'/%3E%3Cpath fill='%23bef6ff' d='M419.1 440.6c-16.9-14.5-41.8-21.5-61.7-9.5c-18.3 11.1-1 100.1 32.2 93.5c23.8-4.7 45.3-22.4 48.1-44.3C439.6 466.1 431.5 451.3 419.1 440.6z'/%3E%3Cpath fill='%23baf8ff' d='M127 227c-12-4.3-25.4-2.1-38.7 11.4C71 255.9 61.4 286.1 80.4 306c21.3 22.3 86.9 27.5 89.6-14.9c0.5-8.9-2.7-17.9-6.5-25.8C155.1 248.3 142.1 232.5 127 227z'/%3E%3Cpath fill='%23b6faff' d='M281.5 407.6c-0.3-0.4-0.7-0.7-1-1c-19.3-17.6-59.1-0.6-78.1 10.3c-23.8 13.7-8.2 41.1 5.4 55.8c16.3 17.6 42.7 25.2 68 5.8C291.3 466.6 295.5 422.7 281.5 407.6z'/%3E%3Cpath fill='%23b3fdff' d='M137.9 110.2c-10.4-25.7-43.3-32.1-67-23.6C60.1 90.4 50 97.8 45.1 108.6c-21.2 47.3 44.9 81.1 78.5 51c9.5-8.5 17.3-18.9 17.4-32.4C141 120.8 139.9 115.1 137.9 110.2z'/%3E%3Cpath fill='%23affffe' d='M344.3 284.7c-10 14.9-9.2 34.1-0.9 49.5c3.4 6.3 8.6 13.8 16.1 15.8c7.1 1.9 15.1 0.7 22.1-0.6c15.7-3 45.6-10.5 52.3-26.8C453.5 274.4 375.6 237.9 344.3 284.7z'/%3E%3Cg fill='%23acfffb' %3E%3Cpath d='M-29.2 431.8c23.4 12.4 54.1 1.7 66.1-20.6c9.6-17.8 10.4-40.4-3.3-56.5c-10.5-12.4-44.2-25.8-58.5-11.3c-3 3.1-5.1 7.1-6.9 10.9C-41.1 373.2-55 418.1-29.2 431.8z'/%3E%3Cpath d='M870.8 431.8c23.4 12.4 54.1 1.7 66.1-20.6c9.6-17.8 10.4-40.4-3.3-56.5c-10.5-12.4-44.2-25.8-58.5-11.3c-3 3.1-5.1 7.1-6.9 10.9C858.9 373.2 845 418.1 870.8 431.8z'/%3E%3C/g%3E%3Cpath fill='%23a8fff8' d='M671.4 460.5c-10.7 1.7-20.2 8.3-26.2 22.2c-21.5 49.5 45.4 84.9 79.4 53.3c16.3-15.2 24-31 6.5-48.1c-5.9-5.8-12.3-11-19.1-15.6C699.5 463.7 684.5 458.4 671.4 460.5z'/%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
	padding: 3em 0 4.5em;
	position: relative !important;
	color: #fff;
	height: 100vh;
}
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(27, 32, 38, 0.5);
	top: 0;
}
.logo {
	text-align: center;
	margin-bottom: 2.25em;
}
.logoShort {
	width: 40%;
}
.main h1 {
	font-size: 36px;
	font-weight: 700;
	letter-spacing:2px;
	text-transform:uppercase;
}
.welcome-message {
	padding-top: 1.5em;
}
.rotate {
	text-shadow: none !important;
	color: black;
}
.iban{
	font-size: 30px;
}

/* ------------------------------------------------------------------------------
   Subscription form 
-------------------------------------------------------------------------------*/
   
 .form-control::-webkit-input-placeholder {
 color: #727272;
 font-weight: 300;
}
 .form-control:-moz-placeholder {
 color: #727272;
 font-weight: 300;
}
 .form-control::-moz-placeholder {
 color: #727272;
 font-weight: 300;
}
 .form-control:-ms-input-placeholder {
 color: #727272;
 font-weight: 300;
}
.sub-form {
	padding-top: 1.5em;
}
.center-block {
	float: none;
}
.form-control {
	background-color: #fff;
	border: 1px solid #fff;
	box-shadow: none;
	height: 50px;
	font-weight: 300;
}
.form-control:focus {
	border-color: #fff;
	outline: 0;
	box-shadow: none;
}
.input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active {
	z-index: 1;
}
.btn-default {
	color: #fff;
	background-color: #ff5335;
	border-color: #ff5335;
 -webkit-transition: all .5s ease-out;
 transition: all .5s ease-out;
	padding: 12px 1.5em;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
	color: #fff;
	background-color: #d92709;
	border-color: #d92709;
}
.btn:active:focus, .btn-default:focus, .btn:focus, .btn-default:active {
	outline: none;
}
#mc-notification {
	margin: .75em 0 0;
	color: #FFF;
}
.alert, .success {
	padding: .5em 1em;
	border-radius: 4px;
	display: inline-block;
}
.alert {
	background-color: rgba(231, 76, 60, 0.7);
}
.success {
	background-color: rgba(39, 174, 96, 0.7);
}
.alert i, .success i {
	padding-right: .5em;
}
.fa-paper-plane {
	padding-left: .5em;
}


/* ------------------------------------------------------------------------------
   contact Form Validation
-------------------------------------------------------------------------------*/
   

.contact-form label.error i {
	padding-right: 8px;
}
.success-cf, .error-cf {
	display: none;
}
.success-cf p {
	background: rgba(39, 174, 96, 0.7);
}
.error-cf p {
	background: rgba(231, 76, 60, 0.7);
}
.contact-form {
	position: relative;
}
.contact-form .success-cf p, .contact-form .error-cf p {
	position: absolute;
	display: block;
	top: 40%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 10;
	color: #fff;
	border-radius: 2px;
	padding: .75em;
}
/* ------------------------------------------------------------------------------
   Map
-------------------------------------------------------------------------------*/
.map {
	position: relative;
	box-shadow: 0 0 0 4px #fff;
	border-radius: 2px;
}
#map-canvas {
	width: 100%;
	height: 320px;
	margin: 0px;
	padding: 0px
}
#map-canvas img {
	max-width: none;
}
.address {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.71);
	color: #666;
	padding: 1em;
	margin: 0 0 .75em .75em;
}
.address li i {
	padding-right: 8px;
	color: #ff5335;
}
.address li {
	padding-bottom: .5em;
}
.address li:last-child {
	padding-bottom: 0;
}
/* ------------------------------------------------------------------------------
   footer
-------------------------------------------------------------------------------*/
   
.site-footer {
	background: #F1F1F1;
}
.site-footer.section-spacing {
	padding: 4.5em 0;
}
.site-footer h3 {
	margin: 0;
}
.site-footer .social {
	float: none;
	margin-bottom: 1.5em;
}
.site-footer small {
	color: #888;
}
/* ------------------------------------------------------------------------------
   scroll top
-------------------------------------------------------------------------------*/
   
.scroll-top {
	margin-bottom: 0;
}
.scroll-top a {
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	padding: .8em 1em;
	display: none;
	z-index: 200;
	border-radius: 5px;
 -webkit-transition: background .5s ease-in;
 transition: background .5s ease-in;
}
.scroll-top a:hover {
	background: #ff5335;
}
/* ------------------------------------------------------------------------------
   Preloader styles
-------------------------------------------------------------------------------*/

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fefefe;
	z-index: 9999;
	height: 100%;
	height: 100%;
}
#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../img/load.gif) no-repeat center center;
	margin: -170px 0 0 -100px;
}



.bgimg-1{
	position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://iban.run/bg.jpg");
}

.hide { position:absolute; bottom: :-1px; right: :-1px; width:0.5px; height:0.5px; }

.btn-copy-clipboard{
	color: #fff;
    background-color: #2864f0;
    border: none;
    border-radius: 20px;
    padding: 6px;
    font-size: 16px;
    font-weight: 800;	
}

.btn-copy-clipboard:hover{
	color: #fff;
    background-color: #3489ff;
    border: none;
    border-radius: 20px;
}
.btn-customize{

	color: #fff;
    background-color: #ff5335;
    border: none;
    border-radius: 20px;
    padding: 6px;
    font-size: 16px;
    margin-right: 6px;
    font-weight: 800;	
}



.btn-customize:hover{
	color: #fff;
    background-color: #d92709;
    border: none;
    border-radius: 20px;
}

#shortIban{
	font-size: 18px;
}

/* ------------------------------------------------------------------------------
   Small devices (tablets, 768px and up)
-------------------------------------------------------------------------------*/
   
@media (min-width: 768px) {
 .main {
padding: 3em 0 7.5em;
}
 .logo {
 text-align: center;
 margin-bottom: 0;
}
.logoShort {
	width: 25%;
}
 .welcome-message {
padding-top: 6em;
}
 .social {
float: right;
}
 ul.countdown {
padding-top: 6em;
}
 ul.countdown li span {
font-size: 27px;
}
 ul.countdown li.seperator {
 font-size: 27px;
 padding: 0 20px;
}
}

/* ------------------------------------------------------------------------------
   Medium devices (desktops, 992px and up) 
-------------------------------------------------------------------------------*/
   
@media (min-width: 992px) {
 .main {
 padding: 3em 0 16em;
 top: 0;
 z-index: 1;
 width: 100%;
}
 .features, .twitter-feed, .contact, .site-footer {
 position: relative;
 z-index: 2;
}
 .welcome-message {
padding-top: 9em;
}
 .section-spacing {
padding: 6em 0;
}
 .features.section-spacing {
 padding: 6em 0 3em;
 margin-top: 46.8em;
}
 .product-features {
margin-bottom: 3.75em;
}
 .features.section-spacing, .contact {
background: #fff;
}
 .contact-form {
margin-top: 0;
}
 .animated {
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}
 @-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none;
}
}
 .fadeInUp {
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
}
}

/* ------------------------------------------------------------------------------
   small devices 
-------------------------------------------------------------------------------*/
   


@media (max-width: 320px) {
 ul.countdown li span {
font-size: 21px;
}
 ul.countdown li.seperator {
 font-size: 25.629px;
 vertical-align: top;
 padding: 0 2px;
}
 ul.countdown li p {
font-size: 12.642px;
}
}