html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
    height: 100%;
    width: 100%;
    position: relative;
    min-width: 320px;
    min-height: 320px;
}

body {
  font-family: 'Open Sans', sans-serif;
  background-color: #eceff4;
  height: 100%;
  width: 100%;
  position: relative;
  min-width: 320px;
  min-height: 320px;
}

/* WRAPPER
***************/ 
 
#wrapper {
    opacity: 1;
    -webkit-transition: all ease-in 0.25s;
    transition: all ease-in 0.25s;
}

/* HEADER
***************/
#intro {
    background-repeat: no-repeat!important;
    background-position: center top!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
    color: #fff;
}
#intro .color-overlay {height: 100%;}
#intro .social {padding-top: 15px;}
#intro .navbar .navbar-header {margin-top: 10px;}
#intro .navbar .navbar-nav>li>a {color: #fff; background: none;}
#intro .navbar .navbar-nav>li>a:hover {text-decoration: underline;}
#intro .brand {
    font-weight: bold;
    font-size: 36px;
    color: #fff;
}
#intro #navigation {margin-top: 15px;}
#intro .introtitle h1 {font-size: 36px; margin-top: 27%; font-weight: bold;}
#intro .introdesc h3 {font-size: 18px; font-weight: 300; margin-top: 3%;}
#intro .readmore {margin-top: 2%;}
#intro .readmore .btn-lg {
    padding: 11px 34px; 
    font-size: 16px; 
    color: #fff; 
    border: 2px solid #fff; 
    background: none; 
    text-shadow: none; 
    -webkit-transition: all ease-in 0.25s;
    transition: all ease-in 0.25s;
}

#intro .readmore .btn-lg:hover {background: #fff; color: #000;}
#intro .timecircles {margin: 0 auto; color: #fff;}

/* SITEPAGE
***************/
#sitepage {position: relative; padding-top: 100px; padding-bottom: 100px;}
#sitepage .circle-big {font-size: 36px; border: 2px solid #373737; padding: 40px; border-radius: 100%; -webkit-transition: all ease-in 0.5s; transition: all ease-in 0.5s;}
#sitepage .circle-big:hover {
    background: #fff;
    -webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
#sitepage .pagetitle h2 {font-size: 36px; font-weight: bold;}
#sitepage .pagedesc h3 {font-size: 18px; font-weight: 300;}
#sitepage .scheme {margin-top: 100px;}
#sitepage .scheme .title {margin-top: 60px; font-weight: bold; font-size: 18px;}

/* ABOUT
***************/
#about {background: #fff; padding-top: 50px; padding-bottom: 100px;}
#about ul {list-style: none;}
#about ul li i {padding-right: 5px;}
#about .content {padding-top: 20px;}

/* GALLERY
***************/
#gallery {background: #363f48; color: #fff; padding-top: 50px; padding-bottom: 100px;}
#gallery .photos {padding-top: 30px;}
#gallery .photos .photo {width: 33%; height: 200px; overflow: hidden; float: left; -webkit-transition: all ease-in 0.5s; transition: all ease-in 0.5s;}
#gallery .photos .photo img {width: 100%;}
#gallery .photos .photo:hover {transform: scale(2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2);}

/* ABOUT-VIDEO
***************/
#about_video {background: #fff; padding-top: 50px; padding-bottom: 100px;}
#about_video .content {padding-top: 30px;}

/* CONTACTS
***************/
#contacts {padding-top: 50px; padding-bottom: 100px; text-align: center;}
#contacts .content {padding-top: 70px;}
#contacts .circle-middle {font-size: 28px; border: 2px solid #373737; padding: 20px; border-radius: 100%; -webkit-transition: all ease-in 0.5s; transition: all ease-in 0.5s;}
#contacts .circle-middle:hover {
    background: #fff;
    -webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
#contacts .title {margin-top: 30px; font-weight: bold; font-size: 18px;}

/* FOOTER
***************/

