/* latin-ext */
@font-face {
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 200;
   font-display: swap;
   src: url(fonts/sourcesanspro-ext-200.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 200;
   font-display: swap;
   src: url(../fonts/sourcesanspro-200.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* latin-ext */
 @font-face {
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url(../fonts/sourcesanspro-ext-300.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url(../fonts/sourcesanspro-300.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* latin-ext */
 @font-face {
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(../fonts/sourcesanspro-ext-400.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
   font-family: 'Source Sans Pro';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(../fonts/sourcesanspro-400.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

 
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: inherit;
   font-size: 100%;
   vertical-align: baseline
}

html {
   line-height: 1
}

ol,
ul {
   list-style: none
}

table {
   border-collapse: collapse;
   border-spacing: 0
}

caption,
th,
td {
   text-align: left;
   font-weight: normal;
   vertical-align: middle
}

q,
blockquote {
   quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
   content: "";
   content: none
}

a img {
   border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
   display: block
}

#Spinner .loader .arc {
   position: absolute;
   width: 100%;
   height: 100%
}

#Spinner .loader .arc::before,
#Spinner .loader .arc::after {
   content: '';
   position: absolute;
   top: 0px;
   left: 0px;
   bottom: 0px;
   right: 0px;
   border: 1px solid;
   border-radius: 50%
}

#Spinner .loader .arc::before {
   border-color: white;
   opacity: 0.25
}

#Spinner .loader .arc::after {
   border: 2px solid;
   border-color: transparent;
   border-bottom-color: white;
   animation: rotate 1.0s infinite linear
}

@keyframes rotate {
   100% {
      transform: rotate(360deg)
   }
}

.fuzz {
   unicode-bidi: bidi-override;
   direction: rtl;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

html {
   font: 1em "Source Sans Pro", sans-serif;
   font-weight: 300;
}

html body {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   background-image: url(../backgrounds/back_0.jpg);
   background-position: center center;
   background-attachment: fixed;
   background-size: cover;
   overflow: hidden
}

#Background {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   background-image: url(../backgrounds/back_0.jpg);
   background-position: center center;
   background-attachment: fixed;
   background-size: cover
}

a {
   color: #FFAA00;
   text-decoration: none;
   -moz-transition-property: color;
   -o-transition-property: color;
   -webkit-transition-property: color;
   transition-property: color;
   -moz-transition-duration: 2.5s;
   -o-transition-duration: 2.5s;
   -webkit-transition-duration: 2.5s;
   transition-duration: 2.5s;
   -moz-transition-timing-function: ease-in-out;
   -o-transition-timing-function: ease-in-out;
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
   text-shadow: 0px 0px 10px #000;
   text-shadow: 0px 0px 10px 0px #000
}

.changeBack {
   background-image: url(../backgrounds/blurred/back_0.jpg);
   background-position: center center;
   background-attachment: fixed;
   background-size: cover
}

#Spinner {
   position: absolute;
   bottom: 20px;
   right: 20px;
   width: 30px;
   height: 30px;
   opacity: 0.0;
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
   -webkit-transition-property: opacity;
   transition-property: opacity;
   -moz-transition-duration: 0.25s;
   -o-transition-duration: 0.25s;
   -webkit-transition-duration: 0.25s;
   transition-duration: 0.25s
}

#ContactInfo div {
   -moz-border-radius: 50px;
   -webkit-border-radius: 50px;
   border-radius: 50px
}

#ContactInfo .back {
   position: absolute;
   width: 450px;
   height: 100px;
   top: 85%;
   left: 50%;
   margin: -50px 0 0 -225px;
   z-index: 85
}

#ContactInfo .tint {
   position: absolute;
   width: 450px;
   height: 100px;
   top: 85%;
   left: 50%;
   margin: -50px 0 0 -225px;
   background-color: rgba(180, 180, 180, 0.45);
   z-index: 86
}

#ContactInfo .shadow {
   width: 450px;
   height: 100px;
   position: absolute;
   top: 85%;
   left: 50%;
   margin: -50px 0 0 -225px;
   -moz-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 20px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 20px;
   box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 20px;
   z-index: 75
}

#ContactInfo content {
   width: 450px;
   height: 100px;
   position: absolute;
   top: 85%;
   left: 50%;
   margin: -50px 0 0 -225px;
   z-index: 99;
   padding: 20px
}

#ContactInfo name {
   position: absolute;
   top: 17px;
   font-size: 28px;
   left:110px;
   color: rgba(0, 0, 0, 0.8)
}


#ContactInfo contact:before {
   content: url("../images/tel.png");
   position: absolute;
   top: 5px;
   left: 90px
}

#ContactInfo contact {
   position: absolute;
   top: 55px;
   padding-left: 155px;
   font-size: 12px;
   line-height: 120%;
   color: rgba(0, 0, 0, 0.5);
   text-align: left;
   width: 100%
}

#LicenseText {
   opacity: 0;
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
   -webkit-transition-property: opacity;
   transition-property: opacity;
   -moz-transition-duration: 0.5s;
   -o-transition-duration: 0.5s;
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
   -moz-transition-timing-function: ease-in-out;
   -o-transition-timing-function: ease-in-out;
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out
}

