@import url('sf/font-awesome.min.css');
html {
height: 100%;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
height: 100%;
margin: 0;
font-size: 17px;
font-weight: 300;
line-height: 150%;
color: #444444;
}
.pages { padding: 40px 0 30px; }
h1,
h2,
h3,
h4,
h5,
h6 {
display: inline-block;
margin: 0;
padding: 0;
font-family: inherit;
font-size: 1.7em;
font-weight: bold;
line-height: normal;
}
h1 {
margin-right: 10px;
padding-bottom: 10px;
font-size: 1.9em;
font-weight: lighter;
border-bottom: 1px solid;
line-height: 100%;
}
h2 { margin-bottom: 20px; }
.tpages {
font-size: 1.7em;
font-weight: lighter;
padding: 0;
}
.tpages a { text-decoration: none }
.colorinfo { }
.bgrstyle2 { color: #ffffff; }
.bgrstyle2 a, .bgrstyle2 .titles1, .bgrstyle2 .links, .bgrstyle2 .divdate, .bgrstyle2 .example5 { color: inherit }
.boxinfo {
clear: both;
padding: 10px 30px 15px !important;
}
.boxinfo1 {
clear: both;
padding: 30px 30px 35px !important;
margin-bottom: 20px;
}
.boxfs {padding: 20px 30px !important;}
.boxfs1 {padding: 20px 30px !important;}
/* page */
.container {
position: relative;
width: 1440px;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}
.container:before,
.container:after {
display: table;
line-height: 0;
content: "";
}
.container:after { clear: both }
.container-fluid:before,
.container-fluid:after {
display: table;
line-height: 0;
content: "";
}
.container-fluid:after { clear: both }
.content {
width: auto;
margin-right: auto;
margin-left: auto;
padding: 0 30px;
}
.contentstyle {
width: auto;
margin-right: auto;
margin-left: auto;
padding-bottom: 30px;
min-height: 300px;
}
.contenthome {
min-height: 300px;
}
.divcattext {
padding-bottom: 10px;	
}
.divfilters {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 10px;
text-align: right;
}
.divmenustyle {
padding: 30px 20px;
font-size: 80%;	
line-height: normal;
}
.menustyle1 {
float: left;
width: 25%;
}
.menustyle2 {
float: left;
width: 25%;
}
.menucontainer {
position: relative;
top: 0;
left: 0;
right: 0;
width: auto;
margin-right: auto;
margin-left: auto;
z-index: 10;
}
.menuscrolled, .menuscrolled * {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;	
}
.menuscrolled .logo {
-webkit-transform:scale(0.7);
-moz-transform:scale(0.7);
-ms-transform:scale(0.7);
-o-transform:scale(0.7);
transform:scale(0.7);
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
margin-left: -30px;
}
.menuscrolled .divmenu {
padding-top: 10px;
padding-bottom: 0;
}
.menuscrolled .divmin {
height: auto;
}

.menudcontainer {
position: relative;
width: 1440px;
margin-right: auto;
margin-left: auto;
font-size: 80%;
line-height: normal;
}
.menudcontainer a, .divmenustyle a, .divmenu a { text-decoration: none }
.menudstyle { font-size: 14px; line-height: normal; }
.menudin { padding: 10px 0 20px !important }
.menudcontent {
padding-top: 30px !important;
padding-bottom: 0;
}
.menuextra {
position: relative;
left: 0;
bottom: 50%;
width: auto;
margin: auto;
text-align: center;
z-index: 5;
}
.menubox {
position: relative;
width: auto;
margin-right: auto;
margin-left: auto;
overflow: visible;
z-index: 2;
}
.menubox:before,
.menubox:after {
display: table;
line-height: 0;
content: "";
}
.menubox:after { clear: both }
.menuboxin {
position: relative;
margin: auto;
z-index: 10;
}
.menuholder { float: right }
.logo {
float: left;
padding: 10px 0 10px 20px;
}
.divmenu {
padding: 20px 20px 0 0;
font-size: 15px;
text-align: right;
line-height: normal;
}
.divmin {
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
.divmin1 {
margin-top: 5px;
margin-right: 20px;
}
.divsearch {
white-space: nowrap;
}
.divsearchs {
position: relative;
width: auto;
margin: auto;
padding: 20px 10px 10px;
color: #999999;
font-size: 25px;
font-weight: normal;
text-align: center;
line-height: normal;
}
.divlang, .divcartm {
white-space: nowrap;
margin-top: -10px;
}
.divtitle {
display: block;
font-size: 20px;
font-weight: normal;
letter-spacing: normal;
}
.divup {
font-size: 20px;
font-weight: normal;
color: #999999;
margin-top: -15px;
}
.iconup {
font-size: 26px;
}
/* end page */
/*navbar */
.navbar {
position: relative;
clear: right;
width: auto;
padding: 0 10px 0;
text-align: right;
line-height: normal;
}
.nav {
list-style: none;
margin: 0;
padding: 0;
}
.nav > li {
position: relative;
display: inline-block;
}
.nav-collapse.collapse {
height: auto;
overflow: visible;
display: inline-block;
}
/* menu navigation */
.navbar .nav {
position: relative;
left: 0;
}
.navbar .nav > li {
font-size: 19px;
font-weight: 300;
}
.navbar-container .nav,
.navbar-container .collapse,
.navbar-container .dropup,
.navbar-container .dropdown { position: static; }
.navbar-link:hover,
.navbar-link:focus { color: #333333 }
.navbar .nav > li > a {
float: none;
display: block;
padding: 10px 15px;
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li > a.navactive,
.navbar .nav li.dropdown:focus > .dropdown-toggle,
.navbar .nav li.dropdown:hover > .dropdown-toggle,
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle { text-decoration: none }
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
margin-top: 12px;
margin-left: 2px;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.caret1 {
background: none;	
}
/* end navbar */
/* dropdown */
.dropup,
.dropdown {
position: relative;
text-align: left;
}
.dropdown-toggle { }
/* submenu navigation */
.dropdown-menu {
position: absolute;
top: 80%;
left: 50%;
width: 320px;
margin-left: -160px;
display: none;
list-style: none;
text-align: left;
font-size: 85%;
font-weight: lighter;
text-transform: none;
border-top: 4px solid;
border-color: inherit;
opacity: 0;
filter: alpha(opacity=0);
z-index: 1000;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

/* sections */
.dropdown-sections {
left: 50%;
width: 1140px;
margin-left: -100%;
background: none;
}
.dropdown-container { 
position: relative;
left: 0;
width: auto;
padding: 20px;
padding-top: 10px;
background: #ffffff;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.divsnav {
float: left;
margin: 10px;
width: 200px; 
font-size: 75%;
min-height: 150px;
line-height:120%;
}
.asection {
position: absolute;
width: 200px;
height: 130px;
line-height: 130px;
text-align: center;
font-size: 24px;
font-weight: normal;
color: #ffffff;
z-index: 5;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.asection a {
color: #ffffff;	
}
.asection:hover {
background: rgba(0, 0, 0, 0.3);
}
.divsection {
float: left;
margin: 10px;
}
.divsection, .img-sec {
width: 200px;
height: 130px;	
}
.dropdown-menu a {
text-decoration: none !important;
}
/* end sections */
/* filters */
.navorder {
list-style: none;
margin: 0;
padding: 0;
}
.navorder > li {
position: relative;
display: inline-block;
}
.dropdownbox {
padding: 5px 20px;
background: #ffffff;
border: 1px solid #cccccc;
font-size: 0.9em;
}
.dropdown-menus {
width: auto !important;
min-width: 100px;
padding: 10px;
left: auto;
right: 0;
margin-left: 0;
background: #eeeeee !important;
border: none;
white-space: nowrap;
font-size: inherit;
}

/* end filters */

.dropdown:hover .dropdown-menu {
top: 100%;
display: block;
opacity: 1;
filter: alpha(opacity=100);
}
.dropdown-menu > li > a {
clear: both;
display: block;
padding: 5px 20px;
text-decoration: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.dropdown-menu > li > a.navactive-submenu { 
text-decoration: none;
}
.licat {
float: none !important;
width: auto !important;
display: block !important;
}
.titlesnav {
display: block;
margin-bottom: 5px;
padding: 5px 10px;
clear: both;
text-decoration: none;
color: #ffffff;
}
a.titlesnav, .titlesnav a { color: #ffffff }
.open { z-index: 1000 }
.open > .dropdown-menu { display: block }
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropdown-submenu { position: relative }
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu { display: block }
.dropdown-submenu > a:after {
display: block;
float: right;
width: 0;
height: 0;
margin-top: 5px;
margin-right: -10px;
border-color: transparent;
border-left-color: #cccccc;
border-style: solid;
border-width: 5px 0 5px 5px;
content: " ";
}
.dropdown-submenu:hover > a:after { border-left-color: #ffffff }
.dropdown-submenu.pull-left { float: none }
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
}
.dropdown .dropdown-menu .nav-header {
padding-right: 20px;
padding-left: 20px;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in { opacity: 1 }
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.collapse.in { height: auto }
/* end dropdown */
/* responsive navibutton */
.divnavibutton {
float: right;
width: auto;
display: none;
}
.navibutton {
display: inline-block;
padding: 0;
margin: 0;
font-size: 28px;
color: #ffffff;
text-shadow: none;
width: 38px;
height: 38px;
line-height: 38px;
border: none;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.navibutton:hover,
.navibutton:active,
.navibutton.active,
.navibutton.disabled,
.navibutton[disabled] { }
/* end responsive navibutton */
/* content */
.boxmenu {
margin-bottom: 20px;
background: none;
}
.boxmenuitem {
clear: both;
margin: 10px 0;
background: #ffffff;
}
.titlesmenu {
display: inline-block;
font-size: 20px;
font-weight: bold;
border-bottom: 3px solid;
padding-bottom: 5px;
margin-bottom: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.titlesmenu, .titlesmenu a, .titlesmenu2:hover, .titlesmenu2:hover a {
color: #333333;	
}
.linksmenu:hover {
color: #555555;	
}
.titlesmenu2 {
font-size: 16px;
}
.linksmenu {
font-size: 16px;
font-weight: bold;
}
.slogan {
background: #ffffff;
font-size: 40px;
line-height: normal;
}
.titles, .titlemenu, .titleextra, .titlephoto {
font-size: 24px;
font-weight: normal;
line-height: 100%;
margin-bottom: 10px;
}
.titleextra {
font-weight: bold;
text-align: center;
margin-top: 20px;
}
.titlephoto {
display: none;
text-align: center;
padding: 10px;
}
.titles1 {
font-size: 36px;
line-height: 100%;
margin-bottom: 20px;
}
.titles1 a { text-decoration: none }
.titlesfs {padding: 20px 30px 0 30px; margin: 0;}
.titles2 {
font-size: 26px;
font-weight: bold;
}
.titles3 {
font-size: 20px;
font-weight: normal;
background: #f6f6f6;
padding: 10px;
}
.titles4 { font-size: 20px }
.titlesac {
color: #444444;
font-weight: 300;
}
.titlescat {
font-size: 18px;
font-weight: bold;
}
.text {
font-size: 17px;
font-weight: 300;
line-height: 150%;
color: #444444;
}
.text1 {
font-size: 15px;
line-height: normal;
}
.text2 {
font-size: 80%;
line-height: 140%;
}
.textm {
font-size: 15px;
line-height: normal;
}
.titlesm {
font-size: 22px;
font-weight: normal;
line-height: 100%;
}
.tstyle { font-size: 20px; font-weight: normal; }
.links { text-decoration: none; }
.links1, a.links1 { text-decoration: none; }
.links2 {
font-weight: 300;	
}
.links2b {
font-weight: bold;
}
.linkss {
font-weight: normal;
}
.linkf,
.linkf a {
display: inline-block;
font-size: 11px;
color: inherit;
text-decoration: none;
margin-bottom: 10px;
}
.boxitem {
float: left;
width: 25%;
text-align: center;
}
.boxin {
margin: 5px;
padding: 10px;
color: #555555;
border: 1px solid;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.boxin .price { }
.boxin:hover .boxdetails,
.boxin:hover .boximage-item,
.boxin:hover .boximage-cat,
.boxin:hover .button,
.boxin:hover .button1 { border-color: #000000 }
.boxin:hover .boxtitles,
.boxin:hover .price { }
.boxgroup {
float: left;
width: 180px;
margin: 10px;
line-height: normal;
font-size: 80%;
text-align: center;
}
.boxgroup a { text-decoration: none }
.boxgroup .price {
font-size: 22px;
font-weight: lighter !important;
}
.boxtext { width: auto }
.boxinfotext { }
.boxcat {
float: left;
width: 25%;
font-size: 90%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.boxcat:hover .boxcattitles { color: #444444 }
.boxincat {
margin: 10px;
line-height: 130%;
}
.boxincat a {
text-decoration: none;
}
.boxcattitles {
font-size: 22px;
font-weight: bold;
line-height: normal;
padding-top: 10px;
padding-bottom: 10px;
}
.boxtitles {
font-size: 20px;
font-weight: normal;
line-height: 130%;
margin: 10px 0;
height: 55px;
overflow: hidden;
}
.boxtitles a {
color: inherit;
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.boxdetails {
border-bottom: 4px solid;
padding: 10px;
padding-top: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.boxreviews {
padding: 10px;
min-height: 10px;
}
.boxreviews a {color: inherit; text-decoration: none}
.boxreviews .titles {
font-size: 22px;	
}
.boxdin, .boxcattext, .textboxes, .boxreviews {
font-size: 85%;
line-height: normal;
}
.boxdin {
border: none;
height: 60px;
overflow: hidden;
}
.boxcart {
clear: both;
vertical-align: middle;
margin: auto;
margin-bottom: 10px;
padding: 10px 0;
border-bottom: 1px solid #dddddd;
height: 60px;
}
.boxcart2 { height: 70px }
.boxextra {
font-weight: normal;
}
.mboxcart {
float: left;
padding-top: 5px;
}
.mboxcart .button, .mboxcart .button1  {
padding: 3px 8px;
font-size: 14px;
background-image: none;
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
}
.mboxcart input {
padding: 3px;
}
.mboxcart .price {
font-size: 20px;
}
.boxmore {
padding: 5px;
height: 35px;
}
.divcat {
font-size: 90%;
height: 40px;
line-height: normal;
padding-top: 10px;
}
.divreviews {
height: 15px;	
}
.divreviewsmod {
padding: 50px 0 10px !important;
text-align: center;
}
.divprices {
clear: both;
margin-top: 10px;
}
.divprice {
display: inline-block;
width: auto;
vertical-align: middle;
}
.tdprice { width: 100px }
.price {
display: inline-block;
padding: 0 10px 0 0;
font-size: 26px;
font-weight: bold;
line-height: 100%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.price2 { vertical-align: baseline }
.notvalid {
text-decoration: line-through;
opacity: 0.7;
filter: alpha(opacity=70);
}
.notavailable {
opacity: 0.7;
filter: alpha(opacity=70);
}
.boxprices { font-size: 85% }
.boxprices .titles3 {
padding: 0;
background: none;
font-size: 15px;
}
.boxprices .price {
padding: 0;
font-size: 18px;
}
.boxprices .divprice,
.boxprices .table td {
padding: 3px 0;
min-width: 10px;
}
.boximage { width: auto }
.boximage-item {
width: auto;
overflow: hidden;
}
.img-item {
width: 100%;
max-width: 100%;
border: none;
-webkit-transition: all 1s ease; /* Safari and Chrome */
-moz-transition: all 1s ease; /* Firefox */
-o-transition: all 1s ease; /* IE 9 */
-ms-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.img-item, .boximage-item 
{ height: 230px }
.boximage-cat { width: auto }
.img-gen { width: 100% }
.img-info { width: 250px }
.img-extra { width: 80px }
.img-mod {
float: left;
width: 80px; 
height: 80px;
line-height: 80px;
font-size: 40px;
margin-right: 10px;
text-align: center;
}
.img-group {
width: 100%;
height: 150px;
}
.img-icat {
width: 100%;
height: 180px;
border: none;
}
.img-cat, .img-md {
display: inline-block;
width: 50px;
height: 40px;
margin: 8px;
}
.img-md {
float: left;
margin-top: 5px;	
}
.img-menu {
width: 100px;
float: left;
margin-right: 10px;
}
.boxphoto {
float: left;
margin: 3px;
}
.boxdown { float: left }
.boxdownin {
padding: 20px;
margin-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
min-height: 190px;
}
.boxdownw {
max-width: 500px;
margin-right: 0;
}
.boxmap {
max-width: 100%;
margin-top: 10px;
margin-right: 20px;
}

.boxdownads {
clear: both;
float: none;
margin: 20px 0;
}
.boxdown2 {
float: left;
width: 33.33%;
text-align: center;
margin: 20px 0;
}
.mspace {
margin-bottom: 2px;
}
.titlesdown {
display: inline-block;
padding-bottom: 10px;
font-size: 24px;
}
.titlesdown1 {
font-size: 18px;
font-weight: normal;
}
.boxb {
font-size: 14px;
font-weight: normal;
color: #666666;
width: auto;
margin: 0 30px;
padding: 50px;
border: 5px solid #eeeeee;
text-align: left !important;
}
.boxes, .boxes1, .boxes2, .boxes3, .boxes4 {
float: left;
margin: 0;
padding: 0;
text-align: center;
font-size: 0.9em;
line-height: normal;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.boxes { width: 33.33%; }
.boxes1 { width: 20%; }
.boxes2 { width: 50%; }
.boxes3 { width: 33.33%; }
.boxes4 { width: 25%; }

.titlesboxes {
font-size: 24px;
font-weight: normal;
line-height: normal;
margin-bottom: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.titlesboxes a { text-decoration: none }
.titlesboxes:after {
content: " ";
display: block;
width: 80px;
height: 4px;
margin: 0 auto;
margin-top: 10px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.divformextra {
width: 70%;
max-width: 1000px;
position: absolute;
top: 200px;
left: 0;
right: 0;
margin: auto;
text-align: center;
z-index: 5;
}
.divformextra1 {
position: relative !important;
top: 0 !important;
}
.divextra {
padding: 30px;	
}
.divbanner {
font-size: 40px;
display: inline-block;
padding: 20px 30px;
line-height: normal;
text-align: center;
}
.divbanner a, .banner a {text-decoration: none;}
.banner {
font-size: 50px;
font-weight: normal;
padding-bottom: 10px;
}
.lead {
font-size: 30px;
font-weight: 200;
}
.divbanner1 {
float: right;
padding: 15px 50px 0 0;
}
.divbanner2 {
padding-top: 10px;
}
.divcarts {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 5px solid; 
}
.divcartbutton {
text-align: right;	
}
.divcartcancel {
float: left;
}
.divtransport {
text-align: right;
}
.divttext {
display: inline-block;
margin-top: 5px;
margin-right: 10px;	
}
.divitems {
padding-bottom: 30px;
}
.divitems2 {
margin-top: 10px;
padding-top: 10px;
border-top: 5px solid #dddddd;
}
.divitem1 {
float: left;
width: 46%;
padding-bottom: 20px;
}
.divitem2,
.divitem3,
.divvideo {
float: right;
width: 52%;
}
.divphotos {
clear: left;
width: auto;
}
.divcart {
float: none;
clear: both;
padding: 10px 0;
margin: 10px 0;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
}
.divdetails {
margin-bottom: 20px;
}
.divcode {
font-weight: bold;
display: none;
}
.divscript {
margin-top: 20px;	
}
.divdate, .divdateitem {display: none; color: #999999; }
.divfull {
float: none;
width: auto;	
}
.items2marg { margin-top: 60px }
.divshare {
clear: both;
margin-top: 10px;
color: #ffffff;
}
.divshare a {
color: #ffffff;	
}
.divfloat {
float: left;
width: 50%;
}
.divfloat1 {
float: left;
width: 46%;
}
.divfloat2 {
float: right;
width: 52%;
}
.divfloat3 {
float: left;
width: 50%;
}
.divfloatnone {
float: none;
clear: both;
}

.extrascat {
font-size: 22px;
font-weight: normal;
color: #ffffff;
padding: 10px;
margin-bottom: 10px;
}
.arrowcat {
display: block;
width: 0;
border-top: 10px solid;
border-right: 10px solid transparent !important;
border-left: 10px solid transparent !important;
}
.divextras {
font-size: 90%;
float: left;
padding: 5px;
margin-right: 20px;
margin-bottom: 10px;
}
.divextra {
margin-bottom: 2px;
padding: 2px;
border: 0;
border-bottom: 1px solid #dddddd;
}
.divcolor {
width: 22px;
height: 22px;
line-height: 22px;
padding: 2px;
margin: 5px 5px 0 5px;
border: 1px solid #cccccc;
font-size: 20px;
color: #ffffff;
text-align: center;
display: inline-block;
}
.divbank { }
.divcookies { padding: 10px 0;}
/* images */
img {
width: auto;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
margin: 0;
-ms-interpolation-mode: bicubic;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.imgright {
float: right;
margin-left: 30px;
}
.imgleft {
float: left;
margin-right: 30px;
}
.img-img {
width: 180px;
height: 180px;
padding:0;
margin-top: 10px;
margin-bottom: 10px;
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.img-boxes {
display: inline-block;
font-size: 50px;
width: 60px;
height: 60px;
line-height: 60px;
padding: 30px;
margin: 10px;
margin-bottom: 20px;
border: 10px solid;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.img-circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.img-oval {
font-size: 50px;
width: 90px;
height: 60px;
padding: 40px;
border: 8px solid;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.img-rounded {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.img-opposite {
border: 0;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.img-leaf {
border: 0;
border-top-right-radius: 100px;
border-bottom-left-radius: 100px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.img-polaroid {
padding: 30px 30px 60px;
border: 3px solid #eeeeee;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.img-triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid;
}
.img-trapezoid {
border-bottom: 100px solid;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
height: 0;
width: 100px;
}
.divsocial { display: inline-block }
.img-social {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 5px;
margin: 2px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.img-social:hover {
padding: 5px;
margin: 2px;
}
.img-share {
display: inline-block;
height: 22px;
font-size: 16px;
color: #ffffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 2px;
margin: 3px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.img-icons {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 20px;
margin: 2px;
background: #000000;
}
.number {
display: inline-block;
padding: 2px;
font-size: 14px;
width: 14px;
height: 14px;
line-height: 14px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
background: #999999;
color: #ffffff;
}
/* photogrid */
/* clearfix */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after { clear: both }
.clearfix { :  }
.colsitem { margin-right: 10px }
.colscontent {
-moz-column-count: 8;
-moz-column-gap: 0;
-webkit-column-count: 8;
-webkit-column-gap: 0;
column-count: 8;
column-gap: 0;
}
.colscontenti {
-moz-column-count: 8;
-moz-column-gap: 0;
-webkit-column-count: 8;
-webkit-column-gap: 0;
column-count: 8;
column-gap: 0;
}
.pphoto {
margin-bottom: 5px;
padding: 2px;
border: 1px solid #eeeeee;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pphoto:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}

/* end images */
/* end content */
/* elements */
a {
text-decoration: underline;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a:hover { }
a.noline { text-decoration: none }
p { margin: 0 0 10px }
strong,
.strong { font-weight: bold }
em { font-style: italic }
ul,
ol {
padding: 0;
margin: 0 0 0 10px;
}
li {
margin: 0;
padding: 0;
}
hr {
clear: both;
margin: 10px 0;
border: 0;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #ffffff;
}
.hrdown {
margin: 0 0 10px;
border-top-color: rgba(0, 0, 0, 0.4);
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.widthauto { width: auto }
.center {
margin-left: auto;
margin-right: auto;
}
.noborder { border: none }
.floatright { float: right }
.floatleft { float: left }
.cleared { clear: both }
.inlined { display: inline; }
.inlinedb { display: inline-block }
.blocked { display: block }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.text-normal {font-weight: normal; }
.text-light {font-weight: 300 !important; }
.uppercase { text-transform: uppercase }
.lowercase { text-transform: lowercase }
.hidden {
display: none;
visibility: hidden;
}
.hide { display: none }
.show { display: block }
.invisible { visibility: hidden }
.affix { position: fixed }
.clearfix { }
.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after { clear: both }
audio,
canvas,
video { display: inline-block }
audio:not([controls]) { display: none }

/* forms */
form {
margin: 0;
padding: 0;
width: 100%;
display: inline;
}
.formauto { width: auto }
label,
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
font-weight: inherit;
margin-bottom: 10px;
vertical-align: top;
display: inline-block;
line-height: normal;
}
button,
input {
overflow: visible;
line-height: normal;
border: 0;
}
textarea { overflow: auto }
label { display: inline-block }
.hlabel {
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
}
.hiddenmail {
display: none;	
}
select,
textarea,
input,
.uneditable-input {
display: inline-block;
padding: 8px;
font-size: 15px;
color: #444444;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
background: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
input,
textarea,
.uneditable-input { width: 400px }
.inputsmall { width: 60px }
.inputssmall { width: 30px }
.inputcode { width: 120px }
.inputauto { width: auto }
textarea { height: auto }
select {
padding: 8px;
width: auto;
height: 38px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.formsauto {
width: auto;	
}
.formscart {
padding: 4px;
height: auto;	
}
.formsd {
width: 390px;
}
.formsn {
width: 0;
background: none;
border: 0 none;
position: absolute;
top: -500px;
z-index: 0;
}
.forms1 {
width: auto;
box-shadow: none;
}
select.forms1 { width: auto; }
.forms2 {
max-width: 300px;	
}
.calendar {
background-image: url(files/calendar.png) !important;
background-position: 6px 8px !important;
background-repeat: no-repeat !important;
padding-left: 30px;
}
input.formsearch { width: 200px }
input.formsb { width: 100px; }
input[type="radio"],
input[type="checkbox"] {
width: auto;
margin: 5px;
line-height: normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] { width: auto }
select[multiple],
select[size] { height: auto }
.fieldnotes {
width: 0;
background: none;
border: 0 none;
display: none;
visibility: hidden;
}
/* end forms */
/* buttons */
.button,
button {
display: inline-block;
padding: 8px 20px;
margin: 0;
font-size: 17px;
font-weight: normal;
font-style: normal;
line-height: normal;
text-align: center;
text-decoration: none;
border: 0;
cursor: pointer;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.buttonsubmit {
padding: 12px 40px !important;
margin-bottom: 10px;
font-size: 18px !important;
letter-spacing: normal;
}
.buttonorder {
padding-left: 50px !important;
padding-right: 50px !important;
}
.buttoncancel {
padding: 12px 20px !important;
margin-bottom: 10px;
font-size: 18px !important;
background: #bbbbbb !important;
background-image: none;
color: #ffffff;
cursor: pointer;
}
.buttoncancel:hover {
background: #666666 !important;
}

.button:hover,
.button:active,
.button.active,
.button.disabled,
.button[disabled] {
text-decoration: none;
color: #ffffff;
background-position: 0 -40px;
outline: 0;
}
.button::-moz-focus-inner,
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
.buttonicon {
font-size: 20px;
font-weight: normal;
padding: 0;
margin-left: 10px;
background: none;
border: none;
cursor: pointer;
}
.buttontext {
display: block;
font-size: inherit;
font-weight: 300;
color: #666666 !important;
padding: 0;
margin: 0;
background: none;
border: none;
cursor: pointer;
}
.buttonicon, .buttontext {
box-shadow: none;
text-shadow: none;
}
.button1 {
background-image: none;
border: 1px solid;
text-shadow: none;
}
.buttoncart {
display: inline-block;
padding: 2px;
margin-left: 2px;
width: 34px;
height: 34px;
font-size: 20px;
text-shadow: none;
text-align: center;
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.buttonsearch {
padding: 8px;
margin-left: 5px;
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.buttond { margin-left: 5px }
.buttonbig {
padding: 15px 30px !important;
font-size: 22px !important;
font-weight: bold;
}

.divsubmit { width: 400px; margin: 10px 0 0; text-align: left; }
.divrequired { margin-top: 10px; font-size: 0.9em; }

/* end buttons */
/* tables */
table {
max-width: 100%;
background: transparent;
border-collapse: collapse;
border-spacing: 0;
}
.tablew { width: 100% }
.table { width: 100% }
.table th,
.table td {
padding: 5px;
vertical-align: top;
border-top: 1px solid #dddddd;
}
.tcolor { background: #f6f6f6 }
/* end tables */
/* modal */
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background: #000000;
}
.modal-backdrop.fade { opacity: 0 }
.modal-backdrop,
.modal-backdrop.fade.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 560px;
margin-left: -280px;
background: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
outline: none;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.modal.fade {
top: -25%;
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
-moz-transition: opacity 0.3s linear, top 0.3s ease-out;
-o-transition: opacity 0.3s linear, top 0.3s ease-out;
transition: opacity 0.3s linear, top 0.3s ease-out;
}
.modal.fade.in { top: 10% }
.modal-header {
padding: 9px 15px;
border-bottom: 1px solid #eee;
}
.modal-header .close { margin-top: 2px }
.modal-header h3 {
margin: 0;
line-height: 30px;
}
.modal-body {
position: relative;
max-height: 400px;
padding: 15px;
overflow-y: auto;
}
.modal-form { margin-bottom: 0 }
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background: #f5f5f5;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
}
.modal-footer:before,
.modal-footer:after {
display: table;
line-height: 0;
content: "";
}
.modal-footer:after { clear: both }
.modal-footer .button + .button {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .button-group .button + .button { margin-left: -1px }
.modal-footer .button-block + .button-block { margin-left: 0 }
/* end modal */
/* other styles */
.hspace { padding: 20px 0 }
.marg0 { margin: 0 !important }
.marg10 { margin: 10px !important }
.marg20 { margin: 20px !important }
.margtop5 { margin-top: 5px !important }
.margtop10 { margin-top: 10px !important }
.margtop20 { margin-top: 20px !important }
.margtop30 { margin-top: 30px !important }
.margtopbig { margin-top: 50px }
.margbottom0 { margin-bottom: 0 !important }
.margbottom10 { margin-bottom: 10px !important }
.margbottom20 { margin-bottom: 20px !important }
.margbottom30 { margin-bottom: 30px !important }
.margbottombig { margin-bottom: 50px }
.margleft10 { margin-left: 10px !important }
.margleft20 { margin-left: 20px !important }
.margleft30 { margin-left: 30px !important }
.margright0 { margin-right: 0 !important }
.margright5 { margin-right: 5px !important }
.margright10 { margin-right: 10px !important }
.margright20 { margin-right: 20px !important }

.pad0 { padding: 0 !important }
.pad5 { padding: 5px !important }
.pad10 { padding: 10px !important }
.pad20 { padding: 20px !important }
.pad30 { padding: 30px !important }
.pad40 { padding: 40px !important }
.pad50 { padding: 50px !important }
.padtop0 { padding-top: 0 !important }
.padbottom0 { padding-bottom: 0 !important }
.padtop5 { padding-top: 5px !important }
.padbottom5 { padding-bottom: 5px !important }
.padtop10 { padding-top: 10px !important }
.padtop15 { padding-top: 15px !important }
.padbottom10 { padding-bottom: 10px !important }
.padtop20 { padding-top: 20px !important }
.padtop30 { padding-top: 30px !important }
.padtop50 { padding-top: 50px !important }
.padbottom20 { padding-bottom: 20px !important }
.padbottom30 { padding-bottom: 30px !important }
.divspace {
margin-top: 20px;
margin-bottom: 20px;
}
.divspace1 {
margin-top: 10px;
margin-bottom: 10px;
}
.trigger {
cursor: pointer;
display: inline;
}
.toggle-container {
display: none;
z-index: 110;
}
/* end other styles */
/* colors */
.colorwhite, .colorwhite a { color: #ffffff !important }
.colorblack { color: #000000 !important }
.colorgrey { color: #999999 !important }
.colorn { color: #666666; }
.colornlight { color: #cccccc; }
.bgrwhite { background-color: #ffffff !important }
.bgrblack { background-color: #000000 !important }
.bgrgrey { background-color: #999999 !important }
.bgrn { background-color: #666666 !important }
.borderwhite { border-color: #ffffff !important }
.borderblack { border-color: #000000 !important }
.bordergrey { border-color: #999999 !important }
.bordern { border-color: #666666 !important }
/* paginate */
.pagination {
font-size: 14px;
margin-top: 20px;
display: inline-block;
}
.pagination ul {
display: inline-block;
margin: 0;
}
.pagination li {
display: inline-block;
margin: 0;
}
.pagination a,
.pagination span {
float: left;
padding: 0 10px;
text-decoration: none;
border-width: 1px;
border-style: solid;
}
.pagination a:hover,
.pagination a:active,
.pagination span.active { color: #ffffff }
.pagination li:first-child a,
.pagination:first-child span { }
.pagination li:last-child a,
.pagination li:last-child span { }
.pagination span.active { border-radius: 0px }
.supersized {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
margin: 0;
padding: 0;
z-index: 0;
}
/* icons*/
.icon {
font-family: FontAwesome, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-decoration: none;
}
.icon:before {
display: inline-block;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon > .label { display: none }
.iclang { 
margin-left: 5px;
text-decoration: none;
font-size: 16px;
color: inherit;
}
.icstyle, .iconc {
font-size: 22px;
margin-right: 5px;
}
.icstyle1 {
font-size: 34px;
margin-right: 10px;
}
.icstylebig {
font-size: 50px;
margin: 20px;
}
.big {
font-size: 60px;
font-weight: 300;
line-height: 110%;
}
.small { font-size: 80% }
.xsmall { font-size: 10px !important }
.divarrow {margin-top: 20px;}
.arrowtop {
display: block;
margin: 0 auto;
width: 50px;
height: 50px;
font-size: 50px;
text-decoration: none;
text-align: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.arrowtop:hover,
.arrowtop:hover a,
arrowtop:focus,
arrowtop:active { text-decoration: none; }

.arrow {display: inline-block}

/* carousel */
.carousel { position: relative }
.carousel-inner {
position: relative;
width: 1440px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
z-index: 1;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
-moz-transition: 0.6s ease-in-out left;
-ms-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { line-height: 1 }
.preload {
display: none;
position: absolute;
overflow: hidden;
left: -9999px;
top: -9999px;
height: 1px;
width: 1px;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; z-index:2; }
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next { left: 100% }
.carousel-inner > .prev { left: -100% }
.carousel-inner > .next.left,
.carousel-inner > .prev.right { left: 0 }
.carousel-inner > .active.left { left: -100% }
.carousel-inner > .active.right { left: 100% }
.carousel-control {
position: absolute;
width: 1440px;
top: 45%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
margin-top: -5px;
z-index: 6;
}
.ccontrols {
position: absolute;
font-size: 150px;
font-weight: 100;
text-decoration: none;
color: #ffffff;
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a.ccontrols:hover {
text-decoration: none;
opacity: 0.8;
filter: alpha(opacity=80);
}
.ccleft { left: 15px }
.ccright { right: 15px }
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background: #000000;
background: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background: #ffffff;
}
.carousel-caption {
position: absolute;
top: 30%;
left: 0;
right: 0;
margin: auto;
text-align: center;
z-index: 5;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out ;
}
.headerpos {
height: 0;
padding-top: 0;
}
header.carousel { height: 50% }
header.hpages { height: 40% !important }
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner { height: 100% }
header.carousel .fill {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
/* end carousel */

/* editor*/
.example1 {
font-size: 1.1em;
font-weight: normal;
line-height: 100%;
}
.example2, .example2a { font-size: 1.2em; line-height: 100%; }
.example2b {
font-size: 1.2em;
font-style: italic;
line-height: 100%;
}
.example3, .example3b {
font-size: 1.3em;
font-weight: normal;
line-height: 100%;
padding: 0 4px 0 0;
}
.example4a { font-size: 1.4em; line-height: 100%; }
.example4 { font-size: 1.5em; line-height: 100%; }
.example5 { font-size: 1.6em; line-height: 100%; }
.example6 { font-size: 1.7em; line-height: 100%; }
a.example1, a.example2, a.example3, a.example4, a.example4a, a.example5, a.example6, a.titles, a.titles1 {
text-decoration: none;	
}
.italic { font-style: italic !important }
.parallax {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}
.parallax a { text-decoration: none; }