3392 lines
113 KiB
CSS
3392 lines
113 KiB
CSS
@import url(https://fonts.googleapis.com/css?family=Lato:400,900italic,900,700italic,700,400italic,300italic,100italic,300&subset=latin,latin-ext);
|
|
|
|
|
|
/**
|
|
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
|
|
* Richard Clark (http://richclarkdesign.com)
|
|
* http://cssreset.com
|
|
*/
|
|
html, body, div, span, object, iframe,
|
|
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, canvas, details, figcaption, figure,
|
|
footer, header, hgroup, menu, nav, section, summary,
|
|
time, mark, audio, video {
|
|
margin:0;
|
|
padding:0;
|
|
outline:0;
|
|
vertical-align:baseline;
|
|
background:transparent;
|
|
}
|
|
table, tbody, tfooter, tr, th, td{
|
|
vertical-align:middle;
|
|
}
|
|
body {
|
|
font-size: 16px;
|
|
line-height: 1.5;
|
|
color: #000;
|
|
font-weight: 300;
|
|
}
|
|
article,aside,details,figcaption,figure,
|
|
footer,header,hgroup,menu,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;
|
|
}
|
|
/* change colours to suit your needs */
|
|
ins {
|
|
background-color:#ff9;
|
|
color:#000;
|
|
text-decoration:none;
|
|
}
|
|
/* change colours to suit your needs */
|
|
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;
|
|
cursor:help;
|
|
}
|
|
table {
|
|
border-collapse:collapse;
|
|
border-spacing:0;
|
|
}
|
|
/* change border colour to suit your needs */
|
|
hr {
|
|
display:block;
|
|
height:1px;
|
|
border:0;
|
|
border-top:1px solid #cccccc;
|
|
margin:1em 0;
|
|
padding:0;
|
|
}
|
|
input, select {
|
|
vertical-align:middle;
|
|
}
|
|
|
|
input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea, select{
|
|
width: 100%;
|
|
padding: 8px;
|
|
margin: 0 0 5px;
|
|
display:block;
|
|
border: 1px solid #d9d9d9;
|
|
border-top: 1px solid #c0c0c0;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, textarea:hover, select:hover{
|
|
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
|
|
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.page_loader{
|
|
position: fixed;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 999999;
|
|
background: rgb(249,249,249);
|
|
}
|
|
.page_loader img{
|
|
position: absolute;
|
|
top: 35%;
|
|
left: 50%;
|
|
width: 280px;
|
|
margin-left: -140px;
|
|
|
|
-webkit-animation: page_loader 1s infinite; /* Safari 4+ */
|
|
-moz-animation: page_loader 1s infinite; /* Fx 5+ */
|
|
-o-animation: page_loader 1s infinite; /* Opera 12+ */
|
|
animation: page_loader 1s infinite; /* IE 10+, Fx 29+ */
|
|
}
|
|
@-webkit-keyframes page_loader {
|
|
0% { opacity: 1; }
|
|
50% { opacity: 0.6; }
|
|
100% { opacity: 1; }
|
|
}
|
|
@-moz-keyframes page_loader {
|
|
0% { opacity: 1; }
|
|
50% { opacity: 0.6; }
|
|
100% { opacity: 1; }
|
|
}
|
|
@-o-keyframes page_loader {
|
|
0% { opacity: 1; }
|
|
50% { opacity: 0.6; }
|
|
100% { opacity: 1; }
|
|
}
|
|
@keyframes page_loader {
|
|
0% { opacity: 1; }
|
|
50% { opacity: 0.6; }
|
|
100% { opacity: 1; }
|
|
}
|
|
/* style columns css */
|
|
.row {
|
|
width: 100%;
|
|
max-width: 980px;
|
|
min-width: 320px;
|
|
margin: 0 auto;
|
|
padding:0 22px;
|
|
}
|
|
.row.row-full, .row.row-full-padding-0 {
|
|
max-width:100%;
|
|
}
|
|
.row .row {
|
|
min-width: 0;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
/* To fix the grid into a different size, set max-width to your desired width */
|
|
.columns {
|
|
margin-left: 2.12766%;
|
|
float: left;
|
|
min-height: 1px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.columns:first-child{
|
|
margin-left: 0;
|
|
}
|
|
/* Column Classes */
|
|
.row .one.columns {
|
|
width: 6.38298%;
|
|
}
|
|
.row .two.columns {
|
|
width: 14.89362%;
|
|
}
|
|
.row .three.columns {
|
|
width: 23.40426%;
|
|
}
|
|
.row .reset_three.columns{
|
|
width: 26.00426%;
|
|
}
|
|
.row .four.columns {
|
|
width: 31.91489%;
|
|
}
|
|
.row .five.columns {
|
|
width: 40.42553%;
|
|
}
|
|
.row .six.columns {
|
|
width: 48.93617%;
|
|
}
|
|
.row .seven.columns {
|
|
width: 57.44681%;
|
|
}
|
|
.row .eight.columns {
|
|
width: 65.95745%;
|
|
}
|
|
.row .nine.columns {
|
|
width: 74.46809%;
|
|
}
|
|
.row .reset_nine.columns{
|
|
width: 71.86808%;
|
|
}
|
|
.row .ten.columns {
|
|
width: 82.97872%;
|
|
}
|
|
.row .eleven.columns {
|
|
width: 91.48936%;
|
|
}
|
|
.row .twelve.columns {
|
|
width: 100%;
|
|
}
|
|
.row, .clearfix {
|
|
*zoom: 1;
|
|
}
|
|
.row:before, .row:after, .clearfix:before, .clearfix:after, .wrapper:before, .wrapper:after{
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.row:after, .clearfix:after, .wrapper:after{
|
|
clear: both;
|
|
}
|
|
.float_right{
|
|
float:right;
|
|
}
|
|
.ajax_loading, #ajax_loading{
|
|
position:absolute;
|
|
margin-left:10px;
|
|
margin-top:15px;
|
|
display:none;
|
|
}
|
|
.margin_20{
|
|
margin-top:20px;
|
|
}
|
|
/* header bar */
|
|
|
|
.header_bar{
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 99999;
|
|
display: block;
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 48px;
|
|
max-height: 44px;
|
|
background: #323232;
|
|
background: rgba(0,0,0,0.8);
|
|
font-size: 18px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.header_category_bar{
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 44px;
|
|
z-index: 100;
|
|
background: rgba(242,242,242,0.6);
|
|
height: 110px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.header_content{
|
|
position: relative;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.header_navigation{
|
|
cursor: default;
|
|
margin: 0 auto;
|
|
text-align: justify;
|
|
width: auto;
|
|
height: 44px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
text-align: justify;
|
|
-ms-text-justify: distribute-all-lines;
|
|
text-justify: distribute-all-lines;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.navigation_li{
|
|
display: inline-block;
|
|
position: relative;
|
|
height: 44px;
|
|
z-index: 1;
|
|
vertical-align: top;
|
|
}
|
|
.navigation_search_li{
|
|
padding:0 15px;
|
|
}
|
|
.navigation_li a{
|
|
font-size: 16px;
|
|
line-height: 2.75;
|
|
font-weight: 100;
|
|
letter-spacing: normal;
|
|
opacity: 1;
|
|
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)';
|
|
filter: alpha(opacity=100);
|
|
color: #fff;
|
|
position: relative;
|
|
z-index: 1;
|
|
display: inline-block;
|
|
padding: 0 25px;
|
|
height: 44px;
|
|
background: no-repeat;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-tap-highlight-color: transparent;
|
|
outline-offset: -7px;
|
|
}
|
|
.navigation_li a.navigation_search_link{
|
|
-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
opacity: 1;
|
|
background-repeat: no-repeat;
|
|
background-size: 15px 15px;
|
|
background-image: url("../images/search_icon.png");
|
|
background-position: 18px 50%;
|
|
background-repeat: no-repeat;
|
|
-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
outline: 0;
|
|
}
|
|
.navigation_li a.navigation_shopping_bag{
|
|
-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
opacity: 1;
|
|
background-repeat: no-repeat;
|
|
background-size: 15px 15px;
|
|
background-image: url("../images/shopper_icon.png");
|
|
background-position: 18px 54%;
|
|
background-repeat: no-repeat;
|
|
-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
outline: 0;
|
|
}
|
|
.navigation_li a.navigation_shopping_bag_item{
|
|
background-image: url("../images/shopper_item_icon.png");
|
|
}
|
|
.navigation_logo{
|
|
width:100px;
|
|
margin-right:20px;
|
|
}
|
|
|
|
.navigation_logo a{
|
|
padding:0;
|
|
}
|
|
.navigation_logo img{
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.header_logo_mobile, .mobile_view{
|
|
display:none;
|
|
}
|
|
.search_bar_view{
|
|
display:none;
|
|
}
|
|
.search_bar_view_content{
|
|
box-sizing: content-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
pointer-events: auto;
|
|
letter-spacing: normal;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 16.66667%;
|
|
width: 66.66667%;
|
|
height: 44px;
|
|
z-index: 3;
|
|
}
|
|
.search_bar_view_form{
|
|
height: 44px;
|
|
line-height: 44px;
|
|
}
|
|
.search_bar_view_form_wrapper{
|
|
padding-left: 40px;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
input[type="text"].search_bar_view_form_input{
|
|
border: none;
|
|
background-color: transparent;
|
|
font-size: 14px;
|
|
line-height: 44px;
|
|
font-weight: 200;
|
|
letter-spacing: normal;
|
|
color: #fff;
|
|
outline: none;
|
|
width: 100%;
|
|
height: 44px;
|
|
padding:0;
|
|
margin:0;
|
|
display:block;
|
|
}
|
|
.search_bar_view_form_submit{
|
|
border: none;
|
|
background-color: transparent;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 0;
|
|
width: 40px;
|
|
height: 44px;
|
|
cursor: pointer;
|
|
-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
opacity: 1;
|
|
background-repeat: no-repeat;
|
|
background-size: 15px 15px;
|
|
background-image: url("../images/search_icon.png");
|
|
background-position: 10px 50%;
|
|
background-repeat: no-repeat;
|
|
-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
outline:0;
|
|
}
|
|
.search_bar_view_form_submit:hover{
|
|
opacity:0.65;
|
|
}
|
|
#search_bar_view_close{
|
|
opacity: 1;
|
|
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)';
|
|
filter: alpha(opacity=100);
|
|
position: absolute;
|
|
z-index: 3;
|
|
width: 38px;
|
|
height: 44px;
|
|
right: 12px;
|
|
top: 0;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
|
border: 0;
|
|
background: transparent;
|
|
outline: none;
|
|
}
|
|
#search_bar_view_close:hover{
|
|
opacity:0.65;
|
|
}
|
|
.search_bar_view_close_wrapper{
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.search_bar_view_close_left, .search_bar_view_close_right{
|
|
height: 18px;
|
|
width: 1px;
|
|
background: #fff;
|
|
position: absolute;
|
|
display: block;
|
|
top: 11px;
|
|
z-index: 1;
|
|
}
|
|
.search_bar_view_close_left{
|
|
right: 12px;
|
|
-webkit-transform: scale3d(1, 0.65, 1);
|
|
transform: scale3d(1, 0.65, 1);
|
|
-webkit-transform-origin: 0 100%;
|
|
transform-origin: 0 100%;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
}
|
|
.search_bar_view_close_right{
|
|
left: 12px;
|
|
-webkit-transform: scale3d(1, 0.65, 1);
|
|
transform: scale3d(1, 0.65, 1);
|
|
-webkit-transform-origin: 100% 100%;
|
|
transform-origin: 100% 100%;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
/* end header bar
|
|
|
|
/* content */
|
|
.section_container{
|
|
margin-top:44px;
|
|
}
|
|
.has_header_category{
|
|
margin-top:154px;
|
|
}
|
|
ul li.keyb {
|
|
display:block;
|
|
margin:0;
|
|
padding:0;
|
|
position:relative;
|
|
border-bottom: 2px solid #fff;
|
|
}
|
|
|
|
ul li.keyb > .section{
|
|
padding:50px 0;
|
|
}
|
|
.default_image_420{
|
|
width:420px;
|
|
}
|
|
|
|
.section_default_setting > .section_content > .alphagrid-row-content, .product_box{
|
|
border-bottom: 2px solid #fff;
|
|
padding-top:44px;
|
|
padding-bottom:44px;
|
|
}
|
|
.section_default_setting > .section_content > .alphagrid-row-content.row-full-padding-0{
|
|
padding:0;
|
|
width:100%;
|
|
}
|
|
.delivery_by_file, .received_by_file {
|
|
border: 1px solid #ccc;
|
|
display: block;
|
|
}
|
|
/* end content */
|
|
|
|
/* content */
|
|
.section_page_title, h1{
|
|
font-size:50px;
|
|
margin: 120px 0 20px 0;
|
|
text-align:center;
|
|
font-weight: 300;
|
|
color: #474747;
|
|
line-height: 60px;
|
|
letter-spacing: 2px;
|
|
word-spacing: 6px;
|
|
text-transform: uppercase;
|
|
}
|
|
.section_contact .section_page_title, h1{
|
|
margin-top:80px;
|
|
}
|
|
.social_share_ul{
|
|
list-style: none;
|
|
display: block;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 32px;
|
|
left: 0px;
|
|
position: fixed;
|
|
margin-top:200px;
|
|
z-index:99999;
|
|
}
|
|
.social_share_ul li{
|
|
text-indent: -100000px;
|
|
width: 32px;
|
|
height: 32px;
|
|
cursor: pointer;
|
|
|
|
-webkit-transition: width 0.1s ease-in-out;
|
|
-moz-transition: width 0.1s ease-in-out;
|
|
-ms-transition: width 0.1s ease-in-out;
|
|
-o-transition: width 0.1s ease-in-out;
|
|
transition: width 0.1s ease-in-out;
|
|
}
|
|
.social_share_ul .facebook{
|
|
background: url(../images/share_icons.jpg) no-repeat -42px 0px;
|
|
}
|
|
.social_share_ul .facebook:hover{
|
|
background: url(../images/share_icons.jpg) no-repeat -3px 0px;
|
|
width: 38px;
|
|
}
|
|
.social_share_ul .twitter{
|
|
background: url(../images/share_icons.jpg) no-repeat -42px -34px;
|
|
}
|
|
.social_share_ul .twitter:hover{
|
|
background: url(../images/share_icons.jpg) no-repeat -3px -34px;
|
|
width: 38px;
|
|
}
|
|
.social_share_ul .gplus{
|
|
background: url(../images/share_icons.jpg) no-repeat -42px -68px;
|
|
}
|
|
.social_share_ul .gplus:hover{
|
|
background: url(../images/share_icons.jpg) no-repeat -3px -68px;
|
|
width: 38px;
|
|
}
|
|
/* end content */
|
|
|
|
.ajax_return_box{
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left:0;
|
|
z-index:99999;
|
|
display:none;
|
|
}
|
|
.bg_background_hide{
|
|
background: #000;
|
|
opacity: 0.6;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left:0;
|
|
z-index:1;
|
|
}
|
|
.new_order_image{
|
|
position: relative;
|
|
z-index: 2;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -150px;
|
|
margin-top: -95px;
|
|
}
|
|
.cart_success, .cart_success_show, .cart_error, .voucher_success, .voucher_error{
|
|
background-color: #e3f8e2;
|
|
border: 1px solid #b7d5a1;
|
|
color: #6fab43;
|
|
padding: 10px;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
margin-bottom: 30px;
|
|
display:none;
|
|
}
|
|
.cart_success_show{
|
|
display:block;
|
|
}
|
|
.cart_error, .voucher_error{
|
|
background-color:#ffa9b0;
|
|
border-color:#ff2a3b;
|
|
color:#f00;
|
|
}
|
|
|
|
.birthday_box select{
|
|
float:left;
|
|
width:32%;
|
|
margin-left:2%;
|
|
}
|
|
.birthday_box select:first-child{
|
|
margin-left:0;
|
|
}
|
|
.register_gender{
|
|
height:34px;
|
|
}
|
|
.register_gender input[type="radio"]{
|
|
margin:0 3px 0 0;
|
|
}
|
|
.register_gender label{
|
|
margin-right:15px;
|
|
}
|
|
.employee_application_form{
|
|
width:98%;
|
|
max-width:980px;
|
|
padding: 0 1%;
|
|
margin:0 auto;
|
|
}
|
|
/* promotion columns */
|
|
|
|
.promo_box{
|
|
max-width: 2560px;
|
|
margin: 0 auto;
|
|
}
|
|
.promo_box ul{
|
|
margin: 0;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.promo_box li{
|
|
list-style: none;
|
|
position: relative;
|
|
z-index: 1;
|
|
min-height: 2px;
|
|
margin: 0;
|
|
padding: 0;
|
|
float: left;
|
|
width: 25%;
|
|
}
|
|
.promo_box li a{
|
|
display: block;
|
|
min-height: 200px;
|
|
font: 0/0 a;
|
|
color: transparent;
|
|
background-position: top center;
|
|
background-repeat: no-repeat;
|
|
border-left: 1px solid #fff;
|
|
border-right: 1px solid #fff;
|
|
width: 640px;
|
|
height: 200px;
|
|
width: auto;
|
|
}
|
|
.promo_box li.promo_item_1 a{
|
|
border-left: none;
|
|
}
|
|
.promo_box li.promo_item_4 a{
|
|
border-right:0;
|
|
}
|
|
.promo_item_1{
|
|
background-image: url("../images/promo_1.jpg");
|
|
background-size: 640px 200px;
|
|
background-position: center center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.promo_item_2{
|
|
background-image: url("../images/promo_2.jpg");
|
|
background-size: 640px 200px;
|
|
background-position: center center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.promo_item_3{
|
|
background-image: url("../images/promo_3.jpg");
|
|
background-size: 640px 200px;
|
|
background-position: center center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.promo_item_4{
|
|
background-image:url("../images/promo_4.jpg");
|
|
background-size: 640px 200px;
|
|
background-position: center center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
/* end promotion columns */
|
|
|
|
/* product page */
|
|
.product_image_column img{
|
|
width:100%;
|
|
display:block;
|
|
}
|
|
.product_price{
|
|
font-size:22px;
|
|
font-weight:bold;
|
|
}
|
|
/* google map */
|
|
#map{
|
|
margin-top:44px;
|
|
width:100%;
|
|
height:450px;
|
|
}
|
|
.disabled_map{
|
|
position:absolute;
|
|
width:100%;
|
|
height:100%;
|
|
top:0;
|
|
}
|
|
/* end google maps */
|
|
|
|
/* sitemap */
|
|
.section_site_map{
|
|
font-size: 13px;
|
|
line-height: 1.66667;
|
|
font-weight: 400;
|
|
letter-spacing: normal;
|
|
position: relative;
|
|
z-index: 1;
|
|
padding:50px 0;
|
|
|
|
}
|
|
.site_map_box_title{
|
|
font-size:14px;
|
|
line-height: 1.66667;
|
|
font-weight: 600;
|
|
letter-spacing: normal;
|
|
color: #333;
|
|
margin: 0;
|
|
}
|
|
.site_map_box_ul{
|
|
list-style: none;
|
|
margin-right: 20px;
|
|
padding: 0;
|
|
}
|
|
.site_map_box_ul li{
|
|
display: block;
|
|
pointer-events: auto;
|
|
}
|
|
.site_map_box_ul li a{
|
|
color: #666;
|
|
text-decoration: none;
|
|
}
|
|
/* sitemap */
|
|
|
|
/* header shopping bag */
|
|
.navigation_shopping_bag_li{
|
|
float:right;
|
|
}
|
|
.shopping_bag_box{
|
|
margin-right: -141px;
|
|
position: absolute;
|
|
top: 48px;
|
|
right: 0;
|
|
z-index: 1;
|
|
letter-spacing: normal;
|
|
border: 1px solid #d6d6d6;
|
|
border-radius: 2px;
|
|
width: 288px;
|
|
font-size: 15px;
|
|
line-height: 1.23333;
|
|
font-weight: 400;
|
|
letter-spacing: normal;
|
|
background: #fff;
|
|
min-height: 90px;
|
|
padding: 0 20px;
|
|
display:none;
|
|
}
|
|
.shopping_bag_cart{
|
|
box-sizing: content-box;
|
|
padding: 0;
|
|
letter-spacing: normal;
|
|
color: #999;
|
|
line-height: 90px;
|
|
margin: 0;
|
|
text-align: center;
|
|
border-bottom: 1px solid #e3e3e3;
|
|
}
|
|
.shopping_bag_box_ul{
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.shopping_bag_box_ul li{
|
|
margin: 0;
|
|
padding: 0;
|
|
border-top: 1px solid #e3e3e3;
|
|
}
|
|
.shopping_bag_box_ul li:first-child{
|
|
border-top:0;
|
|
}
|
|
.shopping_bag_box_ul li a{
|
|
color: #08c;
|
|
display: block;
|
|
line-height: 44px;
|
|
padding: 0 30px 0 0;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
font-weight:300;
|
|
}
|
|
.shopping_bag_box_ul li span{
|
|
padding-left:15px;
|
|
}
|
|
.shopping_bag_box_ul li a:hover span{
|
|
text-decoration: underline;
|
|
}
|
|
.shopping_bag_box_caret{
|
|
box-sizing: content-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
pointer-events: auto;
|
|
letter-spacing: normal;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
bottom: -5px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 10px;
|
|
z-index: 1;
|
|
top:0;
|
|
margin-top:-10px;
|
|
}
|
|
.shopping_bag_box_caret:after{
|
|
border: 1px solid;
|
|
content: "";
|
|
display: block;
|
|
position: absolute;
|
|
background: #fff;
|
|
border-color: #d6d6d6;
|
|
top: 0;
|
|
left: 50%;
|
|
width: 12px;
|
|
height: 12px;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
-webkit-transform-origin: 0 0;
|
|
transform-origin: 0 0;
|
|
z-index: 1;
|
|
}
|
|
.shopping_bag_view{
|
|
box-sizing: content-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
letter-spacing: normal;
|
|
list-style: none;
|
|
}
|
|
.shopping_bag_view_li{
|
|
border-top: 1px solid #e3e3e3;
|
|
padding-top: 8px;
|
|
}
|
|
.shopping_bag_view_li:first-child{
|
|
border-top:0;
|
|
}
|
|
.shopping_bag_view_link{
|
|
margin: 0;
|
|
padding: 0;
|
|
display: table;
|
|
width: 100%;
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
.shopping_bag_view_image{
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
min-height: 56px;
|
|
padding: 15px 14px 15px 4px;
|
|
width: 25%;
|
|
}
|
|
.shopping_bag_view_picture{
|
|
border: 0;
|
|
vertical-align: middle;
|
|
max-width: 56px;
|
|
height: auto;
|
|
}
|
|
.shopping_bag_view_title{
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
min-height: 56px;
|
|
padding: 15px 0;
|
|
width: 75%;
|
|
}
|
|
.shopping_bag_view_remove{
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
min-height: 56px;
|
|
padding: 15px 14px 15px 4px;
|
|
width: 25%;
|
|
}
|
|
.shopping_bag_view_remove:hover{
|
|
color:#d44457;
|
|
}
|
|
.shopping_bag_request_quotation .custom_button{
|
|
width:100%;
|
|
padding-left:0;
|
|
padding-right:0;
|
|
text-align:center;
|
|
margin-bottom:10px;
|
|
}
|
|
.shopping_bag_view_line{
|
|
margin: 0;
|
|
color: #999;
|
|
font-size: 12px;
|
|
line-height: 1.33333;
|
|
font-weight: 400;
|
|
letter-spacing: normal;
|
|
text-align: center;
|
|
}
|
|
.shopping_bag_view_line:before{
|
|
display: block;
|
|
position: relative;
|
|
top: 9px;
|
|
margin-top: -1px;
|
|
z-index: -10;
|
|
border-bottom: 1px solid #e3e3e3;
|
|
content: "";
|
|
}
|
|
.shopping_bag_view_line_text{
|
|
padding: 0 8px;
|
|
background: #fff;
|
|
}
|
|
.product_title_link{
|
|
color:inherit;
|
|
text-decoration:none;
|
|
}
|
|
.product_title_link:hover{
|
|
text-decoration: none;
|
|
color: #d44457;
|
|
}
|
|
/* user login account */
|
|
#password_error, #capcha_error, #email_error, #username_error, #block_error, #email_home_error, #block_home_error {
|
|
display: none;
|
|
margin-bottom: 10px;
|
|
color: #f00;
|
|
font-size:16px;
|
|
}
|
|
.forgot_password{
|
|
font-size:16px;
|
|
text-decoration:none;
|
|
}
|
|
.forgot_password:hover{
|
|
text-decoration:underline;
|
|
}
|
|
.display_none{
|
|
display:none;
|
|
}
|
|
/* ----- CSS ----- */
|
|
|
|
html, body {
|
|
font-family: 'lato', Helvetica, Arial, 'Sans-serif';
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.wrapper {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
|
|
.formobile {
|
|
display: none;
|
|
}
|
|
|
|
/* ----- MENU ----- */
|
|
|
|
.dotstyle {
|
|
position: fixed;
|
|
right: 20px;
|
|
height: 176px;
|
|
top: 50%;
|
|
margin-top: -88px;
|
|
opacity: 0;
|
|
z-index: 20000;
|
|
}
|
|
|
|
.dotstyle ul {
|
|
width: 16px;
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
cursor: default;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-o-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.dotstyle li {
|
|
position: relative;
|
|
display: block;
|
|
float: left;
|
|
margin: 16px 0;
|
|
width: 10px; /*mod1*/
|
|
height: 10px; /*mod1*/
|
|
border-radius: 5px;
|
|
background: #e0e0e0;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-o-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.dotstyle li a {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
outline: none;
|
|
border-radius: 50%;
|
|
text-indent: -999em;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
}
|
|
|
|
.dotstyle li a:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.dotstyle .active {
|
|
background-color: rgba(0,0,0,.4);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ----- POPUP ----- */
|
|
|
|
.md-modal {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 50%;
|
|
max-width: 630px;
|
|
min-width: 320px;
|
|
height: auto;
|
|
z-index: 190000;
|
|
visibility: hidden;
|
|
background: white;
|
|
-webkit-backface-visibility: hidden;
|
|
-moz-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
|
-moz-transform: translateX(-50%) translateY(-50%);
|
|
-ms-transform: translateX(-50%) translateY(-50%);
|
|
transform: translateX(-50%) translateY(-50%);
|
|
}
|
|
|
|
.md-show {
|
|
visibility: visible;
|
|
}
|
|
|
|
.md-overlay {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
visibility: hidden;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 180000;
|
|
opacity: 0;
|
|
background: white;
|
|
-webkit-transition: all 0.3s;
|
|
-moz-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.md-show ~ .md-overlay {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
|
|
/* ----- TAILLE SECTION ----- */
|
|
|
|
|
|
#typo,
|
|
#brightness,
|
|
#exposure,
|
|
#before-after{
|
|
overflow: hidden;
|
|
height: 100%;
|
|
}
|
|
|
|
|
|
|
|
/* ----- HEADER ----- */
|
|
|
|
.section {
|
|
position: relative;
|
|
}
|
|
|
|
#brightness, .section_site_map {
|
|
background:#f8f8f8;
|
|
}
|
|
|
|
|
|
|
|
/* ----- HEADER ----- */
|
|
|
|
|
|
/* ----- ECRANS ----- */
|
|
|
|
.fade {
|
|
opacity: 1;
|
|
}
|
|
|
|
section .info_left{
|
|
margin:0;
|
|
}
|
|
|
|
.contact_info {
|
|
font-size: 20px;
|
|
line-height: 1.5;
|
|
color: #666766;
|
|
font-weight: 100;
|
|
}
|
|
|
|
.contact_info{
|
|
font-size:18px;
|
|
}
|
|
|
|
.contact_info a{
|
|
text-decoration:none;
|
|
color:inherit;
|
|
}
|
|
|
|
section .info h1, h1, h2, h3, h4, h5, h6 {
|
|
font-size: 25px;
|
|
font-weight: 300;
|
|
color: #474747;
|
|
letter-spacing: 2px; /*3px*/
|
|
word-spacing: 6px;
|
|
text-transform: uppercase;
|
|
margin-bottom:25px;
|
|
}
|
|
h1{
|
|
font-size:60px;
|
|
}
|
|
h2{
|
|
font-size:45px;
|
|
}
|
|
h3{
|
|
font-size:38px;
|
|
}
|
|
h4{
|
|
font-size:25px;
|
|
}
|
|
h5{
|
|
font-size:20px;
|
|
}
|
|
h6{
|
|
font-size:16px;
|
|
}
|
|
p.form_success {
|
|
display: none;
|
|
color: #004402;
|
|
margin-bottom: 20px;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
input[type="text"].error, input[type="password"].error, input[type="email"].error, input[type="number"].error, textarea.error, select.error {
|
|
border: 1px solid #f00 !important;
|
|
text-align:left;
|
|
}
|
|
input[type="checkbox"].error, input[type="radio"].error{
|
|
outline: 1px auto red;
|
|
}
|
|
/*mod1*/
|
|
span.icons {
|
|
margin-top: 20px;
|
|
display: block;
|
|
width: 250px;
|
|
height: 42px; }
|
|
|
|
|
|
/* TEXT */
|
|
|
|
/*mod1*/
|
|
span.icon-text {
|
|
background: url(../images/icon-text.png) no-repeat center center;
|
|
}
|
|
span.icon-img {
|
|
background: url(../images/icon-img.png) no-repeat center center;
|
|
}
|
|
|
|
|
|
/* BEFORE/AFTER */
|
|
|
|
#before-after {
|
|
background: #f8f8f8;
|
|
position: relative;
|
|
z-index: 10000;
|
|
}
|
|
|
|
#bef-af {
|
|
position: relative;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%) translateX(-50%);
|
|
-moz-transform: translateY(-50%) translateX(-50%);
|
|
-ms-transform: translateY(-50%) translateX(-50%);
|
|
-o-transform: translateY(-50%) translateX(-50%);
|
|
transform: translateY(-50%) translateX(-50%);
|
|
left:15.2%;
|
|
width: 500px;
|
|
height: 600px;
|
|
-webkit-transition: all .4s ease-in;
|
|
-moz-transition: all .4s ease-in;
|
|
-ms-transition: all .4s ease-in;
|
|
-o-transition: all .4s ease-in;
|
|
transition: all .4s ease-in;
|
|
z-index: 6000;
|
|
}
|
|
|
|
|
|
#bef-af img {
|
|
position: relative;
|
|
z-index: 2000;
|
|
pointer-events:none;
|
|
}
|
|
|
|
.full {
|
|
position: relative;
|
|
background-position: center center;
|
|
background-attachment: fixed;
|
|
background-repeat: no-repeat;
|
|
width: 84%;
|
|
height: 425px;
|
|
}
|
|
|
|
.droite {
|
|
background:transparent;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background-image: url(../images/droite1.jpg);
|
|
margin: 89px 0px 0px 24px;
|
|
overflow: hidden;
|
|
height: 425px;
|
|
}
|
|
|
|
.gauche {
|
|
height: 425px;
|
|
position: relative;
|
|
background: transparent;
|
|
background-image: url(../images/gauche.jpg);
|
|
width: 50%;
|
|
}
|
|
|
|
|
|
|
|
#handle {
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50px;
|
|
right: -10px;
|
|
}
|
|
|
|
.pulse {
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 5px solid rgba(255,255,255,.8);
|
|
-webkit-border-radius: 30px;
|
|
-moz-border-radius: 30px;
|
|
-ms-border-radius: 30px;
|
|
-o-border-radius: 30px;
|
|
border-radius: 30px;
|
|
background-color: rgba(255,255,255,.7);
|
|
z-index: 10;
|
|
position: absolute;
|
|
}
|
|
|
|
.dot {
|
|
border: 10px solid #fff;
|
|
background: transparent;
|
|
-webkit-border-radius: 60px;
|
|
-moz-border-radius: 60px;
|
|
-ms-border-radius: 60px;
|
|
-o-border-radius: 60px;
|
|
border-radius: 60px;
|
|
height: 50px;
|
|
width: 50px;
|
|
-webkit-animation: pulse 3s ease-out;
|
|
-moz-animation: pulse 3s ease-out;
|
|
-ms-animation: pulse 3s ease-out;
|
|
-o-animation: pulse 3s ease-out;
|
|
animation: pulse 3s ease-out;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-moz-animation-iteration-count: infinite;
|
|
-ms-animation-iteration-count: infinite;
|
|
-o-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
position: absolute;
|
|
top: -25px;
|
|
left: -25px;
|
|
z-index: 1;
|
|
opacity: 0;
|
|
}
|
|
|
|
@-moz-keyframes pulse {
|
|
0% {-moz-transform: scale(0); opacity: 0.0; }
|
|
25% {-moz-transform: scale(0); opacity: 0.1; }
|
|
50% {-moz-transform: scale(0.1); opacity: 0.3; }
|
|
75% {-moz-transform: scale(0.5); opacity: 0.5; }
|
|
100% {-moz-transform: scale(1); opacity: 0.0; }
|
|
}
|
|
|
|
@-ms-keyframes pulse {
|
|
0% {-ms-transform: scale(0); opacity: 0.0; }
|
|
25% {-ms-transform: scale(0); opacity: 0.1; }
|
|
50% {-ms-transform: scale(0.1); opacity: 0.3; }
|
|
75% {-ms-transform: scale(0.5); opacity: 0.5; }
|
|
100% {-ms-transform: scale(1); opacity: 0.0; }
|
|
}
|
|
|
|
@-o-keyframes pulse {
|
|
0% {-o-transform: scale(0); opacity: 0.0; }
|
|
25% {-o-transform: scale(0); opacity: 0.1; }
|
|
50% {-o-transform: scale(0.1); opacity: 0.3; }
|
|
75% {-o-transform: scale(0.5); opacity: 0.5; }
|
|
100% {-o-transform: scale(1); opacity: 0.0; }
|
|
}
|
|
|
|
@-webkit-keyframes pulse {
|
|
0% {-webkit-transform: scale(0); opacity: 0.0; }
|
|
25% {-webkit-transform: scale(0); opacity: 0.1; }
|
|
50% {-webkit-transform: scale(0.1); opacity: 0.3; }
|
|
|
|
75% {-webkit-transform: scale(0.5); opacity: 0.5; }
|
|
100% {-webkit-transform: scale(1); opacity: 0.0; }
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0% {transform: scale(0); opacity: 0.0; }
|
|
25% {transform: scale(0); opacity: 0.1; }
|
|
50% {transform: scale(0.1); opacity: 0.3; }
|
|
75% {transform: scale(0.5); opacity: 0.5; }
|
|
100% {transform: scale(1); opacity: 0.0; }
|
|
}
|
|
|
|
|
|
.tools {
|
|
position: relative;
|
|
float: right;
|
|
}
|
|
|
|
.tools nav ul {
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
.tools nav ul li a {
|
|
float: right: ;
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 25px;
|
|
}
|
|
|
|
footer {
|
|
position: relative;
|
|
text-align: center;
|
|
padding: 50px;
|
|
text-decoration: none;
|
|
z-index: 25000;
|
|
text-transform: uppercase;
|
|
background: #fff;
|
|
}
|
|
|
|
footer h1 {
|
|
margin: 0 0 50px 0;
|
|
}
|
|
footer h1 a {
|
|
display: block;
|
|
width: auto;
|
|
margin: 10px auto 0 auto;
|
|
font-size: 14px;
|
|
color: #aaa;
|
|
letter-spacing: 1px;
|
|
text-decoration: none;
|
|
font-weight: 100;
|
|
}
|
|
.footer_logo{
|
|
width:200px;
|
|
}
|
|
.footer_logo img{
|
|
width:100%;
|
|
}
|
|
.heart {
|
|
font-size: 15px;
|
|
color: lightpink;
|
|
}
|
|
|
|
footer p, footer p a {
|
|
-webkit-font-smoothing:antialiased;
|
|
-moz-font-smoothing:antialiased;
|
|
-ms-font-smoothing:antialiased;
|
|
-o-font-smoothing:antialiased;
|
|
font-smoothing:antialiased;
|
|
font-family: 'lato', Helvetica, Arial, Sans-serif;
|
|
font-size: 12px;
|
|
color: #AAAAAA;
|
|
font-weight: 400;
|
|
text-decoration: none;
|
|
}
|
|
|
|
footer p a:hover {
|
|
color:#d85667;
|
|
}
|
|
/*custom*/
|
|
label.checkbox_language {
|
|
float: left;
|
|
width: 33%;
|
|
}
|
|
.photo_box_right {
|
|
width:120px;
|
|
padding:3px;
|
|
border:2px solid #000;
|
|
margin-left:10px;
|
|
margin-bottom:8px;
|
|
position:relative;
|
|
}
|
|
.form_box_title{
|
|
width:200px;
|
|
padding:5px;
|
|
border-bottom:2px solid #000;
|
|
font-size:16px;
|
|
margin-bottom:8px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:2px 8px 8px 0;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:0 0;border:none}.xdsoft_datetimepicker button{border:none!important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:0 0}.xdsoft_noselect::-moz-selection{background:0 0}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_mounthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";outline:0;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover,.xdsoft_datetimepicker .xdsoft_today_button:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none!important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff!important;background:#ff8000!important;box-shadow:none!important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af!important;box-shadow:#178fe5 0 1px 3px 0 inset!important;color:#fff!important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit!important;box-shadow:inherit!important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc!important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee!important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa!important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc!important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000!important;background:#007fff!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555!important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333!important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd!important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:museo-sans,"Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0 )}.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:focus span,.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:hover span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0 )}
|
|
|
|
|
|
|
|
/*!
|
|
* Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
|
|
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
|
*/@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}
|
|
|
|
|
|
|
|
/************************************************
|
|
responsive flexmenu
|
|
*************************************************/
|
|
.flexmenu ul {
|
|
overflow: initial !important;
|
|
}
|
|
.header_menu {
|
|
border-top:3px solid #1283d2;
|
|
border-bottom:3px solid #1283d2;
|
|
position: relative;
|
|
}
|
|
.fm-button {
|
|
display: none;
|
|
box-sizing: border-box;
|
|
margin:0;
|
|
padding: 15px;
|
|
width: 100%;
|
|
opacity:0.9;
|
|
}
|
|
.fm-button:hover {
|
|
cursor: pointer;
|
|
opacity: .65;
|
|
}
|
|
.fm-button:hover .fm-bar {
|
|
background-color: #fff
|
|
}
|
|
.fm-button .fm-bar {
|
|
display: block;
|
|
width: 24px;
|
|
height: 2px;
|
|
border-radius: 1px;
|
|
background-color:#fff
|
|
}
|
|
.fm-button .fm-bar+.fm-bar {
|
|
margin-top: 4px
|
|
}
|
|
.flexmenu:after, .flexmenu:before {
|
|
display: table;
|
|
content: " "
|
|
}
|
|
.flexmenu:after {
|
|
clear: both
|
|
}
|
|
.flexmenu a {
|
|
text-decoration: none
|
|
}
|
|
.flexmenu.fm-toggle.fm-sm {
|
|
display: none;
|
|
background:#323232;
|
|
padding:30px 0;
|
|
}
|
|
.fm-outer {
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
.fm-inner {
|
|
position: relative;
|
|
height: 100%;
|
|
width: 100%;
|
|
left: 0
|
|
}
|
|
.fm-inner.open {
|
|
left: 70%
|
|
}
|
|
.fm-inner.open .flexmenu.fm-sm {
|
|
left: 0
|
|
}
|
|
.flexmenu.fm-offcanvas.fm-sm {
|
|
z-index: 100;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
position: fixed;
|
|
top: 0;
|
|
left: -70%;
|
|
width: 70%;
|
|
height: 100%;
|
|
-webkit-box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, .3);
|
|
-moz-box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, .3);
|
|
box-shadow: inset -10px 0 10px -10px rgba(0, 0, 0, .3);
|
|
background: #333
|
|
}
|
|
.flexmenu.fm-lg {
|
|
max-width: 1170px;
|
|
margin: auto;
|
|
overflow:inherit !important;
|
|
}
|
|
.flexmenu.fm-lg .navicon:after {
|
|
border: 4px solid transparent;
|
|
border-top-color: #666;
|
|
content: "";
|
|
position: absolute;
|
|
right: 6px;
|
|
top: 20px
|
|
}
|
|
.flexmenu > ul ul li{
|
|
border-left:3px solid #323232;
|
|
}
|
|
.flexmenu > ul ul li:hover{
|
|
border-left:3px solid #ee2e6a;
|
|
}
|
|
.flexmenu.fm-lg>ul>li {
|
|
float: left
|
|
}
|
|
.flexmenu.fm-lg>ul>li.navigation_search_li, .flexmenu.fm-lg>ul>li.navigation_shopping_bag_li{
|
|
float:right;
|
|
}
|
|
.flexmenu.fm-lg ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none
|
|
}
|
|
.flexmenu.fm-lg li {
|
|
position: relative;
|
|
white-space: nowrap
|
|
}
|
|
.flexmenu.fm-lg li ul {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 100%;
|
|
z-index: 99
|
|
}
|
|
.flexmenu.fm-lg li ul .navicon:after {
|
|
border: 4px solid transparent;
|
|
border-left-color: #666;
|
|
right: 6px;
|
|
top: 18px
|
|
}
|
|
.flexmenu.fm-lg li ul ul {
|
|
top: 0;
|
|
left: 100%
|
|
}
|
|
.flexmenu.fm-lg>ul>li {
|
|
padding: 0
|
|
}
|
|
.flexmenu.fm-lg a {
|
|
display: block;
|
|
}
|
|
.flexmenu.fm-lg a:hover, .flexmenu.fm-lg .active a {
|
|
opacity: 0.65;
|
|
}
|
|
.flexmenu.fm-lg .navigation_logo.active a , .flexmenu.fm-lg .navigation_logo a:hover {
|
|
opacity:1;
|
|
}
|
|
/*.flexmenu.fm-lg .active a, .flexmenu.fm-lg a:hover {*/
|
|
.lavalamp-object {
|
|
background:#323232;
|
|
text-decoration: none
|
|
}
|
|
.flexmenu.fm-lg li ul {
|
|
background:#323232;
|
|
}
|
|
.flexmenu.fm-lg ul ul{
|
|
display:none;
|
|
}
|
|
.flexmenu.fm-lg li ul li {
|
|
padding: 0;
|
|
min-width: 150px;
|
|
height:auto;
|
|
}
|
|
.flexmenu.fm-lg li ul li a{
|
|
border-top: 1px solid #323232;
|
|
}
|
|
.flexmenu.fm-sm ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none
|
|
}
|
|
.flexmenu.fm-sm ul li {
|
|
position: relative;
|
|
width:80%;
|
|
padding:0 10%;
|
|
}
|
|
.flexmenu.fm-sm ul li:last-child {
|
|
border-bottom:0;
|
|
}
|
|
.flexmenu.fm-sm ul li a {
|
|
display: block;
|
|
padding: 0px;
|
|
font-size: 16px;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
border-bottom:1px solid #464545;
|
|
}
|
|
.flexmenu.fm-sm ul li a.active, .flexmenu.fm-sm ul li a:hover {
|
|
text-decoration: none;
|
|
opacity:0.65;
|
|
}
|
|
.flexmenu.fm-sm ul ul li a {
|
|
background-color: #daeaf4;
|
|
padding-left: 35px;
|
|
}
|
|
.flexmenu.fm-sm > ul ul li:hover {
|
|
border-left: 3px solid #0d70b5;
|
|
}
|
|
.flexmenu.fm-sm .navicon {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
height:38px;
|
|
width: 38px;
|
|
}
|
|
.flexmenu.fm-sm .navicon:hover {
|
|
background-color: #0d70b5;
|
|
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .3);
|
|
-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, .3);
|
|
box-shadow: inset 0 0 8px rgba(0, 0, 0, .3);
|
|
}
|
|
.flexmenu.fm-sm .navicon:hover {
|
|
cursor: pointer
|
|
}
|
|
.flexmenu.fm-sm .navicon:after {
|
|
border: 5px solid transparent;
|
|
border-top-color: #333;
|
|
content: "";
|
|
position: absolute;
|
|
right: 13px;
|
|
top: 18px;
|
|
}
|
|
.flexmenu.fm-sm .navicon:hover:after {
|
|
border-top-color: #fff;
|
|
}
|
|
|
|
/************************************************
|
|
end responsive flexmenu
|
|
*************************************************/
|
|
|
|
|
|
|
|
|
|
|
|
/************************************************
|
|
responsive tabs
|
|
*************************************************/
|
|
ul.resp-tabs-list, p {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
.resp-tabs-list li {
|
|
font-weight: 600;
|
|
font-size: 13px;
|
|
display: inline-block;
|
|
padding: 13px 15px;
|
|
margin: 0;
|
|
list-style: none;
|
|
cursor: pointer;
|
|
float: left;
|
|
}
|
|
.resp-tabs-container {
|
|
padding: 0px;
|
|
clear: left;
|
|
}
|
|
h2.resp-accordion {
|
|
cursor: pointer;
|
|
padding: 5px;
|
|
display: none;
|
|
}
|
|
.resp-tab-content {
|
|
display: none;
|
|
padding: 0 15px 15px 15px;
|
|
}
|
|
.resp-tab-active {
|
|
border-bottom: none;
|
|
margin-bottom: -1px !important;
|
|
padding: 12px 14px 14px 14px !important;
|
|
}
|
|
.resp-tab-active {
|
|
border-bottom: none;
|
|
}
|
|
.resp-content-active, .resp-accordion-active {
|
|
display: block;
|
|
}
|
|
h2.resp-accordion {
|
|
font-size: 13px;
|
|
margin: 0px;
|
|
padding: 10px 15px;
|
|
border-top:1px solid #ccc;
|
|
}
|
|
h2.resp-accordion:first-child {
|
|
border:0;
|
|
}
|
|
h2.resp-tab-active {
|
|
border-bottom: 0px solid #c1c1c1 !important;
|
|
margin-bottom: 0px !important;
|
|
padding: 10px 15px !important;
|
|
}
|
|
h2.resp-tab-title:last-child {
|
|
border-bottom: 12px solid #c1c1c1 !important;
|
|
background: blue;
|
|
}
|
|
/*-----------Vertical tabs-----------*/
|
|
|
|
.resp-vtabs ul.resp-tabs-list {
|
|
float: left;
|
|
width: 30%;
|
|
}
|
|
.resp-vtabs .resp-tabs-list li {
|
|
display: block;
|
|
padding: 15px 15px !important;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
float: none;
|
|
}
|
|
.resp-vtabs .resp-tabs-container {
|
|
padding: 0px;
|
|
background-color: #fff;
|
|
border: 1px solid #c1c1c1;
|
|
float: left;
|
|
width: 68%;
|
|
min-height: 250px;
|
|
border-radius: 4px;
|
|
clear: none;
|
|
}
|
|
.resp-vtabs .resp-tab-content {
|
|
border: none;
|
|
}
|
|
.resp-vtabs li.resp-tab-active {
|
|
border: 1px solid #c1c1c1;
|
|
border-right: none;
|
|
background-color: #fff;
|
|
position: relative;
|
|
z-index: 1;
|
|
margin-right: -1px !important;
|
|
padding: 14px 15px 15px 14px !important;
|
|
}
|
|
.resp-arrow:after {
|
|
content: '+';
|
|
float: right;
|
|
font-weight: normal;
|
|
margin-right: 8px;
|
|
-webkit-transition: -webkit-transform .3s ease;
|
|
transition: transform .3s ease;
|
|
}
|
|
h2.resp-tab-active span.resp-arrow:after {
|
|
-webkit-transform: rotate(45deg) scale(1.08);
|
|
-ms-transform: rotate(45deg) scale(1.08);
|
|
transform: rotate(45deg) scale(1.08);
|
|
}
|
|
/*-----------Accordion styles-----------*/
|
|
|
|
.resp-easy-accordion h2.resp-accordion {
|
|
display: block;
|
|
}
|
|
.resp-easy-accordion .resp-tab-content {
|
|
border: 1px solid #c1c1c1;
|
|
}
|
|
.resp-easy-accordion .resp-tab-content:last-child {
|
|
border-bottom: 1px solid #c1c1c1 !important;
|
|
}
|
|
.resp-jfit {
|
|
width: 100%;
|
|
margin: 0px;
|
|
}
|
|
.resp-tab-content-active {
|
|
display: block;
|
|
}
|
|
.resp-tab-content ul{
|
|
list-style:none;
|
|
}
|
|
.resp-tab-content ul li a{
|
|
color: #666;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
|
|
@media only screen and (max-width: 768px) {
|
|
ul.resp-tabs-list {
|
|
display: none;
|
|
}
|
|
h2.resp-accordion {
|
|
display: block;
|
|
}
|
|
.resp-vtabs .resp-tab-content {
|
|
border: 1px solid #C1C1C1;
|
|
}
|
|
.resp-vtabs .resp-tabs-container {
|
|
border: none;
|
|
float: none;
|
|
width: 100%;
|
|
min-height: initial;
|
|
clear: none;
|
|
}
|
|
.resp-accordion-closed {
|
|
display: none !important;
|
|
}
|
|
.resp-vtabs .resp-tab-content:last-child {
|
|
border-bottom: 1px solid #c1c1c1 !important;
|
|
}
|
|
}
|
|
/************************************************
|
|
responsive tabs
|
|
*************************************************/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/************************************************
|
|
responsive carousel
|
|
*************************************************/
|
|
|
|
/*
|
|
* Owl Carousel - Animate Plugin
|
|
*/
|
|
.owl-carousel .animated {
|
|
-webkit-animation-duration: 1000ms;
|
|
animation-duration: 1000ms;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-fill-mode: both;
|
|
}
|
|
.owl-carousel .owl-animated-in {
|
|
z-index: 0;
|
|
}
|
|
.owl-carousel .owl-animated-out {
|
|
z-index: 1;
|
|
}
|
|
.owl-carousel .fadeOut {
|
|
-webkit-animation-name: fadeOut;
|
|
animation-name: fadeOut;
|
|
}
|
|
@-webkit-keyframes fadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
@keyframes fadeOut {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
/*
|
|
* Owl Carousel - Auto Height Plugin
|
|
*/
|
|
.owl-height {
|
|
-webkit-transition: height 500ms ease-in-out;
|
|
-moz-transition: height 500ms ease-in-out;
|
|
-ms-transition: height 500ms ease-in-out;
|
|
-o-transition: height 500ms ease-in-out;
|
|
transition: height 500ms ease-in-out;
|
|
}
|
|
/*
|
|
* Core Owl Carousel CSS File
|
|
*/
|
|
.owl-carousel {
|
|
display: none;
|
|
width: 100%;
|
|
-webkit-tap-highlight-color: transparent;
|
|
/* position relative and z-index fix webkit rendering fonts issue */
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.owl-carousel .owl-stage {
|
|
position: relative;
|
|
-ms-touch-action: pan-Y;
|
|
}
|
|
.owl-carousel .owl-stage:after {
|
|
content: ".";
|
|
display: block;
|
|
clear: both;
|
|
visibility: hidden;
|
|
line-height: 0;
|
|
height: 0;
|
|
}
|
|
.owl-carousel .owl-stage-outer {
|
|
position: relative;
|
|
overflow: hidden;
|
|
/* fix for flashing background */
|
|
-webkit-transform: translate3d(0px, 0px, 0px);
|
|
}
|
|
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
|
|
cursor: pointer;
|
|
cursor: hand;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.owl-prev, .owl-next{
|
|
width: 40px;
|
|
height: 110px;
|
|
top: 44px;
|
|
position: fixed;
|
|
padding: 0;
|
|
color: #fff;
|
|
display: inline-block;
|
|
zoom: 1;
|
|
font-size: 12px;
|
|
filter: Alpha(Opacity=50);
|
|
opacity: .5;
|
|
}
|
|
.owl-prev{
|
|
left: -50px;
|
|
background: url(../images/carousel_controls.png) 9px center no-repeat #fff;
|
|
-webkit-transition: all .4s ease-in-out;
|
|
-moz-transition: all .4s ease-in-out;
|
|
-ms-transition: all .4s ease-in-out;
|
|
-o-transition: all .4s ease-in-out;
|
|
transition: all .4s ease-in-out;
|
|
}
|
|
.owl-next{
|
|
right: -50px;
|
|
background: url(../images/carousel_controls.png) -45px center no-repeat #fff;
|
|
-webkit-transition: all .4s ease-in-out;
|
|
-moz-transition: all .4s ease-in-out;
|
|
-ms-transition: all .4s ease-in-out;
|
|
-o-transition: all .4s ease-in-out;
|
|
transition: all .4s ease-in-out;
|
|
}
|
|
.header_category_bar:hover .owl-prev {
|
|
left: 0;
|
|
}
|
|
.header_category_bar:hover .owl-next {
|
|
right: 0;
|
|
}
|
|
.owl-prev:hover, .owl-next:hover {
|
|
filter: Alpha(Opacity=100);
|
|
opacity: 1;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.owl-carousel.owl-loaded {
|
|
display: block;
|
|
}
|
|
.owl-carousel.owl-loading {
|
|
opacity: 0;
|
|
display: block;
|
|
}
|
|
.owl-carousel.owl-hidden {
|
|
opacity: 0;
|
|
}
|
|
.owl-carousel .owl-refresh .owl-item {
|
|
display: none;
|
|
}
|
|
.owl-carousel .owl-item {
|
|
position: relative;
|
|
min-height: 1px;
|
|
float: left;
|
|
-webkit-backface-visibility: hidden;
|
|
-webkit-tap-highlight-color: transparent;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.owl-carousel .owl-item img {
|
|
display: block;
|
|
width: 100%;
|
|
-webkit-transform-style: preserve-3d;
|
|
}
|
|
.owl-carousel.owl-text-select-on .owl-item {
|
|
-webkit-user-select: auto;
|
|
-moz-user-select: auto;
|
|
-ms-user-select: auto;
|
|
user-select: auto;
|
|
}
|
|
.owl-carousel .owl-grab {
|
|
cursor: move;
|
|
cursor: -webkit-grab;
|
|
cursor: -o-grab;
|
|
cursor: -ms-grab;
|
|
cursor: grab;
|
|
}
|
|
.owl-carousel.owl-rtl {
|
|
direction: rtl;
|
|
}
|
|
.owl-carousel.owl-rtl .owl-item {
|
|
float: right;
|
|
}
|
|
/* No Js */
|
|
.no-js .owl-carousel {
|
|
display: block;
|
|
}
|
|
/*
|
|
* Owl Carousel - Lazy Load Plugin
|
|
*/
|
|
.owl-carousel .owl-item .owl-lazy {
|
|
opacity: 0;
|
|
-webkit-transition: opacity 400ms ease;
|
|
-moz-transition: opacity 400ms ease;
|
|
-ms-transition: opacity 400ms ease;
|
|
-o-transition: opacity 400ms ease;
|
|
transition: opacity 400ms ease;
|
|
}
|
|
.owl-carousel .owl-item img {
|
|
transform-style: preserve-3d;
|
|
}
|
|
/*
|
|
* Owl Carousel - Video Plugin
|
|
*/
|
|
.owl-carousel .owl-video-wrapper {
|
|
position: relative;
|
|
height: 100%;
|
|
background: #000;
|
|
}
|
|
.owl-carousel .owl-video-play-icon {
|
|
position: absolute;
|
|
height: 80px;
|
|
width: 80px;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -40px;
|
|
margin-top: -40px;
|
|
background: url("../images/owl.video.play.png") no-repeat;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
-webkit-backface-visibility: hidden;
|
|
-webkit-transition: scale 100ms ease;
|
|
-moz-transition: scale 100ms ease;
|
|
-ms-transition: scale 100ms ease;
|
|
-o-transition: scale 100ms ease;
|
|
transition: scale 100ms ease;
|
|
}
|
|
.owl-carousel .owl-video-play-icon:hover {
|
|
-webkit-transition: scale(1.3, 1.3);
|
|
-moz-transition: scale(1.3, 1.3);
|
|
-ms-transition: scale(1.3, 1.3);
|
|
-o-transition: scale(1.3, 1.3);
|
|
transition: scale(1.3, 1.3);
|
|
}
|
|
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
|
|
display: none;
|
|
}
|
|
.owl-carousel .owl-video-tn {
|
|
opacity: 0;
|
|
height: 100%;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
-webkit-background-size: contain;
|
|
-moz-background-size: contain;
|
|
-o-background-size: contain;
|
|
background-size: contain;
|
|
-webkit-transition: opacity 400ms ease;
|
|
-moz-transition: opacity 400ms ease;
|
|
-ms-transition: opacity 400ms ease;
|
|
-o-transition: opacity 400ms ease;
|
|
transition: opacity 400ms ease;
|
|
}
|
|
.owl-carousel .owl-video-frame {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.owl-carousel .item {
|
|
text-align:center;
|
|
height: 110px;
|
|
padding: 0;
|
|
}
|
|
.item_link{
|
|
position: relative;
|
|
z-index: 1;
|
|
display: inline-block;
|
|
margin:15px 0 ;
|
|
vertical-align: top;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
.item_link:hover{
|
|
opactiy:0.6;
|
|
}
|
|
.item_img{
|
|
width:60px !important;
|
|
height:60px;
|
|
}
|
|
.item_title{
|
|
text-align:center;
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
font-weight: 400;
|
|
letter-spacing: normal;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: block;
|
|
padding-top: 8px;
|
|
white-space: normal;
|
|
color: #333;
|
|
-webkit-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
/************************************************
|
|
end responsive carousel
|
|
*************************************************/
|
|
|
|
|
|
|
|
/**
|
|
*
|
|
* slippry v1.3.1 - Responsive content slider for jQuery
|
|
* http://slippry.com
|
|
*
|
|
* Authors: Lukas Jakob Hafner - @saftsaak
|
|
* Thomas Hurd - @SeenNotHurd
|
|
*
|
|
* Copyright 2015, booncon oy - http://booncon.com
|
|
*
|
|
*
|
|
* Released under the MIT license - http://opensource.org/licenses/MIT
|
|
*/
|
|
/* kenBurns animations, very basic */
|
|
@-webkit-keyframes left-right {
|
|
0% {
|
|
-moz-transform: translateY(-20%) translateX(-10%);
|
|
-ms-transform: translateY(-20%) translateX(-10%);
|
|
-webkit-transform: translateY(-20%) translateX(-10%);
|
|
transform: translateY(-20%) translateX(-10%);
|
|
}
|
|
100% {
|
|
-moz-transform: translateY(0%) translateX(10%);
|
|
-ms-transform: translateY(0%) translateX(10%);
|
|
-webkit-transform: translateY(0%) translateX(10%);
|
|
transform: translateY(0%) translateX(10%);
|
|
}
|
|
}
|
|
@-moz-keyframes left-right {
|
|
0% {
|
|
-moz-transform: translateY(-20%) translateX(-10%);
|
|
-ms-transform: translateY(-20%) translateX(-10%);
|
|
-webkit-transform: translateY(-20%) translateX(-10%);
|
|
transform: translateY(-20%) translateX(-10%);
|
|
}
|
|
100% {
|
|
-moz-transform: translateY(0%) translateX(10%);
|
|
-ms-transform: translateY(0%) translateX(10%);
|
|
-webkit-transform: translateY(0%) translateX(10%);
|
|
transform: translateY(0%) translateX(10%);
|
|
}
|
|
}
|
|
@-ms-keyframes left-right {
|
|
0% {
|
|
-moz-transform: translateY(-20%) translateX(-10%);
|
|
-ms-transform: translateY(-20%) translateX(-10%);
|
|
-webkit-transform: translateY(-20%) translateX(-10%);
|
|
transform: translateY(-20%) translateX(-10%);
|
|
}
|
|
100% {
|
|
-moz-transform: translateY(0%) translateX(10%);
|
|
-ms-transform: translateY(0%) translateX(10%);
|
|
-webkit-transform: translateY(0%) translateX(10%);
|
|
transform: translateY(0%) translateX(10%);
|
|
}
|
|
}
|
|
@keyframes left-right {
|
|
0% {
|
|
-moz-transform: translateY(-20%) translateX(-10%);
|
|
-ms-transform: translateY(-20%) translateX(-10%);
|
|
-webkit-transform: translateY(-20%) translateX(-10%);
|
|
transform: translateY(-20%) translateX(-10%);
|
|
}
|
|
100% {
|
|
-moz-transform: translateY(0%) translateX(10%);
|
|
-ms-transform: translateY(0%) translateX(10%);
|
|
-webkit-transform: translateY(0%) translateX(10%);
|
|
transform: translateY(0%) translateX(10%);
|
|
}
|
|
}
|
|
@-webkit-keyframes right-left {
|
|
0% {
|
|
-moz-transform: translateY(0%) translateX(10%);
|
|
-ms-transform: translateY(0%) translateX(10%);
|
|
-webkit-transform: translateY(0%) translateX(10%);
|
|
transform: translateY(0%) translateX(10%);
|
|
}
|
|
100% {
|
|
-moz-transform: translateY(-20%) translateX(-10%);
|
|
-ms-transform: translateY(-20%) translateX(-10%);
|
|
-webkit-transform: translateY(-20%) translateX(-10%);
|
|
transform: translateY(-20%) translateX(-10%);
|
|
}
|
|
}
|
|
@-moz-keyframes right-left {
|
|
0% {
|
|
-moz-transform: translateY(0%) translateX(10%);
|
|
-ms-transform: translateY(0%) translateX(10%);
|
|
-webkit-transform: translateY(0%) translateX(10%);
|
|
transform: translateY(0%) translateX(10%);
|
|
}
|
|
100% {
|
|
-moz-transform: translateY(-20%) translateX(-10%);
|
|
-ms-transform: translateY(-20%) translateX(-10%);
|
|
-webkit-transform: translateY(-20%) translateX(-10%);
|
|
transform: translateY(-20%) translateX(-10%);
|
|
}
|
|
}
|
|
@-ms-keyframes right-left {
|
|
0% {
|
|
-moz-transform: translateY(0%) translateX(10%);
|
|
-ms-transform: translateY(0%) translateX(10%);
|
|
-webkit-transform: translateY(0%) translateX(10%);
|
|
transform: translateY(0%) translateX(10%);
|
|
}
|
|
100% {
|
|
-moz-transform: translateY(-20%) translateX(-10%);
|
|
-ms-transform: translateY(-20%) translateX(-10%);
|
|
-webkit-transform: translateY(-20%) translateX(-10%);
|
|
transform: translateY(-20%) translateX(-10%);
|
|
}
|
|
}
|
|
@keyframes right-left {
|
|
0% {
|
|
-moz-transform: translateY(0%) translateX(10%);
|
|
-ms-transform: translateY(0%) translateX(10%);
|
|
-webkit-transform: translateY(0%) translateX(10%);
|
|
transform: translateY(0%) translateX(10%);
|
|
}
|
|
100% {
|
|
-moz-transform: translateY(-20%) translateX(-10%);
|
|
-ms-transform: translateY(-20%) translateX(-10%);
|
|
-webkit-transform: translateY(-20%) translateX(-10%);
|
|
transform: translateY(-20%) translateX(-10%);
|
|
}
|
|
}
|
|
/* added to the original element calling slippry */
|
|
.sy-box.sy-loading {
|
|
background: url("/images/sy-loader.gif") 50% 50% no-repeat;
|
|
-moz-background-size: 32px;
|
|
-o-background-size: 32px;
|
|
-webkit-background-size: 32px;
|
|
background-size: 32px;
|
|
min-height: 40px;
|
|
}
|
|
.sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager {
|
|
visibility: hidden;
|
|
}
|
|
/* element that wraps the slides */
|
|
.sy-slides-wrap {
|
|
position: relative;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
/*.sy-slides-wrap:hover .sy-controls {
|
|
display: block;
|
|
}*/
|
|
/* element that crops the visible area to the slides */
|
|
.sy-slides-crop {
|
|
height: 100%;
|
|
width: 100%;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
/* list containing the slides */
|
|
.sy-list {
|
|
width: 100%;
|
|
height: 100%;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
}
|
|
.sy-list.horizontal {
|
|
-moz-transition: left ease;
|
|
-o-transition: left ease;
|
|
-webkit-transition: left ease;
|
|
transition: left ease;
|
|
}
|
|
.sy-list.vertical {
|
|
-moz-transition: top ease;
|
|
-o-transition: top ease;
|
|
-webkit-transition: top ease;
|
|
transition: top ease;
|
|
}
|
|
/* single slide */
|
|
.sy-slide {
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 2;
|
|
}
|
|
.sy-slide.kenburns {
|
|
width: 140%;
|
|
left: -20%;
|
|
}
|
|
.sy-slide.kenburns.useCSS {
|
|
-moz-transition-property: opacity;
|
|
-o-transition-property: opacity;
|
|
-webkit-transition-property: opacity;
|
|
transition-property: opacity;
|
|
}
|
|
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
|
|
-webkit-animation-name: left-right;
|
|
-webkit-animation-fill-mode: forwards;
|
|
-moz-animation-name: left-right;
|
|
-moz-animation-fill-mode: forwards;
|
|
-o-animation-name: left-right;
|
|
-o-animation-fill-mode: forwards;
|
|
animation-name: left-right;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
|
|
-webkit-animation-name: right-left;
|
|
-webkit-animation-fill-mode: forwards;
|
|
-moz-animation-name: right-left;
|
|
-moz-animation-fill-mode: forwards;
|
|
-o-animation-name: right-left;
|
|
-o-animation-fill-mode: forwards;
|
|
animation-name: right-left;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
.sy-slide.sy-active {
|
|
z-index: 3;
|
|
}
|
|
.sy-slide > a {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
.sy-slide > a > img, .sy-slide > img, .slider_li img {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: block;
|
|
width: 100%;
|
|
border: 0;
|
|
}
|
|
/* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
|
|
.sy-controls {
|
|
display: none;
|
|
list-style: none;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: absolute;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.sy-controls li {
|
|
position: absolute;
|
|
width: 10%;
|
|
min-width: 4.2em;
|
|
height: 100%;
|
|
z-index: 33;
|
|
}
|
|
.sy-controls li.sy-prev {
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.sy-controls li.sy-prev a:after {
|
|
background-position: -5% 0;
|
|
}
|
|
.sy-controls li.sy-next {
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
.sy-controls li.sy-next a:after {
|
|
background-position: 105% 0;
|
|
}
|
|
.sy-controls li a {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
text-indent: -9999px;
|
|
}
|
|
.sy-controls li a:link, .sy-controls li a:visited {
|
|
opacity: 0.4;
|
|
}
|
|
.sy-controls li a:hover, .sy-controls li a:focus {
|
|
opacity: 0.8;
|
|
outline: none;
|
|
}
|
|
.sy-controls li a:after {
|
|
content: "";
|
|
background-image: url("/images/arrows.svg");
|
|
background-repeat: no-repeat;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
-webkit-background-size: cover;
|
|
background-size: cover;
|
|
text-align: center;
|
|
text-indent: 0;
|
|
line-height: 2.8em;
|
|
color: #111;
|
|
font-weight: 800;
|
|
position: absolute;
|
|
background-color: #fff;
|
|
width: 2.8em;
|
|
height: 2.8em;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-top: -1.4em;
|
|
margin-left: -1.4em;
|
|
-moz-border-radius: 50%;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
}
|
|
@media only screen and (max-device-width: 600px) {
|
|
.sy-controls {
|
|
display: block;
|
|
}
|
|
.sy-controls li {
|
|
min-width: 2.1em;
|
|
}
|
|
.sy-controls li a:after {
|
|
width: 1.4em;
|
|
height: 1.4em;
|
|
margin-top: -0.7em;
|
|
margin-left: -0.7em;
|
|
}
|
|
}
|
|
/* captions, styled fo the overlay variant */
|
|
.sy-caption-wrap {
|
|
position: absolute;
|
|
bottom: 2em;
|
|
z-index: 12;
|
|
left: 50%;
|
|
}
|
|
.sy-caption-wrap .sy-caption {
|
|
position: relative;
|
|
left: -50%;
|
|
background-color: rgba(0, 0, 0, 0.54);
|
|
color: #fff;
|
|
padding: 0.4em 1em;
|
|
-moz-border-radius: 1.2em;
|
|
-webkit-border-radius: 1.2em;
|
|
border-radius: 1.2em;
|
|
}
|
|
.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
|
|
color: #e24b70;
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
}
|
|
.sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
|
|
text-decoration: underline;
|
|
}
|
|
@media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
|
|
.sy-caption-wrap {
|
|
left: 0;
|
|
bottom: 0.4em;
|
|
}
|
|
.sy-caption-wrap .sy-caption {
|
|
left: 0;
|
|
padding: 0.2em 0.4em;
|
|
font-size: 0.92em;
|
|
-moz-border-radius: 0;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
/* pager bubbles */
|
|
.sy-pager {
|
|
overflow: hidden;
|
|
*zoom: 1;
|
|
display: block;
|
|
width: 100%;
|
|
margin: 0 0 15px 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
text-align: center;
|
|
position:absolute;
|
|
bottom:0;
|
|
text-align:center;
|
|
z-index: 9;
|
|
}
|
|
.sy-pager li {
|
|
list-style: none;
|
|
margin: 0 10px;
|
|
width: 8px;
|
|
height: 8px;
|
|
display:inline-block;
|
|
position: relative;
|
|
}
|
|
.sy-pager li.sy-active a {
|
|
top: -1px;
|
|
left: -1px;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-color: #08c;
|
|
background-color: transparent;
|
|
cursor: default;
|
|
}
|
|
.sy-pager li a {
|
|
top: 0;
|
|
left: 0;
|
|
width: 8px;
|
|
height: 8px;
|
|
outline: none;
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
background-color: #999;
|
|
font: 0/0 a;
|
|
color: transparent;
|
|
}
|
|
.sy-pager li a:link, .sy-pager li a:visited {
|
|
opacity: 1.0;
|
|
}
|
|
.sy-pager li a:hover, .sy-pager li a:focus {
|
|
opacity: 0.6;
|
|
}
|
|
/* element to "keep/ fill" the space of the content, gets intrinsic height via js */
|
|
.sy-filler {
|
|
width: 100%;
|
|
}
|
|
.sy-filler.ready {
|
|
-moz-transition: padding 600ms ease;
|
|
-o-transition: padding 600ms ease;
|
|
-webkit-transition: padding 600ms ease;
|
|
transition: padding 600ms ease;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* --------------------------------
|
|
|
|
Slider
|
|
|
|
-------------------------------- */
|
|
.cd-hero {
|
|
position: relative;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.cd-hero-slider {
|
|
position: relative;
|
|
height: 360px;
|
|
overflow: hidden;
|
|
}
|
|
.cd-hero-slider li {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
-webkit-transform: translateX(100%);
|
|
-moz-transform: translateX(100%);
|
|
-ms-transform: translateX(100%);
|
|
-o-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
}
|
|
.cd-hero-slider li.selected {
|
|
/* this is the visible slide */
|
|
position: relative;
|
|
-webkit-transform: translateX(0);
|
|
-moz-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
-o-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
.cd-hero-slider li.move-left {
|
|
/* slide hidden on the left */
|
|
-webkit-transform: translateX(-100%);
|
|
-moz-transform: translateX(-100%);
|
|
-ms-transform: translateX(-100%);
|
|
-o-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
}
|
|
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
|
|
/* the is-moving class is assigned to the slide which is moving outside the viewport */
|
|
-webkit-transition: -webkit-transform 0.5s;
|
|
-moz-transition: -moz-transform 0.5s;
|
|
transition: transform 0.5s;
|
|
}
|
|
@media only screen and (min-width: 768px) {
|
|
.cd-hero-slider {
|
|
height: 500px;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1170px) {
|
|
.cd-hero-slider {
|
|
height: 680px;
|
|
}
|
|
}
|
|
/* --------------------------------
|
|
|
|
Single slide style
|
|
|
|
-------------------------------- */
|
|
.cd-hero-slider li {
|
|
background-position: center center;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.cd-hero-slider li:first-of-type {
|
|
background-color: #2c343b;
|
|
background-image: url("../images/home.jpg");
|
|
}
|
|
.cd-hero-slider li:nth-of-type(2) {
|
|
background-color: #3d4952;
|
|
background-image: url("../images/tech-1-mobile.jpg");
|
|
}
|
|
.cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
left: 0;
|
|
top: 0;
|
|
/* this padding is used to align the text */
|
|
padding-top: 100px;
|
|
text-align: center;
|
|
/* Force Hardware Acceleration in WebKit */
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
-webkit-transform: translateZ(0);
|
|
-moz-transform: translateZ(0);
|
|
-ms-transform: translateZ(0);
|
|
-o-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
}
|
|
.cd-hero-slider .cd-img-container {
|
|
/* hide image on mobile device */
|
|
/*display: none;*/
|
|
}
|
|
.cd-hero-slider .cd-img-container img {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
bottom: auto;
|
|
right: auto;
|
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
|
-moz-transform: translateX(-50%) translateY(-50%);
|
|
-ms-transform: translateX(-50%) translateY(-50%);
|
|
-o-transform: translateX(-50%) translateY(-50%);
|
|
transform: translateX(-50%) translateY(-50%);
|
|
}
|
|
.cd-hero-slider .cd-bg-video-wrapper {
|
|
display:block;
|
|
/* hide video on mobile device */
|
|
/*display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;*/
|
|
}
|
|
.cd-hero-slider .cd-bg-video-wrapper video {
|
|
/* you won't see this element in the html, but it will be injected using js */
|
|
display: block;
|
|
min-height: 100%;
|
|
min-width: 100%;
|
|
max-width: none;
|
|
height: auto;
|
|
width: auto;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
bottom: auto;
|
|
right: auto;
|
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
|
-moz-transform: translateX(-50%) translateY(-50%);
|
|
-ms-transform: translateX(-50%) translateY(-50%);
|
|
-o-transform: translateX(-50%) translateY(-50%);
|
|
transform: translateX(-50%) translateY(-50%);
|
|
}
|
|
.cd-hero-slider h2, .cd-hero-slider p {
|
|
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
line-height: 1.2;
|
|
margin: 0 auto 14px;
|
|
color: #ffffff;
|
|
width: 90%;
|
|
max-width: 400px;
|
|
}
|
|
.cd-hero-slider h2 {
|
|
font-size: 2.4rem;
|
|
}
|
|
.cd-hero-slider p {
|
|
font-size: 1.4rem;
|
|
line-height: 1.4;
|
|
}
|
|
.cd-btn {
|
|
display: inline-block;
|
|
padding: 2px 6px;
|
|
margin-bottom: 0;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
background-color: #3249ad;
|
|
border-color: #3249ad;
|
|
color: #fff;
|
|
}
|
|
.page_pagination .active a, .cd-btn:hover{
|
|
background-color: #3ca6b0;
|
|
color: #fff;
|
|
}
|
|
.cd-hero-slider .cd-btn.secondary {
|
|
background-color: rgba(22, 26, 30, 0.8);
|
|
}
|
|
.cd-hero-slider .cd-btn:nth-of-type(2) {
|
|
margin-left: 1em;
|
|
}
|
|
.no-touch .cd-hero-slider .cd-btn:hover {
|
|
background-color: #d44457;
|
|
}
|
|
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
|
|
background-color: #161a1e;
|
|
}
|
|
@media only screen and (min-width: 768px) {
|
|
.cd-hero-slider li:nth-of-type(2) {
|
|
background-image: none;
|
|
}
|
|
.cd-hero-slider li:nth-of-type(3) {
|
|
background-image: none;
|
|
}
|
|
.cd-hero-slider li:nth-of-type(4) {
|
|
background-image: none;
|
|
}
|
|
.cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width {
|
|
padding-top: 150px;
|
|
}
|
|
.cd-hero-slider .cd-bg-video-wrapper {
|
|
display: block;
|
|
}
|
|
.cd-hero-slider .cd-half-width {
|
|
width: 45%;
|
|
}
|
|
.cd-hero-slider .cd-half-width:first-of-type {
|
|
left: 5%;
|
|
}
|
|
.cd-hero-slider .cd-half-width:nth-of-type(2) {
|
|
right: 5%;
|
|
left: auto;
|
|
}
|
|
.cd-hero-slider .cd-img-container {
|
|
display: block;
|
|
}
|
|
.cd-hero-slider h2, .cd-hero-slider p {
|
|
max-width: 520px;
|
|
}
|
|
.cd-hero-slider h2 {
|
|
font-size: 2.4em;
|
|
font-weight: 300;
|
|
}
|
|
.cd-hero-slider .cd-btn {
|
|
font-size: 1.4rem;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1170px) {
|
|
.cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width {
|
|
padding-top: 220px;
|
|
}
|
|
.cd-hero-slider h2, .cd-hero-slider p {
|
|
margin-bottom: 20px;
|
|
}
|
|
.cd-hero-slider h2 {
|
|
font-size: 3.2em;
|
|
}
|
|
.cd-hero-slider p {
|
|
font-size: 1.6rem;
|
|
}
|
|
}
|
|
|
|
/* --------------------------------
|
|
|
|
Single slide animation
|
|
|
|
-------------------------------- */
|
|
@media only screen and (min-width: 768px) {
|
|
.cd-hero-slider .cd-half-width {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(40px);
|
|
-moz-transform: translateX(40px);
|
|
-ms-transform: translateX(40px);
|
|
-o-transform: translateX(40px);
|
|
transform: translateX(40px);
|
|
}
|
|
.cd-hero-slider .move-left .cd-half-width {
|
|
-webkit-transform: translateX(-40px);
|
|
-moz-transform: translateX(-40px);
|
|
-ms-transform: translateX(-40px);
|
|
-o-transform: translateX(-40px);
|
|
transform: translateX(-40px);
|
|
}
|
|
.cd-hero-slider .selected .cd-half-width {
|
|
/* this is the visible slide */
|
|
opacity: 1;
|
|
-webkit-transform: translateX(0);
|
|
-moz-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
-o-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
.cd-hero-slider .is-moving .cd-half-width {
|
|
/* this is the slide moving outside the viewport
|
|
wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
|
|
-webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
|
|
-moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
|
|
transition: opacity 0s 0.5s, transform 0s 0.5s;
|
|
}
|
|
.cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2), .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
|
|
/* this is the selected slide - different animation if it's entering from left or right */
|
|
-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
|
|
-moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
|
|
transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
|
|
}
|
|
.cd-hero-slider li.selected.from-left .cd-half-width:first-of-type, .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
|
|
/* this is the selected slide - different animation if it's entering from left or right */
|
|
-webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
|
|
-moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
|
|
transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
|
|
}
|
|
.cd-hero-slider .cd-full-width h2, .cd-hero-slider .cd-full-width p, .cd-hero-slider .cd-full-width .cd-btn {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(100px);
|
|
-moz-transform: translateX(100px);
|
|
-ms-transform: translateX(100px);
|
|
-o-transform: translateX(100px);
|
|
transform: translateX(100px);
|
|
}
|
|
.cd-hero-slider .move-left .cd-full-width h2, .cd-hero-slider .move-left .cd-full-width p, .cd-hero-slider .move-left .cd-full-width .cd-btn {
|
|
opacity: 0;
|
|
-webkit-transform: translateX(-100px);
|
|
-moz-transform: translateX(-100px);
|
|
-ms-transform: translateX(-100px);
|
|
-o-transform: translateX(-100px);
|
|
transform: translateX(-100px);
|
|
}
|
|
.cd-hero-slider .selected .cd-full-width h2, .cd-hero-slider .selected .cd-full-width p, .cd-hero-slider .selected .cd-full-width .cd-btn {
|
|
/* this is the visible slide */
|
|
opacity: 1;
|
|
-webkit-transform: translateX(0);
|
|
-moz-transform: translateX(0);
|
|
-ms-transform: translateX(0);
|
|
-o-transform: translateX(0);
|
|
transform: translateX(0);
|
|
}
|
|
.cd-hero-slider li.is-moving .cd-full-width h2, .cd-hero-slider li.is-moving .cd-full-width p, .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
|
|
/* this is the slide moving outside the viewport
|
|
wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
|
|
-webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
|
|
-moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
|
|
transition: opacity 0s 0.5s, transform 0s 0.5s;
|
|
}
|
|
.cd-hero-slider li.selected h2 {
|
|
-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
|
|
-moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
|
|
transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
|
|
}
|
|
.cd-hero-slider li.selected p {
|
|
-webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
|
|
-moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
|
|
transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
|
|
}
|
|
.cd-hero-slider li.selected .cd-btn {
|
|
-webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
|
|
-moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
|
|
transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
|
|
}
|
|
}
|
|
/* --------------------------------
|
|
|
|
Slider navigation
|
|
|
|
-------------------------------- */
|
|
.cd-slider-nav {
|
|
position: absolute;
|
|
width: 100%;
|
|
bottom: 0;
|
|
z-index: 2;
|
|
text-align: center;
|
|
height: 55px;
|
|
background-color: rgba(0, 1, 1, 0.5);
|
|
}
|
|
.cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a {
|
|
height: 100%;
|
|
}
|
|
.cd-slider-nav nav {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.cd-slider-nav .cd-marker {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 60px;
|
|
height: 100%;
|
|
color: #d44457;
|
|
background-color: #ffffff;
|
|
box-shadow: inset 0 2px 0 currentColor;
|
|
-webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
|
|
-moz-transition: -moz-transform 0.2s, box-shadow 0.2s;
|
|
transition: transform 0.2s, box-shadow 0.2s;
|
|
}
|
|
.cd-slider-nav .cd-marker.item-2 {
|
|
-webkit-transform: translateX(100%);
|
|
-moz-transform: translateX(100%);
|
|
-ms-transform: translateX(100%);
|
|
-o-transform: translateX(100%);
|
|
transform: translateX(100%);
|
|
}
|
|
.cd-slider-nav .cd-marker.item-3 {
|
|
-webkit-transform: translateX(200%);
|
|
-moz-transform: translateX(200%);
|
|
-ms-transform: translateX(200%);
|
|
-o-transform: translateX(200%);
|
|
transform: translateX(200%);
|
|
}
|
|
.cd-slider-nav .cd-marker.item-4 {
|
|
-webkit-transform: translateX(300%);
|
|
-moz-transform: translateX(300%);
|
|
-ms-transform: translateX(300%);
|
|
-o-transform: translateX(300%);
|
|
transform: translateX(300%);
|
|
}
|
|
.cd-slider-nav .cd-marker.item-5 {
|
|
-webkit-transform: translateX(400%);
|
|
-moz-transform: translateX(400%);
|
|
-ms-transform: translateX(400%);
|
|
-o-transform: translateX(400%);
|
|
transform: translateX(400%);
|
|
}
|
|
.cd-slider-nav ul::after {
|
|
clear: both;
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.cd-slider-nav li {
|
|
display: inline-block;
|
|
width: 60px;
|
|
float: left;
|
|
}
|
|
.cd-slider-nav li.selected a {
|
|
color: #2c343b;
|
|
}
|
|
.no-touch .cd-slider-nav li.selected a:hover {
|
|
background-color: transparent;
|
|
}
|
|
.cd-slider-nav a {
|
|
display: block;
|
|
position: relative;
|
|
padding-top: 35px;
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
color: #a8b4be;
|
|
-webkit-transition: background-color 0.2s;
|
|
-moz-transition: background-color 0.2s;
|
|
transition: background-color 0.2s;
|
|
}
|
|
.cd-slider-nav a::before {
|
|
content: '';
|
|
position: absolute;
|
|
width: 24px;
|
|
height: 24px;
|
|
top: 8px;
|
|
left: 50%;
|
|
right: auto;
|
|
-webkit-transform: translateX(-50%);
|
|
-moz-transform: translateX(-50%);
|
|
-ms-transform: translateX(-50%);
|
|
-o-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
background: url(../images/cd-icon-navigation.svg) no-repeat 0 0;
|
|
}
|
|
.no-touch .cd-slider-nav a:hover {
|
|
background-color: rgba(0, 1, 1, 0.5);
|
|
}
|
|
.cd-slider-nav li:first-of-type a::before {
|
|
background-position: 0 0;
|
|
}
|
|
.cd-slider-nav li.selected:first-of-type a::before {
|
|
background-position: 0 -24px;
|
|
}
|
|
.cd-slider-nav li:nth-of-type(2) a::before {
|
|
background-position: -24px 0;
|
|
}
|
|
.cd-slider-nav li.selected:nth-of-type(2) a::before {
|
|
background-position: -24px -24px;
|
|
}
|
|
.cd-slider-nav li:nth-of-type(3) a::before {
|
|
background-position: -48px 0;
|
|
}
|
|
.cd-slider-nav li.selected:nth-of-type(3) a::before {
|
|
background-position: -48px -24px;
|
|
}
|
|
.cd-slider-nav li:nth-of-type(4) a::before {
|
|
background-position: -72px 0;
|
|
}
|
|
.cd-slider-nav li.selected:nth-of-type(4) a::before {
|
|
background-position: -72px -24px;
|
|
}
|
|
.cd-slider-nav li:nth-of-type(5) a::before {
|
|
background-position: -96px 0;
|
|
}
|
|
.cd-slider-nav li.selected:nth-of-type(5) a::before {
|
|
background-position: -96px -24px;
|
|
}
|
|
@media only screen and (min-width: 768px) {
|
|
.cd-slider-nav {
|
|
height: 80px;
|
|
}
|
|
.cd-slider-nav .cd-marker, .cd-slider-nav li {
|
|
width: 95px;
|
|
}
|
|
.cd-slider-nav a {
|
|
padding-top: 48px;
|
|
font-size: 1.1rem;
|
|
text-transform: uppercase;
|
|
}
|
|
.cd-slider-nav a::before {
|
|
top: 18px;
|
|
}
|
|
}
|
|
/* --------------------------------
|
|
|
|
Main content
|
|
|
|
-------------------------------- */
|
|
.cd-main-content {
|
|
width: 90%;
|
|
max-width: 768px;
|
|
margin: 0 auto;
|
|
padding: 2em 0;
|
|
}
|
|
.cd-main-content p {
|
|
font-size: 1.4rem;
|
|
line-height: 1.8;
|
|
color: #999999;
|
|
margin: 2em 0;
|
|
}
|
|
@media only screen and (min-width: 1170px) {
|
|
.cd-main-content {
|
|
padding: 3em 0;
|
|
}
|
|
.cd-main-content p {
|
|
font-size: 1.6rem;
|
|
}
|
|
}
|
|
/* --------------------------------
|
|
|
|
Javascript disabled
|
|
|
|
-------------------------------- */
|
|
.no-js .cd-hero-slider li {
|
|
display: none;
|
|
}
|
|
.no-js .cd-hero-slider li.selected {
|
|
display: block;
|
|
}
|
|
.no-js .cd-slider-nav {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* reset css */
|
|
|
|
.custom_button{
|
|
text-decoration: none;
|
|
margin-top:10px;
|
|
padding:10px;
|
|
font-size:16px;
|
|
}
|
|
|
|
/* reset css */
|
|
|
|
.page_pagination ul{
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0;
|
|
text-align:center;
|
|
}
|
|
.page_pagination ul li{
|
|
display:inline-block;
|
|
}
|
|
.page_pagination ul li a{
|
|
margin:0;
|
|
padding:10px 15px
|
|
}
|
|
|
|
|
|
/* responsive */
|
|
|
|
@media (max-width: 1200px) and (min-width: 768px){
|
|
/* promotion */
|
|
.promo_box li{
|
|
width: 50%;
|
|
}
|
|
.promo_box li a {
|
|
border-left: 1px solid #fff;
|
|
border-right: 1px solid #fff;
|
|
}
|
|
.promo_box li.promo_item_1 a, .promo_box li.promo_item_2 a {
|
|
border-bottom:2px solid #fff;
|
|
}
|
|
.promo_box li.promo_item_1 a, .promo_box li.promo_item_3 a {
|
|
border-left:0;
|
|
}
|
|
.promo_box li.promo_item_2 a, .promo_box li.promo_item_4 a {
|
|
border-right:0;
|
|
}
|
|
/* promotion */
|
|
}
|
|
|
|
@media (max-width: 1200px) and (min-width: 981px){
|
|
.row{
|
|
max-width: 924px;
|
|
padding:0 20px;
|
|
}
|
|
.shopping_bag_box{
|
|
margin-right:0;
|
|
}
|
|
.shopping_bag_box_caret:after{
|
|
left:initial;
|
|
right:9px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 980px) and (min-width: 768px){
|
|
.row{
|
|
max-width: 730px;
|
|
padding:0 10px;
|
|
}
|
|
.navigation_li a{
|
|
padding-left:15px;
|
|
padding-right:15px;
|
|
}
|
|
.navigation_logo a{
|
|
padding:0;
|
|
}
|
|
.navigation_shopping_bag_li a, .navigation_search_li a{
|
|
padding:0 25px;
|
|
}
|
|
.navigation_logo{
|
|
margin-right:0;
|
|
}
|
|
.shopping_bag_box{
|
|
margin-right:0;
|
|
}
|
|
.shopping_bag_box_caret:after{
|
|
left:initial;
|
|
right:9px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px){
|
|
label.checkbox_language {
|
|
width: 50%;
|
|
}
|
|
body {
|
|
-webkit-text-size-adjust: none;
|
|
-ms-text-size-adjust: none;
|
|
width: 100%;
|
|
min-width: 0;
|
|
}
|
|
h1, h2, h3, h4, h5, h6 {
|
|
word-wrap: break-word;
|
|
}
|
|
h1 {
|
|
font-size: 42px;
|
|
font-size: 2.625rem;
|
|
}
|
|
h2 {
|
|
font-size: 36px;
|
|
font-size: 2.25rem;
|
|
}
|
|
p {
|
|
line-height: 1.625em;
|
|
}
|
|
ul, ol, dl, p {
|
|
text-align: left;
|
|
}
|
|
/* restyle row columns */
|
|
.row {
|
|
width: 96%;
|
|
max-width:100%;
|
|
min-width: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
padding:0 2%;
|
|
}
|
|
.header_bar .row{
|
|
width:100%;
|
|
padding:0;
|
|
}
|
|
.row .row .columns {
|
|
padding: 0;
|
|
}
|
|
.columns {
|
|
width: auto !important;
|
|
float: none;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.columns:last-child {
|
|
margin-right: 0;
|
|
float: none;
|
|
}
|
|
|
|
.header_bar .wrapper{
|
|
width:100%;
|
|
padding:0;
|
|
}
|
|
|
|
.info, .info_content {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.default_image_420{
|
|
width:100%;
|
|
}
|
|
.desktop_view{
|
|
display:none;
|
|
}
|
|
.mobile_view{
|
|
display:block;
|
|
}
|
|
.header_logo_mobile{
|
|
display: block;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -50px;
|
|
margin-right:0;
|
|
z-index:1111;
|
|
}
|
|
.navigation_li.navigation_logo{
|
|
display:none;
|
|
}
|
|
.navigation_shopping_bag_li{
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0px;
|
|
width: 50px;
|
|
padding: 0;
|
|
margin-top: -2px;
|
|
}
|
|
.navigation_li a.navigation_shopping_bag{
|
|
background-position: 20px 54%;
|
|
}
|
|
.flexmenu.fm-sm ul li.navigation_shopping_bag_li a{
|
|
border:0;
|
|
}
|
|
.shopping_bag_box{
|
|
margin-right:0;
|
|
width:240px;
|
|
}
|
|
.shopping_bag_box_caret:after{
|
|
left:initial;
|
|
right:7px;
|
|
}
|
|
.header_logo_mobile_view{
|
|
margin-top:50px;
|
|
}
|
|
.navigation_li a.navigation_search_link{
|
|
background-position:center center;
|
|
}
|
|
/* promotion */
|
|
.promo_box li{
|
|
width: 100%;
|
|
}
|
|
.promo_item_1, .promo_item_2, .promo_item_3, .promo_item_4{
|
|
background-size:767px 200px;
|
|
}
|
|
.promo_item_1, .promo_item_2, .promo_item_3{
|
|
border-bottom:2px solid #fff;
|
|
}
|
|
/* promotion */
|
|
.social_share_ul{
|
|
width: 100%;
|
|
text-align: center;
|
|
position: fixed;
|
|
bottom: 1px;
|
|
}
|
|
.social_share_ul li{
|
|
display: inline-block;
|
|
margin-left: -2px;
|
|
margin-right: -2px;
|
|
}
|
|
}
|
|
|
|
/* responsive */
|