html, body, div, span, object, iframe, test,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  list-style:none;
}
article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; border: 0; }
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #e93d11;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #e93d11;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #e93d11;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #e93d11;
}
body { font:13px arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif; *font-size:small; *font:x-small; line-height:1.22; text-decoration:none; }
table { font-size:inherit; font:100%; }
select, input, textarea { font-size:22px; font-family: arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif; border: 0; }
code, pre { font-family: "Courier New", monospace, serif; font-size: 1em; }
body, select, input, textarea { color:#444; border: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; text-decoration:none; }

ul { margin-left:30px; list-style:none; }
ol { margin-left:30px; list-style-type: decimal; list-style:none; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px;
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
::-moz-selection{ background: #0e81ba; color:#fff; text-shadow: none; }
::selection { background:#0e81ba; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; } 
html { overflow-y: scroll; text-align:center; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none; visibility:hidden; }
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; clear:both; }
.clearfix2 { display:none; clear:both; }




body {
	background:#ececeb;
	font-family: 'Exo', sans-serif;
  text-align:center;
  padding:0;
  margin: 0 auto !important;
  height:100%;
  padding-bottom:210px;
  max-width:1366px;
  text-decoration:none;
}

#beds {
  display:block; width:100%; height:20px; margin-top:20px; ;
}

#location {
  display:block; width:100%; height:60px ;
}

#job {
  display:block; width:100%; height:50px ;
}

#price {
  display:block; width:100%; height:50px ;
}

#about {
  display:block; width:100%; height:50px ;
}

#contact {
  display:block; width:100%; height:50px ;
}





.fullframe-nav {
  width:100%;
  max-width:1366px;
  position:fixed;
  height:57px;
  background: rgba(255, 255, 255, .98);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  z-index:10;

}

#fullframe-thankyou {

  background-image:url(http://test.smartsol.is/admin/uploadedsplash/thankyoubgr.jpg);
  position: fixed; 
  background-position:top left;
  background-size: 100% 100%;
  top: 0 center; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  margin: 0 auto; 
  width:100%; 
  clear:both;
  position:relative; 
  overflow:hidden;
  background-repeat:no-repeat; 
  text-align:center;


}


.site-header { margin: 0 auto; width:80%;  }

nav {
  width:80%;
  height:57px;
  margin-left: auto ;
  margin-right: auto ;
}

@media screen and (max-width: 950px) {
  nav {
    width:95%;
}}

@media screen and (max-width: 790px) {
  nav {
    width:100%;
}}

nav ul {
  width:100%;
  text-align: center;
  list-style:none;
  margin: 0 auto;
  display:table;
  overflow: hidden;
  list-style:none;
}



nav ul li {
  width:16.6%;
  float:left;
  display:inline;
  margin:0 auto;
  margin-left: auto ;
  margin-right: auto ;
  list-style:none;
}

@media screen and (max-width: 768px) {
  nav ul li {
    display:none;
}}

@media screen and (max-width: 768px) {
  .burger {
    display:block;
    width:46px;
    height:46px;
    float:right;
    margin:4px;
    background-image:url('graphics/burger.png');
}}

@media screen and (max-width: 1095px) {
  .nav ul li {
    width:11%;
}}

@media screen and (max-width: 950px) {
  .nav ul li {
    width:90%;
}}

@media screen and (max-width: 790px) {
  .nav ul li {
    width:90%;
}}


nav a:link, nav a:visited {
  font-family: 'Raleway', sans-serif;
  font-size:1.3em;
  font-weight:400;
  text-transform:uppercase;
  color:#fc3a08;
  display:inline-block;
  padding: 20px 5px;
  text-decoration:none;
}

@media screen and (max-width: 1145px) {
  nav a:link, nav a:visited {
    font-size:1.1em;
}}

@media screen and (max-width: 995px) {
  nav a:link, nav a:visited {
    width:100%;
}}

@media screen and (max-width: 780px) {
  nav a:link, nav a:visited {
    width:100%;
}}

nav a:hover, a:active {
  color:#f5a732;
}

.logo { padding-top:6%; }

@media screen and (max-width: 768px) {
  .logo {
    display:none;
}}


@media screen and (max-width: 768px) {
  .ipad-logo {
    display:block;
    width:72px;
    height:46px;
    background-image:url('smart_logo3.png');
    background-repeat:no-repeat;
    float:left;
    margin:4px 0 0 10px
}}