#footer {background: #fff; padding-top: 50px; padding-bottom: 50px; text-align: center;}
#footer .content {padding-top: 20px;}
#footer .wa-form .form-control.input-box {
    margin-bottom: 10px;
    margin-top: 10px;
    height: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#footer .wa-form .form-control.textarea-box {
    margin-bottom: 10px;
    margin-top: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#footer .contact-button {
    z-index: 999;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin: auto;
    position: relative;
    font-size: 30px;
    line-height: 60px;
    vertical-align: middle;
    margin-top: -80px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 0px 3px #ffffff;
    box-shadow: 0px 0px 0px 3px #ffffff;
    -webkit-backface-visibility: hidden;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-align: center;
    padding-top: 10px;
    padding-right: 10px;
    border: 2px solid black;
    -webkit-transition: all ease-in 0.25s;
    transition: all ease-in 0.25s;
}
#footer .form-control {border: 1px solid #373737;}
#footer .wa-captcha-input {border: 1px solid #373737;}
#footer .contact-button {box-shadow: 0px 0px 0px 3px #373737;}
#footer a {color: #373737;}
#footear a:hover {color: #373737; text-decoration: underline;}
.wa-captcha-input {
    display: inline-block!important;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.expanded-contact-form span {padding-left: 0px;}
.expanded-contact-form h4 {padding-top: 20px; padding-bottom: 10px;}
.expanded-contact-form .icon {float: left; padding-right: 15px;}
#footer .btn-lg {
    text-shadow: none;
    box-shadow: none;
    padding: 11px 34px; 
    font-size: 16px; 
    color: #373737; 
    border: 2px solid #373737; 
    background: none; 
    text-shadow: none; 
    -webkit-transition: all ease-in 0.25s;
    transition: all ease-in 0.25s;
}
#footer .btn-lg:hover {color: #fff; background: #373737;}
#footer .submit {padding-top: 20px; padding-bottom: 40px;}

/* EASYWEB
***************/
#easyweb {background: #363f48; color: #fff; padding-top: 50px; padding-bottom: 50px;}
#easyweb a {color: #fff;}
#easyweb a:hover {color: #fff; text-decoration: underline;}

/* OTHER
***************/
.blocktitle h2 {padding-top: 3%; font-size: 36px; font-weight: bold;}
.blockdesc h3 {font-size: 18px; font-weight: 300;}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    background: url(eleganticons/images/svg/icon_close.svg) no-repeat center center;
    width: 120px;
    height: 120px;
    background-size: 80px;
}
.nivo-lightbox-theme-default .nivo-lightbox-next {
    background-image: url(eleganticons/images/svg/arrow_carrot-right.svg);
    background-size: 120px;
}  
.nivo-lightbox-theme-default .nivo-lightbox-prev {
    background-image: url(eleganticons/images/svg/arrow_carrot-left.svg);
    background-size: 120px;
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: rgba(194, 194, 194, 0.6)!important;
}

/* 16x16 Icons
-------------- */

i.icon16 { background-repeat:no-repeat; height:16px; width:16px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px /* 50% of the original size for auto @2x optimization */; }
* i.icon16 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.25em 0 0; }
.icon16.rss { background-position: -16px 0; }
.icon16.facebook { background-position: -32px 0; }
.icon16.twitter { background-position: -48px 0; }
.icon16.vk { background-position: -64px 0; }
.icon16.gplus { background-position: -80px 0; }
.icon16.pinterest { background-position: -96px 0; }
.icon16.youtube { background-position: -112px 0; }
.icon16.instagram { background-position: -128px 0; }

.icon16.userpic20 { background-position: -2px -2px; border-radius: 50%; background-size: auto; }
.icon16.color { border-radius: 50%; border: 1px solid rgba(0,0,0,0.2); width: 12px; height: 12px; background-image: none; }

.icon16.like { background-position:0 -16px; margin-top: 0; }
.icon16.star,
.icon16.star-full { background-position:-16px -16px; }
.icon16.star-half { background-position:-32px -16px; }
.icon16.star-empty { background-position:-48px -16px; }
.icon16.star-hover { background-position:-64px -16px; }

.icon16.remove { background-position:-96px -16px; }
.icon16.saved { background-position:-112px -16px; }
.icon16.stock-red { background-position:-128px -16px; }
.icon16.stock-yellow { background-position:-144px -16px; }
.icon16.stock-green { background-position:-160px -16px; }
.icon16.stock-transparent { background-position:-176px -16px; }
.icon16.checkmark { background-position:-192px -16px; }
.icon16.compare { background-position:-208px -16px; }
.icon16.compare.active { background-position:-224px -16px; }

