/*
Turkis - normal     #00b8c8   rgba(0,184,200,1)
*/
a {transition:ease-in-out 0.2s all}

.frontbox {
    height:320px;
    border:1px solid rgba(0,184,200,0.3);
    border-radius:18px;
    background-color:rgba(0,184,200,0.1);
    padding:20px;
    margin-bottom:30px;
}
.frontbox .icon {text-align:center; margin-bottom:20px;}
.frontbox h3 {text-align:center; margin-bottom:13px;}
.frontbox .buttons {text-align:center;}
.frontbox .buttons a {
    display:inline-block;
    width:120px;
    text-align:center;
    font-weight:600;
    line-height:32px;
    color:#fff;
    background:#e67800;
    border:none;
    border-radius:3px;
    font-size:12px;
    text-transform:uppercase;
    padding:0 20px;
    margin:0 auto;
}
.frontbox .buttons a:hover {background-color:rgba(0,0,0,0.4);}

.frontbox p {height:36px; font-size:14px; line-height:17px; margin-bottom:20px; overflow:hidden;}
.frontbox.sub p {height:36px; font-size:15px; line-height:19px;}

.profile-wrap {margin-bottom:30px;}
.profile-wrap .img {float:left; width:25%; padding-right:3%;}
.profile-wrap .about {float:left; width:72%;}
.profile-wrap h3 {font-weight:bold; margin-bottom:0.5em;}
.profile-wrap span {}
.profile-wrap p {margin:15px 0;}
.profile-wrap p.contact {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin:0; padding:10px 0;}