.logo-nav { display:block; width:100%; text-align:center; }
.grid-1 { float:left; display:block; width:47%; height:80%; text-align:center; margin: 0 auto; }
.grid-2 { float:left; display:block; width:47%; height:80%; margin: 0 0 1% 0; }
.middle-gutter-1 { float:left; display:block; height:42%; width:1%; margin: 0 1% 1% 0; }
.grid-splash { display:block; width:100%; height:60%; text-align:center; }
.grid-splash2 { display:block; width:100%; height:100%; text-align:center; }
.intro-text {
	font-family: 'DIN Webbold'; font-size:6em; text-transform:uppercase; padding: 11% 0 11% 0; color:#fff; text-shadow:4px 4px 4px rgba(0,0,0, 0.4); 
}

.intro-text-22 {
  font-family: 'DIN Web'; font-size:0.7em; text-transform:none; text-decoration:none; padding: 34% 0 11% 0; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0, 0.5); 
}

.intro-text-22 a {
  text-decoration: none;
}

.intro-text-22 a hover {
  text-decoration:none; 
}

@media screen and (max-width: 600px) {
  .intro-text-22 {
    font-size:0.6em;
}}

@media screen and (max-width: 320px) {
  .intro-text-22 {
    font-size:0.3em;
}}



@media screen and (max-width: 600px) {
  .intro-text {
    margin-top:20%;
    font-size:5em;
}}

@media screen and (max-width: 380px) {
  .intro-text {
    margin-top:20%;
    font-size:4em;
}}


.intro-text-3 {
  font-family: 'DIN Webbold'; font-size:6.0em; text-transform:uppercase; padding: 6% 0 0 0; color:#fff; text-shadow:4px 4px 4px rgba(0,0,0, 0.4); 
}

.intro-text2 {
  font-size:6em; text-transform:uppercase; padding: 6% 0 0 0; color:#fff; text-shadow:4px 4px 4px rgba(0,0,0, 0.4); 
}

@media screen and (max-width: 768px) {
  .intro-text {
    margin-top:20%;
}}
.seperator1 { display:block; height:10%; }

.box-available-wrapper { position:relative; float:left; left:50%; display:block; width:65%;  margin:0 auto; }
.box-available { position:relative; float:left; left:-50%; display:block; margin: 0px auto 0px auto; margin-right:auto; margin-left:auto; text-align:center; width:30%; max-width:110px; height:30%; max-width:110px; }


#fullframe-greystone {
  position:relative;
  background-size:cover;
  height:auto;
  max-height:910px;
  display:block;
  background-image:url("graphics/bgr_map.png");
  overflow:visible;
  background:#465d5f;

}



.fullframe-greystone-overlayer {
  position:relative;
  width:100%;
  display:block;
  height:auto;
  max-height:910px;
  background-image:url("reykjavik_map_yellow.png");
  background-repeat:no-repeat;
  height:845px;
  background-position:top right;
  background-size:contain;
  margin-top:100px;
  overflow:visible;
}

.fullframe-greystone-overlayer2 {
  position:relative;
  width:100%;
  background-image:url("reykjavik_map_yellow_iPhone.png");
  background-repeat:no-repeat;
  height:600px;
  background-position:right top -2px;
  background-size:contain;
  margin-top:1px;
}

  .photo {
      background-attachment: fixed;
      background-repeat: no-repeat;
      position: relative;
    }

  .photo2 {
    }


      #imagearea-backup {
      display:block;
      width:100%;
      max-height:700px;
      height:80%;
      background-image: url(spongin.jpg);
      background-attachment: fixed;
      background-repeat: no-repeat;
      position: relative;
      text-align:center;
    }

     .imagearea-1-inner {
      margin:0 auto; 
      width:80%;
      text-align:center;
      position: relative;
      padding-top:10%;
    }

      #imagearea-2 {
      display:block;
      width:100%;
      height:500px;
      background-image: url(luxura2.jpg);
      background-attachment: fixed;
      background-repeat: no-repeat;
      position: relative;
      text-align:center;
    }



#fullframe-phonenumber {
  position:relative;
  z-index:3;
  width:100%;
  height:298px;
  background-image:url("graphics/phonenumberline_bgr.png");
  text-align:center;
}

.phonenumber-and-phone {
  margin: 0 auto; 
  width:70%;
}

.phone-overlayer {
  position:absolute;
  z-index:2;
  margin:0 auto; 
  width:70%;
  background:aqua;
}

.phonenumber-box {
  float:left;
  width:70%;
  text-align:left;
}