#LicenseText div {
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px
}

#LicenseText .back {
   position: absolute;
   width: 475px;
   height: 60px;
   bottom: 10px;
   left: 10px;
   margin: 0 0 0 0;
   z-index: 85
}

#LicenseText .tint {
   position: absolute;
   width: 475px;
   height: 60px;
   bottom: 10px;
   left: 10px;
   margin: 0 0 0 0;
   background-color: rgba(180, 180, 180, 0.45);
   z-index: 86
}

#LicenseText .shadow {
   position: absolute;
   width: 475px;
   height: 60px;
   bottom: 10px;
   left: 10px;
   margin: 0 0 0 0;
   -moz-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 20px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 20px;
   box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 20px;
   z-index: 75
}

#LicenseText content {
   position: absolute;
   width: 475px;
   height: 60px;
   bottom: 10px;
   left: 10px;
   margin: 0 0 0 0;
   z-index: 99;
   padding: 20px
}

#LicenseText content {
   width: 350px;
   padding-left: 110px;
   margin-bottom: -30px;
   font-size: 12px;
   line-height: 120%;
   color: rgba(0, 0, 0, 0.5)
}

#LicenseLink {
   opacity: 0.25;
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
   -webkit-transition-property: opacity;
   transition-property: opacity;
   -moz-transition-duration: 0.5s;
   -o-transition-duration: 0.5s;
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
   -moz-transition-timing-function: ease-in-out;
   -o-transition-timing-function: ease-in-out;
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out
}

#CCSign {
   position: absolute;
   bottom: 20px;
   left: 20px;
   z-index: 150
}

#canvas {
   display: none
}

#dummyA {
   display: none;
   background-image: none
}

#dummyB {
   display: none;
   background-image: none
}

@media (max-width: 750px) {
   #ContactInfo div {
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      border-radius: 0px
   }
   #ContactInfo .back {
      position: fixed;
      height: 100px;
      bottom: 120px;
      left: 0px;
      right: 0px;
      width: auto;
      z-index: 85;
      margin: auto;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      border-radius: 0px
   }
   #ContactInfo .tint {
      position: fixed;
      height: 100px;
      bottom: 120px;
      left: 0px;
      right: 0px;
      width: auto;
      margin: auto;
      background-color: rgba(180, 180, 180, 0.45);
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      border-radius: 0px;
      z-index: 86
   }
   #ContactInfo .shadow {
      position: fixed;
      height: 100px;
      bottom: 120px;
      left: 0px;
      right: 0px;
      width: auto;
      margin: auto;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      border-radius: 0px;
      -moz-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 20px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 20px;
      box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 20px;
      z-index: 75
   }
   #ContactInfo content {
      position: fixed;
      height: 100px;
      bottom: 120px;
      left: 0px;
      right: 0px;
      width: auto;
      margin: auto;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      border-radius: 0px;
      z-index: 99;
      padding: 0px;
      padding-left: 20px
   }
   #LicenseText {
      opacity: 0;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out
   }
   #LicenseText div {
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      border-radius: 0px
   }
   #LicenseText .back {
      position: fixed;
      height: 50px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      width: auto;
      z-index: 85;
      margin: auto
   }
   #LicenseText .tint {
      position: fixed;
      height: 50px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      width: auto;
      margin: auto;
      background-color: rgba(180, 180, 180, 0.45);
      z-index: 86
   }
   #LicenseText .shadow {
      position: fixed;
      height: 50px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      width: auto;
      margin: auto;
      -moz-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 20px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 20px;
      box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 20px;
      z-index: 75
   }
   #LicenseText content {
      position: fixed;
      height: 50px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      width: auto;
      margin: auto;
      z-index: 99;
      padding: 0px;
      padding-left: 105px;
      margin-bottom: -10px;
      font-size: 10px;
      line-height: 120%;
      color: rgba(0, 0, 0, 0.5)
   }
   #LicenseLink {
      opacity: 0.25;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out
   }
   #CCSign {
      position: absolute;
      bottom: 5px;
      left: 10px;
      z-index: 150
   }
}

@media (max-width: 750px) and (max-width: 400px) {
   #ContactInfo .back {
      height: 150px;
      bottom: 170px;
      left: 0px;
      right: 0px;
      width: auto
   }
   #ContactInfo .tint {
      height: 150px;
      bottom: 170px;
      left: 0px;
      right: 0px;
      width: auto
   }
   #ContactInfo .shadow {
      height: 150px;
      bottom: 170px;
      left: 0px;
      right: 0px;
      width: auto
   }
   #ContactInfo content {
      height: 150px;
      bottom: 170px;
      left: 0px;
      right: 0px;
      width: auto
   }
   #ContactInfo address:before {
      top: 5px;
      left: 35px
   }
   #ContactInfo address {
      top: 65px;
      padding-left: 65px
   }
   #ContactInfo contact {
      top: 100px;
      left: 25px;
      padding-left: 60px
   }
}