.plate {height:270px; float:left; width:29.3333%; box-shadow: 0 0 0 1px rgba(0,0,0,0.1); background-color:#fafafa; border-radius:8px; padding:0; margin:2%;}
.plate h4 {text-align:center; padding:10px 10px 0 10px; margin:0;}
.plate .img {padding:10px 10px 0 10px;}
.plate p {padding:10px 10px 0 10px; margin:0;}

.iconbox {text-align:center; float:left; margin:2%; width:46%;}
.iconbox a {
    display:block;
    border:1px solid rgba(0,184,200,0.3);
    border-radius:6px;
    background-color:rgba(0,184,200,0.1);
    padding:10px;
}
.iconbox span {display:block; font-size:13px; white-space:nowrap; padding-top:5px;}
.iconbox img {width:64px;}

.iconbox.in-text {float:none; width:100%; max-width:45%; display:inline-block; margin:10px 0;}
@media (max-width: 992px) {
    .iconbox.in-text {max-width:100%;}
    .iconbox.in-text span {font-size:15px;}
}

/**************** CART ****************/

.cart-button-header {position:absolute; top:90px; right:0; background-color:#f01111; border-bottom-left-radius:5px; border-bottom-right-radius:5px; z-index:2020;}
.cart-button-header a,
.cart-button-header a:visited {display:block; line-height:35px; color:#fff; padding:0 30px;}
.cart-button-header a:hover {color:#fff; background-color:#000;}
.cart-button-header span {font-weight:bold;}

#cart-col { display:none;
  background: #eaeaea;
  background: -moz-linear-gradient(top, #eaeaea 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #eaeaea 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #eaeaea 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #eaeaea 0%, #e5e5e5 100%);
  background: linear-gradient(top, #eaeaea 0%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaeaea, endColorstr=#e5e5e5, GradientType=0);
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

#cart-top {bottom:-205px; text-align:center; padding-bottom:40px;}
#cart-col h3 {color:#555;}
#cart-top {color:#fff; background-color:#e67800;}
#cart-top a {color:#fff; display:block; line-height:40px; padding:0 20px; text-align:center; background-color:rgba(0,0,0,0.1);}

#cart-top a {line-height:60px;}
#cart-top .btns {padding:0 20px;}
#cart-top .btns a {background-color:rgba(0,0,0,0.1); border:1px solid rgba(255,255,255,0.5); margin-bottom:10px;}
#cart-top a:hover {color:#74f4ff;}
#cart-top a#cart-up {margin-bottom:20px;}

.cart-buttons input[type=button] {color:#fff; background-color:#4aba5c;}
.cart-buttons input[type=button]:hover {background-color:#333;}

.subtitle .subt-tlf {
    position:absolute; bottom:1px; right:0;
    color:#fff;
    background-color:rgba(0,184,200,0.75);
    padding:10px 20px;
    font-size:17px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

@media (max-width: 1199px) {
    .iconbox {float:none; width:100%; margin:2% 0;}
    .plate {height:250px;}
}

@media (max-width: 992px) {
    .iconbox {float:left; margin:2%; width:46%;}
    .plate {height:270px;}
    .frontbox.sub {height:370px;}
    .frontbox.sub p {height:78px;}
}

@media (max-width: 767px) {
    .profile-wrap .img {float:none; width:100%; padding-right:0; margin-bottom:15px;}
    .profile-wrap .about {float:none; width:100%;}
    .frontbox,
    .frontbox.sub {height:auto; padding:20px;}
    .frontbox p {height:auto;}

    .frontbox img {width:64px;}
    .iconbox {float:left; margin:2%; width:46%;}
    .plate {height:auto; float:none; width:100%; margin:20px 0 0 0; padding-bottom:10px;}

    .subtitle .subt-tlf {
        position:absolute; bottom:-1px; right:0;
        padding:5px 15px;
        font-size:15px;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
    }
    
    .cart-buttons input[type=button],
    .cart-buttons .button {width:100%; float:none; margin-bottom:10px;}
}

/**********************************
           LOGIN
***********************************/

.loginbox {max-width:420px; padding:20px 30px; margin-top:0px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.loginbox fieldset {border:none;}
.loginbox label {font-size:15px; display:block; color:#fff; margin-bottom:3px;}
.loginbox input[type=text],
.loginbox input[type=password] {display:block; width:100%; line-height:auto; border:none; margin-bottom:10px;}
.loginbox input:focus {border:none;}
.loginbox input[type=submit] {width:120px; text-transform:uppercase; color:#fff; background:#555;}
.loginbox input[type=submit]:hover,
.loginbox input[type=submit]:focus{background:#333;}
.loginbox a {color:#fff;}
.loginbox p {color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:15px 0;}

.loginbox.bhm {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8c8', endColorstr='#0095a2',GradientType=0 ); /* IE6-9 */
	background: -webkit-linear-gradient(top, #00b8c8, #0095a2); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #00b8c8, #0095a2); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #00b8c8, #0095a2); /* IE10+ */
	background:      -o-linear-gradient(top, #00b8c8, #0095a2); /* Opera 11.10+ */
	background:         linear-gradient(top, #00b8c8, #0095a2); /* W3C */
}
.loginbox.shop {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c8a5', endColorstr='#00a78a',GradientType=0 ); /* IE6-9 */
	background: -webkit-linear-gradient(top, #00c8a5, #00a78a); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #00c8a5, #00a78a); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #00c8a5, #00a78a); /* IE10+ */
	background:      -o-linear-gradient(top, #00c8a5, #00a78a); /* Opera 11.10+ */
	background:         linear-gradient(top, #00c8a5, #00a78a); /* W3C */
}
.loginbox.concierge {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f01111', endColorstr='#d80f0f',GradientType=0 ); /* IE6-9 */
	background: -webkit-linear-gradient(top, #f01111, #d80f0f); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #f01111, #d80f0f); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #f01111, #d80f0f); /* IE10+ */
	background:      -o-linear-gradient(top, #f01111, #d80f0f); /* Opera 11.10+ */
	background:         linear-gradient(top, #f01111, #d80f0f); /* W3C */
}
.loginbox.bedrift {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247cce', endColorstr='#2070bb',GradientType=0 ); /* IE6-9 */
	background: -webkit-linear-gradient(top, #247cce, #2070bb); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(top, #247cce, #2070bb); /* FF3.6+ */
	background:     -ms-linear-gradient(top, #247cce, #2070bb); /* IE10+ */
	background:      -o-linear-gradient(top, #247cce, #2070bb); /* Opera 11.10+ */
	background:         linear-gradient(top, #247cce, #2070bb); /* W3C */
}

#chpwd,
#login_chpwd,
#skmchpwd {display:none;}
.chpwd-field {margin-top:20px;}

.btn-submit {margin-top:20px;}