.phone-box {
  display:block;
  width:30%;
  height:575px;
  float:left;
  height:60%;
}

.iphone {
  position:relative;
  bottom:1px;
  margin-top:-295px;
  width:100%;
}

.iphone-overlayer {
  display:block;
  margin-top:-495px;
  margin-left:-69px;
  width:30%;
  height:60%;
}



.fullframe-greystone-title {
  width:100%;
  height:30%;
}

.greystone-title-box {
  margin:0 auto;
  padding:5%;
  width:80%;
  height:100%;
  text-align:center;
}

#fullframe-pricearea {
  width:100%;
  display:block;
  background:#465d5f;
}

.pricearea {
  margin: 0 auto;
  width:80%;
  text-align:center;
  margin-bottom:7%;
}

#fullframe-openinghours {
  width:100%;
  display:block;
  background:#ebd282;
  height:auto;
}

#fullframe-openinghours2 {
  margin-top:-125px;
  width:100%;
  display:block;
  background:#ebd282;
  height:auto;
}

.openarea {
  margin: 0 auto;
  width:80%;
  text-align:center;
  margin-bottom:7%;

}

.openarea2 {
  margin: 0 auto;
  width:100%;
  text-align:center;
  margin-bottom:7%;
  
}


.openbox-1 {
  float:left;
  display:block;
  width:30%;
}

.openbox {
  float:left;
  display:block;
  width:30%;
  margin-left:5%;
}

.openhrsbox {
  width:100%;
  background:orange;
  text-align:center;
}

.ohb {
  float:left;
  display:block;
  width:49%;
}

.ohb-ml {
  float:left;
  display:block;
  width:1px;
  height:120px;
  background:#465d5f;
}

.bubble {
  display:block;
  width:278px;
  height:222px;
  background-image:url("purple_bubble.png");
  position:relative;
  background-repeat:no-repeat;
  background-position:top right;
  background-size:contain;
  overflow:visible;
}

.bubble2 {
  display:block;
  width:278px;
  height:222px;
  background-image:url("purple_bubble.png");
  position:relative;
  background-repeat:no-repeat;
  background-position:top right;
  background-size:contain;
  overflow:visible;
}

.bubble3 {
  display:block;
  width:278px;
  height:222px;
  background-image:url("purple_bubble.png");
  position:relative;
  background-repeat:no-repeat;
  background-position:top right;
  background-size:contain;
  overflow:visible;
}

.bubble-innerbox {
  display:block;
  text-align:center;
  margin:25px 0 0 12px;
  width:142px;
  height:142px;
}

.bubble-innerbox3 {
  display:block;
  text-align:center;
  margin:5px 0 0 20px;
  width:142px;
  height:142px;
}



.marker-price2 {
  margin: 0 auto;
  display:inline-block;
  margin: 4px 0 6px 0;
  background:silver;
  max-width:100px;
}

.fiff {
  margin-top:-110px;
  max-width:1366px;
  width:100%;
}

.marker-price3a {
  margin: 0 auto;
  display:inline-block;
  margin: -20px 0 0 0;
  background:silver;
  max-width:100px;
}

.pricebox-singletime {
  float:left;
  display:block;
  width:24%;
  height:25%;
  margin-right:1%;
  background:#ff4306;
  padding-bottom:10%;
  border-radius:15px;
  box-shadow: 0 12px 0px 0px rgba(255,67,8,1);
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 7px #b32c02;
-webkit-box-shadow: 0px 7px #b32c02;
box-shadow: 0px 7px #b32c02;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 7, direction = 180, color = '#b32c02');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 15, Direction = 180, Color = '#b32c02')";
}

.pricebox-singletime-upper {
  position:relative;
  width:100%;
  height:auto;
  min-height:30%;
  background:#ff4306;
  border-radius:15px 15px 0 0;

}

.pricebox-singletime-middle {
  width:100%;
  height:60%;
  padding: 1% 0 3% 0;
}

.pricebox-singletime-lower {
  width:100%;
  height:40%;
}

.pricebox-singletime-lower-left {
  float:left;
  width:45%;
  height:100%;
  margin-left:5%;
  text-align:center;
  border-right:solid 1px #f5cb32;
}

.pricebox-singletime-lower-right {
  float:left;
  width:40%;
  height:100%;
  margin-left:4%;
  text-align:center;
}