.icon16.uarr { background: url('img/uarr.png'); background-position: 0 0; background-size: 16px 16px; }

.icon16.loading { background-image: url('img/loading16.gif'); background-position: 0 0; background-size: 16px 16px; }
.icon24.loading { background-image: url('img/loading.gif'); background-size: 24px 24px; height:24px; width:24px; display:inline-block; }
.icon32.loading { background-image: url('img/loading.gif'); background-size: 32px 32px; height:32px; width:32px; display:inline-block; }

/* 10x10 Icons
-------------- */

i.icon10 { background-repeat:no-repeat; height:10px; width:10px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px /* 50% of the original size for auto @2x optimization */; }
* i.icon10 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.1em 0 0; }
.icon10.darr { background-image: url('img/darr.png'); background-size: 16px 16px; }

.icon10.star,
.icon10.star-full { background-position:0 -100px; }
.icon10.star-half { background-position:-10px -100px; }
.icon10.star-empty { background-position:-20px -100px; }

/* 24x24 Icons
-------------- */

i.icon24 { background-repeat:no-repeat; height:24px; width:24px; display:inline-block; text-indent:-9999px; text-decoration:none!important; background-image: url("img/icons.png"); background-size: 260px 160px /* 50% of the original size for auto @2x optimization */; }
* i.icon16 { text-decoration:none!important; vertical-align:top; margin: 0.2em 0.25em 0 0; }
.icon24.rss { background-position: 0 -50px; }
.icon24.facebook { background-position: -24px -50px; }
.icon24.twitter { background-position: -48px -50px; }
.icon24.vk { background-position: -72px -50px; }
.icon24.instagram { background-position: -96px -50px; }
.icon24.youtube { background-position: -120px -50px; }
.icon24.pinterest { background-position: -144px -50px; }
.icon24.gplus { background-position: -168px -50px; }

/* Misc elements
---------------- */