.pricebox-singlecard {
  float:left;
  display:block;
  width:19%;
  height:15%;
  margin-top:3%;
  margin-right:1%;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff4304), to(#ff7b0d));
  padding-bottom:10%;
  border-radius:15px;
  box-shadow: 0 12px 0px 0px rgba(233,105,24,1);
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 7px #e96918;
-webkit-box-shadow: 0px 7px #e96918;
box-shadow: 0px 7px #e96918;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 7, direction = 180, color = '#e96918');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 15, Direction = 180, Color = '#e96918')";
}

.pricebox-singlecard-upper {
  position:relative;
  width:100%;
  height:55%;
  border-radius:15px 15px 0 0;

}

.pricebox-singlecard-main {
  position:relative;
  width:90%;
  height:100%;
  padding:5%;
}

.pricearea-towels-disclaimer {
  width:100%;
  max-height:315px;
  margin-top:1%;
  display:block;
}


.halfbar-purple {
  width:100%; height:6px; text-align:right;
}

.halfbar-purple-bar {
  width:50%; height:6px; margin-left:50%; background-color:#8f08f5;
}


.pricearea-towelbox { float:left; display:block; width:48%; max-height:315px; margin-right:1%; text-align:left; }
.pricearea-thickline { float:left; display:block; width:2px; height:315px; background:#73898b; }
.pricearea-disclaimer { float:left; display:block; width:45%; text-align:left; margin-left:5%;}
.graphics-towel { float:left; width:60%; max-width:250px; margin: 6% 15% 6% 0; }
.graphics-card { float:left; width:60%; max-width:250px; margin: 9% 15% 9% 0; }

.towelbox-upper { height:50%; max-height:150px; border-top: dotted 2px #73898b; }
.towelbox-lower { height:50%; max-height:150px; border-top: dotted 2px #73898b;  border-bottom: dotted 2px #73898b;}

#scroll img {
  position:relative;
  margin-left:200px;

}





#fullframe-jobarea { 
  background-image:url('graphics/bgr_wantjob.png');
  margin: 0 auto; 
  width:100%; 
  clear:both;
  position:relative; 
  overflow:hidden; 
  background-position:center top;
  background-repeat:no-repeat;
  text-align:center;
}


.jobarea {
  margin: 0 auto;
  width:80%;
  text-align:center;
  margin-bottom:7%;
}

.fullframe-jobarea-overlayer {
  position:relative;
  width:100%;
  display:block;
  height:80%;
  max-height:700px;
  background-repeat:no-repeat;
  height:910px;
  background-position:top right;
  background-size:contain;
  text-align:left;
}

.gella {
  float:left;
  width:60%;
  position:absolute;
  bottom:-18%;
  left:-5%;
}

.job-infobox {
  margin-top:4%;
  float:right;
  width:50%;
  height:37%;
  text-align:center;
}

.margin-filler { display:none; height:100px; }

.font-marker-yellow {
  display: inline-block;
  margin: 11% 7% 7% 7%;
  padding: 2% 7%;
  font-family: 'Ubuntu', sans-serif;
  font-size:3em;
  color:#f4ad44;
  text-transform:uppercase;
  letter-spacing:2px;
  background:#3b3b3b;
  box-shadow:0px 7px 0px #1e1e1e, 15px 15px 5px rgba(0,0,0,0.1);
  opacity:0.9;
} 

.font-marker-yellow:hover {
  display: inline-block;
  margin: 11% 7% 7% 7%;
  padding: 2% 7%;
  font-family: 'Ubuntu', sans-serif;
  font-size:3em;
  color:#3b3b3b;
  text-transform:uppercase;
  letter-spacing:2px;
  background:#f4ad44;
  box-shadow:0px 7px 0px #e9a53f, 15px 15px 5px rgba(0,0,0,0.1);
  opacity:0.9;
} 


#fullframe-tanningbeds { 
  background-image:url('graphics/bgr_tanningbeds2.png');
  position: absolute; 
  top: 0 center; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
  margin: 0 auto; 
  width:100%; 
  clear:both;
  position:relative; 
  overflow:hidden;
  background-repeat:no-repeat; 
  text-align:center;
}




.tanningbeds {
  margin: 0 auto;
  width:80%;
  text-align:center;
  margin-bottom:7%;
}

.img-luxura {

  width:100%;
  max-width:1001px;
}

#fullframe-goodtoknow { 
  background-image:url('graphics/bgr_wantjob.png');
  position: absolute; 
  top: 0 center; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  margin:auto; 
  clear:both;
  position:relative; 
  overflow:hidden;
  background-repeat:no-repeat; 
  text-align:center;
}



.goodtoknow {
  margin: 0 auto;
  width:80%;
  height:100%;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:5%;
}

.box-3-first {
  display:block;
  float:left;
  width:28%;
  height:40%;
  margin:2% 0 25% 0;
  text-align:center;
}

.box-3 {
  display:block;
  float:left;
  width:28%;
  height:40%;
  margin:2% 0 25% 0;
  text-align:center;
  margin-left:8%;
}

.goodtoknow-whitecircle {
  display:block;
  width:261px;
  height:261px;
  background-image:url('bgr_gtk_whitecircle.png');
  background-repeat:no-repeat;
  background-position:0 0 0 10px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.goodtoknow-icon {
   padding-top:38%;
   margin-left:-4%;
}

#fullframe-aboutus { 
  background: #5f7072;
  position: absolute; 
  top: 0 center; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  margin: 0 auto;  
  clear:both;
  position:relative; 
  background-repeat:no-repeat; 
  text-align:center;
}




.aboutus {
  margin: 0 auto;
  width:80%;
  height:100%;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}


.box-4-first {
  display:block;
  float:left;
  width:20%;
  height:auto;
  margin:2% 0 15% 0;
  text-align:center;
}

.box-4 {
  display:block;
  float:left;
  width:20%;
  height:auto;
  margin:2% 0 15% 0;
  text-align:center;
  margin-left:6%;
}

.icon-aboutus {
  height:70%;
  opacity: 0.4;
    filter: alpha(opacity=40);
}

.icon-aboutus-first {
  width:65%;
  margin-top:7%;
  opacity: 0.4;
    filter: alpha(opacity=40);
}


.icon-box {
  height:30%;
}

.icon-textbox {
  height:30%;
}

.aboutus-textbox {
  width:100%;
  border-bottom: 1px solid #9fa9aa;
  margin-bottom:5%;
  padding-bottom:7%;
}



#fullframe-newscontacts { 
  position: absolute; 
  top: 0 center; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  margin: 0 auto;  
  clear:both;
  position:relative; 
  background-repeat:no-repeat; 
  text-align:center;
  background-color:#e83c11;
}

.newscontacts {
  margin: 0 auto;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  background-color:#e83c11;
}



.news {
  float:left;
  margin: 0 auto;
  height:140%;
  width:50%;
  text-align:right;
  margin-left:auto;
  margin-right:auto;
  background-color:#465d5f;
}

.contacts {
  float:right;
  margin: 0 auto;
  height:140%;
  width:50%;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  background-color:#e83c11;
}