.block { padding: 25px 30px; }
.inline { display: inline !important; }
.inline-link { text-decoration: none !important; }
.inline-link b { border-bottom: 1px dotted; font-weight: normal; position: relative; top: -0.13em;}
.inline-link b i { font-style: normal; position: relative; top: 0.13em;}
.small { font-size: 0.9em; }
.large { font-size: 1.1em; }
.bold { font-weight: bold; }
.strike { text-decoration: line-through; }
.highlighted { background:  #ffc; }
.hint { color: #aaa; font-size: 0.9em; }
.hint a,
.hint:visited,
.hint a:visited { color: #888; }
.gray .dropdown ul 
.gray a,
.gray:visited,
.gray a:visited { color: #888; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }
.shadowed { -moz-box-shadow: 0 5px 15px #aaa; -webkit-box-shadow: 0 5px 15px #aaa; box-shadow: 0 5px 15px #aaa; }
.nowrap { white-space: nowrap; }
.hr { border-top: 1px solid #ccc; margin-bottom: 15px; }
.uppercase { text-transform: uppercase; }
.blurred { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }

.breadcrumbs { padding: 5px 0; font-size: 0.9em; }
.breadcrumbs a { color: #aaa; }
.breadcrumbs span.rarr { color: #ccc; margin: 0 3px; }

.tags { line-height: 1.6em; }
.tags a { color: green !important; display: inline !important; padding: 0 4px !important; }
.tags a:hover { color: red !important; }

.welcome { text-align: center; background: url('img/welcome.png') no-repeat; background-position: top center; padding-top: 300px; background-size: 256px 256px; margin-bottom: 30px; }
.welcome h1 { font-weight: normal; font-size: 2em; }

.staff { background: #eeb; padding: 2px 3px !important; color: #345; font-size: 0.9em; }

/* Sign up & Login forms
------------------------ */

.wa-auth-adapters ul { padding: 0; min-height: 16px; }
.wa-auth-adapters ul li { list-style: none; float: left; padding: 0 15px 0 0; }
.wa-auth-adapters ul li a,
.wa-auth-adapters ul li span { display: block; padding: 0px 5px; }
.wa-auth-adapters ul li a img,
.wa-auth-adapters ul li span img { position: relative; top: 4px; margin-right: 3px; }
.wa-auth-adapters p { color: #888; font-size: 0.9em; width: 80%; }
.wa-auth-adapters.wa-connect { margin-top: 20px; }

.wa-form { float: left; margin: 10px 0; overflow: visible; }
.wa-form .wa-field { clear: left; margin: 0; padding-top: 3px; }
.wa-form .wa-field .wa-name { float: left; width: 155px; padding-top: 0.05em; padding-bottom: 10px; font-size: 0.95em; color: #888; }
.wa-form .wa-field.wa-separator { height: 10px; }
.wa-form .wa-field .wa-value { margin-left: 180px; margin-bottom: 5px; position: relative; }
.wa-form .wa-field .wa-value input.wa-error { border: 2px solid red; }
.wa-form .wa-field .wa-value .wa-error-msg { font-size: 0.9em; color: red; display: block; }
.wa-form .wa-field .wa-value input[type="text"],
.wa-form .wa-field .wa-value input[type="email"],
.wa-form .wa-field .wa-value input[type="password"] { width: 30%; min-width: 260px;  margin:0;}
.wa-form .wa-field .wa-value textarea { min-width: 300px; height: 70px; }
.wa-form .wa-field .wa-value input.wa-captcha-input { width: 100px; min-width: 0; }
.wa-form .wa-field .wa-value label { display: block; }
.wa-form .wa-field .wa-value .wa-captcha img { margin-left: 0; }
.wa-form .wa-field .wa-value .errormsg { margin-left: 0; }
.wa-form .wa-field .wa-value.wa-submit { margin-top: 10px; }
.wa-form .wa-field .wa-value p label { display: block; margin: 0; }
.wa-form .wa-field .wa-value p { line-height: 1.6em; margin-bottom: 23px; position: relative; } 
.wa-form .wa-field .wa-value p span { color: #777; font-size: 0.9em; display: block; }
.wa-form .wa-field .wa-value p i.icon16 { float: left; left: -20px; margin-top: 2px; position: absolute; }
.wa-form .wa-field .wa-value p input { display: block; margin-bottom: 2px; }
.wa-form .wa-field .wa-value p input[type="radio"],
.wa-form .wa-field .wa-value p input[type="checkbox"] { display: inline; }
.wa-form .wa-field .wa-value p .field.wa-required span:after { content: " *"; color: #faa; }
.wa-form .wa-field.wa-required .wa-name:after { content: " *"; color: #faa; }

.wa-captcha { padding: 7px 0 10px; }
.wa-captcha p { margin: 0; }
.wa-captcha strong { font-size: 1.2em; }
.wa-captcha p img { float: left !important; margin-right: 5px; margin-top: -8px; }
.wa-captcha .wa-captcha-refresh { font-size: 0.8em; text-decoration: underline; color: #aaa; }
.wa-captcha .wa-captcha-input { display: inline !important; }
.wa-captcha .errormsg { display: inline-block; margin-left: 10px; display:block\9; float:left\9; }

input.error, textarea.error { border: 2px solid red; }
.errormsg { color: red; margin-left: 170px; display: block; }

/* Multi-column layout
---------------------- */
.row.no-border { border: none; }
.col { float: left; }
.col.w1 { width: 6%; }
.col.w2 { width: 12%; }
.col.w3 { width: 18%; }
.col.w4 { width: 24%; }
.col.w5 { width: 30%; }
.col.w6 { width: 36%; }
.col.w7 { width: 42%; }
.col.w8 { width: 48%; }
.col.w9 { width: 54%; }
.col.w10 { width: 60%; }
.col.w11 { width: 66%; }
.col.w12 { width: 72%; }
.col.w13 { width: 78%; }
.col.w14 { width: 84%; }
.col.w15 { width: 90%; }
.col.w16 { width: 96%; }

/* Tables
--------- */

table { border-collapse: collapse; border-spacing: 0; }
table th { color: #aaa; padding: 0px 10px 7px; }
table td { padding: 10px; border: 1px solid rgba(0,0,0,0.15); }
table.not-bordered td { border: none; }

table.lined { margin-top: 25px; width: 100%; border-spacing:0; border-collapse:collapse; }
table.lined th { padding-left: 7px; padding-right: 7px; }
table.lined td { padding: 15px 7px; border-bottom: 1px solid #ddd; }
table.lined td.min-width { width: 1%; }
table.lined td p { margin: 0; }
table.lined td input.numerical { width: 50px; margin-right: 5px; text-align: right; }
table.lined tr.no-border td { border: none; }
table.lined tr.thin td { padding-top: 13px; padding-bottom: 0; }
table.lined tr.service td { padding-top: 5px; padding-bottom: 5px; padding-left: 25px; font-size: 0.8em; color: #555; }

/* Customized search input look
------------------------------- */

.search { position: relative; }

.search input { width: 100%; height: 32px; padding: 0 32px 0 8px; float: left; border: 0; border-radius: 3px; -webkit-appearance: none; margin-right: 0; box-shadow: 0 1px 2px 1px #ccc inset; -moz-box-sizing: border-box; }
.search input:focus { outline: 0; background: #fff;  }

.search input::-webkit-input-placeholder { color: #aaa; font-weight: normal; }
.search input:-moz-placeholder,
.search input::-moz-placeholder { color: #aaa; font-weight: normal; }
.search input:-ms-input-placeholder { color: #aaa; font-weight: normal; }
 
.search button { min-width: 32px; overflow: visible; position: absolute; right: -1px; float: left; border: none; padding: 0; cursor: pointer; height: 32px; color: #fff; background-color: transparent; background-image: url(img/search16black.png); background-repeat: no-repeat; background-position: 8px 8px; background-size: 16px 16px; border-radius: 0 3px 3px 0; font-size: 1.0em; }
.search button:hover { background-color: rgba(100,100,50,0.1); }
.search button:active,
.search button:focus { background-color: rgba(100,100,50,0.2); outline: 0; }
.search button:hover:before{ border-right-color: #e54040; }
.search button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; }


/* MEDIA QUERIES
*********************************************/
/* Small phones */
@media (max-width: 320px) {
    #intro {text-align: center;}
    #intro .brand {font-size: 24px;}
    #intro .social {float: none!important;}
    #intro .introtitle h1 {margin-top: 12%;}
    #intro .readmore .btn-lg {font-size: 14px;}
    #sitepage .scheme {margin-top: none;}
    #sitepage .col-md-3 {margin-top: 80px;}
    #footer .wa-captcha-input {margin-top: 20px;}
    #contacts .content {padding: 0;}
    #contacts .col-md-4 {margin-top: 50px;}
    #gallery .photos .photo {height: 49px;}
}
/* Landscape phones and down */
@media(min-width: 321px) and (max-width: 480px) {
    #intro {text-align: center;}
    #intro .brand {font-size: 24px;}
    #intro .social {float: none!important;}
    #intro .introtitle h1 {margin-top: 47%;}
    #intro .readmore .btn-lg {font-size: 14px;}
    #sitepage .scheme {margin-top: none;}
    #sitepage .col-md-3 {margin-top: 80px;}
    #footer .wa-captcha-input {margin-top: 20px;}
    #contacts .content {padding: 0;}
    #contacts .col-md-4 {margin-top: 50px;}
}
/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) {
    
    #intro {text-align: center;}
    #intro .brand {font-size: 24px;}
    #intro .social {float: none!important;}
    #intro .introtitle h1 {margin-top: 8%;}
    #intro .readmore .btn-lg {font-size: 14px;}
    #sitepage .scheme {margin-top: 0;}
    #sitepage .col-md-3 {margin-top: 80px;}
    #footer .wa-captcha-input {margin-top: 0;}
    #contacts .content {padding: 0;}
    #contacts .col-md-4 {margin-top: 50px;}

}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #intro .introtitle h1 {margin-top: 47%;}
    #sitepage .scheme {margin-top: 0;}
    #sitepage .col-md-3 {margin-top: 80px;}
    #contacts .content {padding: 0;}
    #contacts .col-md-4 {margin-top: 50px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
    #intro .introtitle h1 {margin-top: 27%;}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}