.news-inner {
  float:right;
  margin: 0 auto;
  width:90%;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.contacts-inner {
  float:left;
  margin: 0 auto;
  width:90%;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.news-gridbox {
  width:80%;
  margin: 3% 0 0 9%;
  text-align:left;
}

.contacts-gridbox {
  width:80%;
  margin: 3% 0 0 9%;
  text-align:left;
}

input[type=text]{
  margin-bottom: 20px;
  margin-top: 5px;
  width:100%;
  padding: 15px;
  border:1px solid #e96410;
  background-color:#fdf4d1;
  font-size:22px;
}


.styled-selected select {
   background:none;
   width:100%;
   font-size:24px;  
   border: 0;
   -webkit-appearance: none;
   }

   .styled-selected {
    margin-top: 5px;
    padding: 15px;
    background:url('graphics/selectarrow.png')no-repeat right;
    border:1px solid #e96410;
    background-color:#fdf4d1;
    overflow:hidden;

   }

textarea {
  margin-bottom: 20px;
  margin-top:15px;
  width:100%;
  padding: 15px;
  background-color:#fdf4d1;
  border:1px solid #e96410;
}

textarea:hover{
  border:1px solid #e96410;
}


*:focus {
    outline: 0;
}


.font-submit {
  display: inline-block;
  padding: 2% 7%;
  margin-top:5%;
  font-family: 'Ubuntu', sans-serif;
  font-size:3em;
  width:100%;
  margin-left:0;
  margin-right:0;
  text-align:center;
  color:#f4972d;
  text-transform:uppercase;
  letter-spacing:2px;
  background:#4d3736;
  box-shadow:0px 7px 0px #321c1b, 15px 15px 5px rgba(0,0,0,0.1);
  opacity:0.9;
} 

.font-submit:hover {
  color:#5d3731;
  background:#f3b355;
  box-shadow:0px 7px 0px #e9ac50, 15px 15px 5px rgba(0,0,0,0.1);
}

#footer {
  width:100%;
  height:210px;
  background:#e33b11;
  position: relative;
  z-index:300;
  bottom: 0; 
  clear:both;
  overflow:hidden;
  background-repeat:no-repeat; 
  text-align:center;
}


.footer-inner {
  width:80%;
  margin: 0 auto;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.footer-inner ul {
  text-align:center;
}

.footer-inner ul li {
  float:left;
  margin-left:3%;
  display: inline-block;
  padding-top:3%;
  font-family: 'Ubuntu', sans-serif;
  font-size:1.2em;
  color:#e96410;
  letter-spacing:1px;
}

.footer-left { 
  margin-top:40px;
  float:left;
  width:31%;
  height:auto;
  padding:1%;
  text-align:left;
 }

  .footer-middle {
  margin-top:40px;
  float:left;
  width:31%;
  height:auto;
  padding:1%;
  text-align:left;
 }


 .footer-right {
  margin-top:40px;
  float:left;
  width:31%;
  height:auto;
  padding:1%;
  text-align:left;
 }





@font-face {
    font-family: "ProximaThin";
    font-style: normal;
    font-weight: normal;
    src: url("http://www.alltumflug.is/files/proximanova-thin-webfont.eot?#iefix") format("embedded-opentype"), url("http://www.alltumflug.is/files/proximanova-thin-webfont.woff") format("woff"), url("http://www.alltumflug.is/files/proximanova-thin-webfont.ttf") format("truetype"), url("http://www.alltumflug.is/files/proximanova-thin-webfont.svg#ProximaNovaThin") format("svg");
}

@font-face {
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    src: url("http://test.smartsol.is/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("http://test.smartsol.is/proximanova-bold-webfont.woff") format("woff"), url("http://test.smartsol.is/proximanova-bold-webfont.ttf") format("truetype"), url("http://test.smartsol.is/proximanova-bold-webfont.svg#ProximaNovaThin") format("svg");
}


h1 {
    font-family: 'ProximaThin';
    font-weight: 100;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0;
}

h2 {
    font-family: 'ProximaBold';
    font-weight: 100;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0;
}





/*  keyframes  */


@-webkit-keyframes bubble {
  0% { top:-15%; left:2%; opacity:0; }
  100% { top:-8%; left:2%; opacity:1; }
}

@-webkit-keyframes 3places {
  0% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes bubble2 {
  0% { top:-15%; left:2%; opacity:0; }
  100% { top:20%; left:2%; opacity:1; }
}

@-webkit-keyframes 3places {
  0% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes calling {
  0% { opacity:0; }
  100% { opacity:1; }
}


.bubble {
  position:absolute;
  margin-left:20%;
  opacity:0;
  -webkit-animation: bubble 1s 2s ease-in-out forwards;
}


.3places {
  -webkit-animation: 3places 2s 2s ease-in-out forwards;
}

.bubble2 {
  position:absolute;
  margin-left:40%;
  margin-top:10%;
  opacity:0;
  -webkit-animation: bubble 1s 2s ease-in-out forwards;
}


.3places {
  -webkit-animation: 3places 2s 2s ease-in-out forwards;
}

.bubble3 {
  position:absolute;
  margin-left:60%;
  margin-top:1%;
  opacity:0;
  -webkit-animation: bubble 1s 2s ease-in-out forwards;
}


.3places {
  -webkit-animation: 3places 2s 2s ease-in-out forwards;
}


.iphone-overlayer {
  position:absolute;
  opacity:0;
  -webkit-animation: calling 1s 4s ease-in-out forwards;
}





#fullframe-newsarea { 
  background-color:#fff8ee;
  margin: 0 auto; 
  width:100%; 
  clear:both;
  position:relative; 
  overflow:hidden; height:2000px; 
  background-position:center top;
  background-size:contain;
  text-align:center;
}


.newsarea {
  margin: 0 auto;
  margin-top:57px;
  width:100%;
  height:100%;
  text-align:center;
  margin-bottom:7%;
}

.newsarea-top {
  display:block;
  height:8%;
  width:100%;
  border-bottom: solid 1px #f1cd9a;
  text-align:left;
}

.newsarea-main {
  display:block;
  width:100%;
  height:85%;
}

.newsarea-mainleft {
  display: block;
  float:left;
  width:65%;
  height:100%;
  text-align:left;
  padding: 5% 5% 0 0;
}

.newsarea-mainright {
  display: inline-block;
  float:left;
  width:25%;
  height:100%;
  padding: 5% 5% 0 0;
  background-color:#fff3e1;
  word-wrap: break-word;
}

.newsarea-mainright-inner {
  display: inline-block;
  margin-left:0 auto;
  margin-right:0 auto;
  width:90%;
  min-width:320px;
  margin:10% 0 0 5%;
  text-align:left;
  word-wrap: break-word;  
}

.newsimage {
  width:80%;
  margin: 5% 0 5% 0;
  border:  3em solid rgba(253, 237, 214, 1);
}

#fullframe-jobapplicationarea { 
  background-color:#fdf4d1;
  margin: 0 auto; 
  width:100%; 
  clear:both;
  position:relative; 
  overflow:hidden;
  background-position:center top;
  background-size:contain;
  text-align:center;
}

.applicationarea {
  margin: 0 auto;
  margin-top:57px;
  width:100%;
  text-align:center;
  margin-bottom:7%;
}

.applicationarea-top {
  display:block;
  height:8%;
  width:100%;
  text-align:center;
}

.applicationarea-main {
  display:block;
  width:100%;
  margin-top:2%;
}

.applicationarea-main-thankyou {
  display:block;
  width:100%;
  height:90%;
  margin-top:2%;
}

.form-33 {
  float:left;
  width:32%;
  min-height:30px;
  margin-right:3%;
  text-align:left;
}

.form-33-upload {
  float:left;
  min-height:30px;
  margin-right:3%;
  text-align:left;
}

.form-3-3-3 {
  float:left;
  width:32%;
  margin-right:3%;
  min-height:30px;
  text-align:left;
}

.form-3-3-3-b {
  float:left;
  width:30%;
  min-height:30px;
  text-align:left;
}

.form-33-c {
  float:left;
  width:65%;
  min-height:30px;
  text-align:left;
}

.form-66 {
  float:left;
  width:65%;
  min-height:30px;
  text-align:left;
}

.form-66-upload {
  float:left;
  width:70%;
  margin-left:5%;
  min-height:30px;
  text-align:right;
}

.form-uploadphoto {
  width:100%;
  min-height:200px;
  text-align:center;
}


.vspacer {
  display:block;
  height:10px;
}

.vspacer30 {
  display:block;
  height:30px;
}

.form-50 {
  float:left;
  width:48%;
  min-height:30px;
  margin-right:3%;
  text-align:left;
}

.form-50-2 {
  float:left;
  width:49%;
  min-height:30px;
  text-align:left;
}

.form-4444-first {
  float:left;
  width:25%;
  min-height:30px;
  text-align:left;
  margin-right:3%;
}


.form-4444 {
  float:left;
  width:22%;
  min-height:30px;
  text-align:left;
  margin-right:3%;
}


.form-4444-b {
  float:left;
  width:22%;
  min-height:30px;
  text-align:left;
}



.regular-checkbox {
  display: none;
}

.regular-checkbox + label {
  background-color: #ffe06d;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 9px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
  background-color: #e0c560;
  border: 1px solid #e0c560;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
  color: #99a1a7;
}

.regular-checkbox:checked + label:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #ffffff;
}

.big-checkbox + label {
  padding: 18px;
  float:right;
}

.big-checkbox:checked + label:after {
  font-size: 28px;
  left: 6px;
}

.form-checkbox {
    width:45%;
    float:left;
    margin-right:10%;
    margin-top:10%;
}

.form-checkbox-2 {
    width:27%;
    float:left;
    margin-right:7%;
    margin-top:5%;
}

.form-checkbox-2b {
    width:27%;
    float:left;
    margin-top:5%;
}

.form-checkbox-b {
    width:45%;
    float:left;
    margin-top:10%;
}


.form-6-6-6-6 {
  float:left;
  width:21%;
  min-height:30px;
  margin-right:3%;
  text-align:left;
}

.form-6-6-6-6b {
  float:left;
  width:21%;
  min-height:30px;
  text-align:left;
}

.100 {
  display:block;
  width:100%;
}

.vspacer5 { display:inline-block; height:2%; }
.vspacer10 { display:inline-block; height:10%; }
.vspacer35 { display:inline-block; height:35px; }
.topbreak { margin-top:5%; }
.linebreak { display:inline-block; width:100%; height:1px; border-bottom: solid 1px #e96410; }

.submit {

  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border: none;
  display:inline-block;
  font-family:'proxima_novaregular';
  font-size:1.8em;
  text-transform:uppercase;
  padding:15px 24px;
  margin:5px 0 0 20px;
  border: 1px solid #e96410;
  text-decoration:none;
    cursor:pointer;
}

.submit2 {

  background-color:#e96410;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border: none;
  display:inline-block;
  color:#ffffff;
  font-family:'proxima_novaregular';
  font-size:2.1em;
  width:100%;
  text-transform:uppercase;
  padding:15px 15px;
  text-decoration:none;
    cursor:pointer;
}.submit:hover {
}.submit:active {
  position:relative;
  top:1px;
}

.ra { margin-left:15px; margin-top:10px; }



/*  burger css  */


.mobile-nav{display:none;}@media (max-width: 768px){.mobile-nav{display:block;z-index:1000;}
 
.menu-header {display: none;}
 
{}
 
  .menu-btn {
    position: absolute;
    display: inline-block;
    right: 20px;
    top: 15px;
    cursor: pointer;
   }
 
    .menu-btn div {
      position: absolute;
      left: 100%;
      top: 64%;
      padding-right: 8px;
      margin-top: -0.50em;
      line-height: 1.2;
      font-size: 18px;
      font-weight: 200;
      vertical-align: middle;
      z-index: 99;
     }
 
    .menu-btn span {
      display: block;
      width: 25px;
      height: 4px;
      margin: 4px 0;
      background: #e86411;
      z-index: 99;
     }
 
  .responsive-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 57px;
    width:50%;
    font-size: 22px;
    border-bottom: #EDEDED solid 1px;
    border-left: #EDEDED solid 1px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(245,245,245,1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(245,245,245,1);
    box-shadow: 0px 2px 2px 0px rgba(245,245,245,1);
    border-top: #EDEDED solid 1px;
    width: 320px;
    box-sizing: border-box;
    background: #000000;
    list-style:none;
     text-align:center;
       margin-left: auto ;
  margin-right: auto ;
   }
 
    .responsive-menu .menu-header {display: block;}
 
      .responsive-menu .menu-header ul {
        background: #fff;
        position: relative;
        display: block;
        list-style:none;
        text-align:center;
          margin-left: auto ;
  margin-right: auto ;
       }
 
      .responsive-menu .menu-header li {
        background: #fff;
        float: none;
        line-height: 55px;
        width: 110%;
        text-align: center;
        border-bottom: #EDEDED solid 1px;
        position: relative;
        padding: 0;
        color:#e86411!important;
        list-style:none;
          margin-left: auto ;
  margin-right: auto ;
       }
 
        .responsive-menu .menu-header li:last-child {border-bottom: none;}
 
  .expand {display: block!important;}
 
  .responsive-menu .menu-header li .sub-menu {
    display: none;
    font-size: 16px;
    list-style:none;
   }
 
    .responsive-menu .menu-header li .sub-menu li {
      border-bottom: none;
      line-height: 35px;
      list-style:none;
     }
 
  .open-menu-link {
    display: none;
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 55px;
    color: #989DA1;
    font-size: 30px;
    cursor: pointer;
   }
 
  .responsive-menu .menu-header li .visible {display: block;}
@media(max-width: 40em){  .responsive-menu, .responsive-menu .menu-header, .responsive-menu .menu-header .menu{
    width: 100%;
  }
  .responsive-menu .menu-header li{
    text-align: center;
  }
  
}

.burgerfont { font-family:'proxima_novaregular'; font-size:1.0em; text-transform:uppercase; color:#e86411; text-decoration:none;  }
.burgerfont a { color:#e86411; text-decoration: none;  }
.burgerfont a:hover { color:#f5cb32; text-decoration: none;  }


li.active a {
    color:orange;
}


.centero { width:100%; text-align:center; }


#anc-price { display:block; width:300px; height:300px; background:orange; }

.cool { display:block; height:200px; }

textarea { font-family:Arial; }

.maxbreidd { display:block; max-width:1366px; margin:0 auto; background:#e83c11; }
#overe { display:block; max-width:1366px; }


@media only screen and (max-width: 910px) {
    .font-openinghourstitle {
    font-size:11px;

}
}

@media only screen and (max-width: 500px) {
    .font-openinghourstitle {
    font-size:2px;

}
}

@media only screen and (max-width: 1800px) {
    .openbox {
    float:none;

}
    .openbox-1 {
    float:none;

}
}