@font-face {
 font-family:'Futura';
 src: url('http://otoforddanang.com/media/data/site/Futura.ttf?v=1312'),
 url('http://otoforddanang.com/media/data/site/Futura.eot?v=1312');

}

@font-face {
 font-family:'Roboto';
 src: url('http://otoforddanang.com/media/data/site/RobotoCondensed-Regular.ttf?v=1312'),
 url('http://otoforddanang.com/media/data/site/RobotoCondensed-Regular.eot?v=1312');

}



@font-face {
 font-family:'Dosis';
 src: url('http://otoforddanang.com/media/data/site/Dosis-Medium.ttf?v=1312'),
 url('http://otoforddanang.com/media/data/site/Dosis-Medium.eot?v=1312');

}


.glyphicon{
	font-family: 'Glyphicons Halflings'!important;
}
.fa{
	font-family: 'FontAwesome'!important;
}
html,body
{
	border: 0;
	background-color: #fff;
}
*{
	margin: 0;
	padding: 0;
}
html
{
	font-size: 62.5%;
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:100%;
}

body
{
	line-height: 20px;
	font-size: 13px;
	color: #555555;
	overflow-x: hidden;
	background : #fff;
}
span.sub-arrow {
display:none
}


.header-items{
	float:right;
	padding:7px 15px;
	background:#34495E;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.header-items ul{
padding:0;
}
.header-items li{
	margin-left: 5px;
	margin-right: 5px;
	float: left;
	border-right: 1px solid #3F5973;
	padding-right: 9px;
	white-space:nowrap;
}
.header-items li:last-child{
border:0;
padding-right: 0;
}



/* 1.2 - HTML5 Elements */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; }

/* 1.4 - Typography */
h1,h2,h3,h4,h5,h6 { color:#333333; margin:0 0 13px 0;  }
h1,h2,h3,h4,h5,h6,.cart-summary, .toolbar {  }
h1 { color: #333333;  font-size: 36px; line-height: 36px; font-family: 'Roboto', sans-serif; }
h2 { color: #333333;  line-height: 35px;  font-family: 'Roboto', sans-serif;
    font-size: 35px;
    letter-spacing: 5px; }
h3 { color: #333333;  font-size: 24px; line-height: 24px; }
h4 { font-size: 13px; line-height: 18px; }
h5 { font-size: 12px; line-height: 18px; }
h6 { font-size: 10px; line-height: 18px; text-transform:uppercase; }
h1 .note, h2 .note, h3 .note, h4 .note, h5 .note, h6 .note { margin-left: 8px; font-weight: 400; font-size: 12px;}
h1 .note a, h2 .note a, h3 .note a, h4 .note a, h5 .note a, h6 .note a { color: #ef8742; }
p { margin: 0 0 20px 0; line-height: 21px }

/* 1.5 - Links and Buttons */
a {  text-decoration: none; outline: none; cursor:pointer}


a:active { outline: none; }

a:hover{text-decoration: none; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#000000; }
.accent-color { color: #ef8742 !important; }

#product .add-to-cart .icon, a.btn, input.btn, .searchform input.submit, .cart-summary a .icon { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#zoom-image { -webkit-border-radius:0 2px 0 0; -moz-border-radius:0 2px 0 0; border-radius:0 2px 0 0; }

/* 1.6 - Tables */
table { width: 100%; border-spacing: 0; }
table tr { border-bottom: 1px solid #dddddd; }
table tr td, table tr th { padding: 10px; text-align: left; }
table tr td:first-child, table tr th:first-child { padding-left: 0px; }
table tr td:last-child, table tr th:last-child { padding-right: 0px; }

strong { font-weight: 700; }
em { font-style: italic; }

/* 1.7 - Icons */
.icon-social { float: left; display: block; width: 32px; height: 32px; overflow: hidden; text-indent: -9999px; margin-right: 10px; margin-bottom: 10px;}
.icon-social { background: url('//hstatic.net/0/0/global/design/theme-default/social-icons-light-bg.png') no-repeat; }

.icon-social {
  filter: alpha(opacity=50); /* internet explorer */
  -khtml-opacity: 0.5;      /* khtml, old safari */
  -moz-opacity: 0.5;       /* mozilla, netscape */
  opacity: 0.5;           /* fx, safari, opera */
}
.icon-social:hover {
  filter: alpha(opacity=100); /* internet explorer */
  -khtml-opacity: 1;      /* khtml, old safari */
  -moz-opacity: 1;       /* mozilla, netscape */
  opacity: 1;           /* fx, safari, opera */
}
.icon-social.twitter { background-position: 0 0; }
.icon-social.facebook { background-position: -50px 0; }
.icon-social.youtube { background-position: -100px 0; }
.icon-social.atom { background-position: -150px 0; }
.icon-social.instagram { background-position: -200px 0; }
.icon-social.pinterest { background-position: -250px 0; }
.icon-social.vimeo { background-position: -300px 0; }
.icon-social.tumblr { background-position: -350px 0; }
.icon-social.google { background-position: -400px 0; }

.icon-facebook { float: left; margin-top: 1px; width: 40px; overflow: hidden; }
.icon-cart { float: left; display: block; width: 22px; height: 22px;}

#social .google-plus, #product .tweet-btn, #product .pinterest, #product .facebook-like { display:block; float:left; margin-right:10px; }
#social .pinterest { width: 70px; }
#social .share-this { float: left; margin: 0 10px 0 0; }
.credit-cards { margin:0 auto; list-style:none outside none; text-align: center; }
.credit-cards li { display: inline; margin-right: 10px; }
#customer_orders,#customer_sidebar,#order_payment,#order_shipping{margin-bottom:30px;margin-top:30px;}
#address_tables {margin: 20px 15px 0px 0px;}
.col-md-6 #address_tables{padding-left:0px; margin-bottom:30px;}
/* =================== */
/*      SECTION 2      */
/* =================== */
/* 2.1 - Helper Classes */
.row:before, .row:after, .clearfix:before, .clearfix:after {content:"\0020";display:block;height:0;visibility:hidden}
.clearfix:after, .row:after { clear:both; }
.clearfix, .row { zoom:1; }

.p0 { margin-bottom: 0px !important; }
.pl0{padding-left:0px !important;}
.p5 { margin-bottom: 5px !important; }
.p10 { margin-bottom: 10px !important; }
.p15 { margin-bottom: 15px !important; }
.p20 { margin-bottom: 20px !important; }
.p25 { margin-bottom: 25px !important; }
.p30 { margin-bottom: 30px !important; }
.p35 { margin-bottom: 35px !important; }
.p40 { margin-bottom: 40px !important; }
.p50 { margin-bottom: 50px !important; }
.p60 { margin-bottom: 60px !important; }
.pt20{padding-top: 20px !important;}
.plr10{padding: 0px 10px 0px 10px;}
.hidden {display: none!important}

.border-top { border-top: 1px solid #dddddd; }
.border-right { border-right: 1px solid #dddddd; }
.border-bottom { border-bottom: 1px solid #dddddd; }
.border-left { border-left: 1px solid #dddddd; }

.display-table { display: table!important; width: 100%; }
.display-table-cell { display: table-cell!important; vertical-align: middle; }

.table { display: table; margin: 0 auto; }
.fixed { position: fixed; }

.note
{
	border: 2px dashed #ACDFFB;
	padding: 9px;
}

hr.divider { margin: 15px 0; background: #dddddd; height: 1px; border: 0; }

/* 2.2 - Grid System */
.toolbar-wrapper { width: 100%; height: 35px; background:  #000000;}

#transparency > .row:before, #transparency > .row:after  { content: ""; display: table; }
#transparency > .row:after { clear: both; }
#transparency > .row { zoom: 1; }


footer {  margin: 0 auto; }
.inner-left { margin-left: 0px !important; }
.inner-right { margin-right: 0px !important; }

/* 2.3 - Lists */
ul{
padding:0;list-style-type:none;
}
ul.unstyled, ol.unstyled { margin: 0; list-style: none outside none; }
ul.unstyled > li, ol.unstyled > li { list-style: none; }
ul.horizontal > li, ol.horizontal > li { display: block; float: left; }
ul.horizontal-inline, ol.horizontal-inline { text-align: center; }
ul.horizontal-inline > li, ol.horizontal-inline > li { display: inline; margin: 0 5px; }
ul.expanded > li, ol.expanded > li { margin-bottom: 10px; }

/* =================== */
/*      SECTION 3      */
/* =================== */
/* 3.1 - Toolbar */
.toolbar { color: #bbbbbb; font-size: 15px; }
.toolbar li { float: right; line-height: 35px; list-style: none; padding-right: 25px; margin-bottom: 0 !important; }
.toolbar a { color: #bbbbbb; }
.toolbar a:hover { color: #bbbbbb; opacity: 0.7; filter: alpha(opacity = 70); }
.toolbar .search_box { height: 34px; padding: 0 10px 0 26px; border: none; vertical-align: middle; line-height: normal;  color: #bbbbbb !important; border-radius:4px}
.toolbar #go { position: absolute; width: 11px; height: 11px; border: none; margin: 21px 0 0 5px; box-shadow: none; }
.toolbar .or { color: #888; }
.toolbar-customer { padding-left:0  !important;}
.toolbar li.toolbar-cart { padding-right:0; }
.toolbar li.search-field { padding-right:0; }

#cart-animation {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    display:block;
    z-index: 15;
    text-align:center;
    line-height: 35px;
    background: #f45b4f !important;
    color: #fff !important;
    font-weight:bold;
    border:3px solid #f45b4f;
    font-size: 16px;
}



/************** CARD **************/
.navbar-main .navbar-nav li .toolbar-cart
{
	line-height: 20px;
	position: relative;
	display: block;
	padding: 15px 10px;
	text-transform: uppercase;
	white-space: nowrap;
	font-size:14px;
	border-right: 1px solid #5192b6;
  border-left: 1px solid #5192b6;
}
.navbar-main .navbar-nav li .toolbar-cart .icon-cart
{
	float: left;
	display: block;
	width: 24px;
	height: 22px;
	margin: 0px 10px 0 0;
	opacity: 0.8;
	filter: alpha(opacity = 60);
}

.icon-cart {
	background: url("http://otoforddanang.com/media/data/site/sprite-new.png?v=1312") no-repeat;
	    background-position: 0 -214px;
}

/* 3.4 - Footer */

footer { padding: 0; }

footer {  }
footer .row { margin-bottom: 0; }
footer, footer p { color: #333; }
footer h1, footer h2, footer h3, footer h4, footer h5 { color: #000;     font-weight: bold}
footer a {  }
footer a:hover { filter: alpha(opacity = 70); color:#000}
footer h4 {font-size: 13px;display:inline-block;line-height: normal;}
footer ul li { margin-bottom: 5px; }
footer .btn.newsletter { font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; margin-left: 15px; background: #f45b4f; color: #fff; }
footer .btn.newsletter:hover { background: #f45b4f; color: #fff; }
footer #mail { width: 168px; }
#footer-info p.copyright {    margin: 10px 0;
    color: #000;
    /* text-transform: none; */
    text-align: center;
    font-weight: 100;
    font-size: 10px;}
.oldie .credit-cards { display:none; }

/* 3.5 - Homepage */
.intro h2 { font-size: 32px; margin-bottom: 20px; }
.intro h3 {  font-size: 14px; line-height: 27px; }
.intro h3 a {  color: #ef8742 !important; }
.intro h3 a:hover {  }

.featured-product  .display-table-cell:first-child { padding-right:40px;}
.featured-product h2 { margin-bottom:5px;}
.featured-product .price { opacity:0.5; font-size:18px; margin-bottom:10px; display: block;}
.featured-product-description { margin: 15px 0;}
.featured-product-header { opacity: 0.5; font-size: 11px; text-transform: uppercase;}
.featured-product-image { width:50%;}

.sample-product-wrapper { background:#eee url('//hstatic.net/0/0/global/design/theme-default/blankslate-producticon.png') no-repeat center center; width:100%; height:170px; display:table; text-align:center; color:#aaa; }
.sample-product { display:table-cell; text-align:center; vertical-align:middle; padding:0 10px; font-size:13px }

.helper-note { font-size:16px;  padding: 20px; position: absolute; max-width:500px; margin-left:-270px; margin-top:30px; left:50%; z-index:99999; display: none; }
.helper-note p { line-height: 23px; margin-bottom:10px;}
.helper-note h3 { font-size:19px; font-weight: bold;}
.helper-section { clear:both;}
.helper-section:hover .helper-note { display:inline-block!important; -webkit-animation: fadeInUp 0.2s ease-in;  -moz-animation: fadeInUp 0.2s ease-in; animation: fadeInUp 0.2s ease-in; }
.helper-section .helper-content { opacity: 1; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in;}
.helper-section:hover .helper-content { opacity: 0.2; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;}

/* 3.6 - Product & Collections */
.product { position: relative; margin-bottom: 20px; }
.product .image { position: relative; overflow: hidden; z-index: 8888; margin: 0 0 5px; }
.product .image a { text-align: center; }
.image a#placeholder.zoom, .thumbs .image a { text-align: center; }
.product .image.loading { background-position: 50% 50%; }
.product img { margin: 0 auto; opacity: 1; filter: alpha(opacity = 100); -webkit-transition:opacity 0.15s; -moz-transition:opacity 0.15s; transition:opacity 0.15s; }
.product:hover img { opacity: 0.7; filter: alpha(opacity = 70); }
.product img, .product .image a { display: block; margin: 0 auto; }
.product a { text-decoration: none; }
.product .details a { display: block; padding: 5px 0; }
.product .title, .product .vendor { display: block; margin: 0; line-height: 22px; display: block; color: #333333; }
.product .title { font-weight: bold; font-size: 14px; }
.product .vendor { font-size: 13px; margin-bottom: 2px; }
.product .circle, #product .circle { position: absolute; text-transform: uppercase; z-index: 9999; font-size: 11px; line-height: 14px; right: -10px; top: -10px; color: #fff!important; padding: 17px 10px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; }
.product .circle.sale, #product .circle.sale { font-family: helvetica; background-color: #f45b4f; opacity: .9; filter:alpha(opacity=90); -webkit-font-smoothing: subpixel-antialiased; }
.product .title{overflow:hiden;white-space:pre-wrap;}
.product .circle, #product .circle{font-size: 7px;line-height: 18px;}
.purchase h2.price { margin: 0 0 10px; display: block; font-size: 24px !important; color: #555555; opacity: 0.7; }
.details .price { color: #555555; opacity: 0.7; }
#product .featured { margin-bottom: 15px; }
#product .description { margin-bottom: 15px; }
#product .thumbs .image { margin-bottom: 15px; }
#product .thumbs .image:nth-child(3n+4) { clear: left; }
#product h3.collection-title { font-size: 20px; padding-bottom: 30px; border-bottom: 1px solid #dddddd; }

.product-options { padding: 15px 0 20px; margin-bottom: 15px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
.product-options label { display: block; margin-bottom: 3px; }
.product-options select { margin-bottom: 20px; }
.product-options textarea { width: 30px; line-height: 18px; height: 18px; min-height: 18px; margin-bottom: 20px; }

@-moz-document url-prefix() { .product-options select { height: 30px; line-height: 30px; } } /* Firefox fix */

#collection h1 { float: left; font-size:30px;color:#000000;text-transform: uppercase;font-weight:100}
#collection .browse-tags { float: right; padding-bottom: 10px; padding-left: 15px;  }
#collection .browse-tags label { float: left; display: block; margin: 1px 8px 0 0; }
@-moz-document url-prefix() {
  #collection .browse-tags label { margin: 7px 8px 0 0; }
  #collection .browse-tags select { float: right; height: 30px !important; line-height: 30px !important; }
}
.product-block .sold-out {
display: none;
}

.collection-item >div{
background:#fff;
background: #fff;
border: 1px solid;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
-webkit-border-radius: 3px;
margin-bottom:30px;
}
.collection-item .image{
text-align:center;
}
.collection-item .details{
padding:5px;
}
.collection-item h4{
color:#53A1CC
}
@media(min-width:992px){
.collection-item:nth-child(3n+1){clear:both}
}
@media(max-width:480px){
.collection-item{width:100%}
}
/* 3.7 - Cart */
#cart .buttons { margin-top: 30px; }
#cart .extra-checkout-buttons { float: right; text-align: right;  padding-top: 15px; }
#cart .extra-checkout-buttons input { border: none; box-shadow: none; height: 42px; }
#cart .qty { text-align: center; }
#cart .price, #cart .remove { text-align: right; }
#checkout { float: right; margin-left: 15px; }
#update-cart { float: right; }
#cart .image { text-align: center; }
#cart .image a, #cart .image img { margin: 0; border: none;max-height:100px }
#cart a .variant_title { display: block; color: #555555; }
#cart a:hover .variant_title { }
#cart .item { max-width: 400px!important; }
#cart .item-description { font-size: 12px; }
#cart .item-quantity{width:50px; text-align: center;}
.subtext.success { font-weight: 700; color: #40954a; }
div.errors, .subtext.error { font-weight: 700; color: #f00; }
div.errors a{color: #53A1CC}
div.errors { margin-bottom: 15px; }

.cart-buttons { float:right!important}

/* 3.8 - Blog / Articles / Search */
/*#blog .pagination { margin-top:40px; }*/
.sidebar h3 { font-size: 18px; }
.sidebar .article { margin: 0 0 15px; }
.sidebar .article a { display: block; }
.sidebar .tags li { margin: 0; }
.article h1 { font-size: 26px; }
.article h1 a { display: block; color: #ef8742; }
.article h1 .article-title { display: block; }
.article h1 a:hover {  }
.article h1 .date, .article-body h1 .date { font-size: 13px;  }
.article .continue { display: block; margin-top: 15px; }
#article .comment { margin-bottom: 15px; }
#article .comment_form { margin-top: 30px; margin-bottom: 30px;}
#article .comment_form .subtext { margin-bottom: 15px; }
#article .comment_form label { display: block; }
#article .comment_form .text { margin-bottom: 15px; display:block; }
#article h2.comment-title { font-size: 20px; }
#article #comment_body { width: 100%; height: 200px; }
#article h3.author { font-size: 14px; font-style: normal; text-transform: capitalize;}
#article-content h1 { color: #333333;  font-size:36px; line-height:36px; }
#article-content h2 { color: #333333;  font-size: 28px; line-height:36px; }
#article-content h3 { color: #333333;  font-size: 28px; line-height: 28px; }

#search .results .thumbnail a { display:block; float:right; }
#search .search-border { border-bottom: 1px solid #dddddd; }
#search .results .thumbnail a { float: none; }
#search .search-field { position: relative; height: 60px; line-height: 60px; width:300px}
#search .search_box { height: 34px; width:100%;padding: 0 10px 0 26px; border: none; vertical-align: middle; line-height: normal; color: #555555 !important; border: 1px solid #dddddd; }
#search #go { position: absolute; width: 11px; height: 11px; border: none; margin: 22px 0 0 5px; box-shadow: none;top:5px;right:5px }

/* 3.9 - Customer Pages */
#customer-account p, #customer-order p { line-height: 14px; }
#login input.text { width: 220px; }
#customer-activate .create-password { margin-bottom: 30px; }
#customer-activate .label, #customer-login .label, #customer-reset-password .label, #customer-register .label { display: block; }
#customer-activate .text, #customer-login .text, #customer-reset-password .text, #customer-register .text { display: block; margin-bottom: 15px; }
#customer-login .action_bottom, #customer-register .action_bottom,.address_actions { margin-top: 15px; }
#order_cancelled { margin-bottom: 30px; }
#customer-addresses .add-new-address { display: block; }
.action_bottom span { line-height: 40px; }

/* =================== */
/*      SECTION 5      */
/* =================== */
/* 5.1 - IE Fixes */
.ie8 .product .circle, .ie8 #product .circle { right: 0; top: 0; padding: 8px 12px; }
.ie7 nav > ul > li { float: left !important; display:inline-block !important; }

/* added by kevin @ haravan */
input[type="radio"] {-webkit-appearance: radio; /* fix for Minimal, Launchpad, and React */}

/* ANIMATE.css */
body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}10%{-moz-transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{-moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)}70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX(0deg)}100%{-moz-transform:skewX(0deg)}}@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)}40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)}70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0deg)}100%{-o-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}

.label
{
	background: none !important;
	color: #333;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
}

.header-items a{color:#fff;}
.header-items a:hover{color: #1ABC9C;}
.product-block p
{
    margin-bottom: 13px;
    line-height: 15px;
}
.product-block .pro-price-del del{
	color:#aaaaaa;
	font-size:16px;
	font-weight:500;
	text-decoration:line-through;
}

.pro-price
{
  
    color: #ea1616;
    margin-bottom: 0px;
    font-size: 23px;
    font-weight: 600;

}


.product-block .product-detail h3.pro-name{
	margin-bottom:3px
}

.product-block .product-detail h3.pro-name a
{font-size: 14px;display:inline-block;padding-bottom: 6px;line-height: 22px;font-weight:100;/* white-space: pre; *//* overflow: hidden; */text-overflow: ellipsis;width: 100%;float: left;}



.product-block .product-detail.product-detail-inner h3.pro-name a
{
	font-size:14px
}

.product-block:hover .product-detail h3.pro-name a, .product-block:hover .product-detail p.pro-price
{
	color:#000000;

}


.col-md-4 .col-sm-6 .col-xs-6 .pro-loop{}



	.hangmoive .mask{

	background:url("http://otoforddanang.com/media/data/site/new.png?v=1312");
	position:absolute;
	left:0px;
	top:0px;
	width:40px;
	height:40px;
	z-index:10
	
}

.product-block .product-img{
text-align:center;

}

.compare-price{
    font-size: 12px;
    color: #999;
    /* margin-left: 3px; */
    font-weight: 100;

    display: inline-block;
}
.product-block .product-img img
{
  max-width: 100%;
 	margin-bottom:5px;
	    border-bottom: 1px solid #e5e5e5;
}

.product-img.image-resize.view.view-third {
position: relative;
}


a.btn.btn-readmore {
	background: #53a1cc;
	border: none;
	padding: 0 5px 0px 10px;
	color: #fff;
	border-radius: 3px;
	height: 25px!important;
	position: relative;
	cursor: pointer;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	text-transform: uppercase;
}
button.btn-comment{
	background: #53A1CC;
	border: none;
	padding: 0 15px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 3px;
	height: 37px;
	line-height: 39px;
	position: relative;
	cursor: pointer;
}
a.btn.btn-readmore:before {
	content: "";
	width: 1px;
	height: 100%;
	border-left: solid #66a6cc 1px;
	border-right: solid #348ec2 1px;
	position: absolute;
	right: 18px;
}
button.btn-comment:before {
    content: "";  width: 1px;  height: 100%;  border-left: solid #3F8CB8 1px;
border-right: solid #61B1DD 1px; position: absolute;  right: 37px;
}

a.btn.btn-readmore:after {
content: " ";
background: url('//hstatic.net/0/0/global/design/theme-default/icon-arr.png') no-repeat center right;
background-size: 40%;
width: 17px;
height: 100%;
float: right;
margin-left: 5px;
}

button.btn-comment:after {
    content: " ";
background: url('//hstatic.net/0/0/global/design/theme-default/icon-arr.png') no-repeat center right;                  width: 30px;                  height: 100%;                  float: right;                  margin-left: 10px;
}
form#article--comment-form input[type=text], #comment_body {
border: 1px solid #ccc;
padding: 10px;
outline: none;
}
#layout-page{
	background:#fff;


	margin-bottom: 20px;
	overflow: hidden;

	padding-bottom: 18px;
}
#layout-page h1,#layout-page h2
{

    content: "";
    text-transform: uppercase;
    color: #333;
    font-size: 30px;
    margin-bottom: 20px;
 	
   
    font-weight: 100;
}

#layout-page p, #layout-page span{
	   font-family: Arial, sans-serif!important;
}

#layout-page p a{
	color: #000000;
	font-weight:500
}

#layout-page h1{
    font-family: "Roboto", Arial, sans-serif!important;
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 3px;
    text-align: center;
}

#layout-page h1 span.header-page{
    font-family: "Roboto", Arial, sans-serif!important;
}

#layout-page h2{
    font-size: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e5e5e5;
    letter-spacing: 1px;
}

.stroke {
    width: 80px;
		height: 2px;
    background: #e6e6e6;
    max-width: 15%;
	display:inline-block;
    vertical-align: middle;
}

.stroke.stroke-left{
	    background: linear-gradient(to left, rgba(230, 230, 230, 0) 20px, #e6e6e6 22px, rgba(230, 230, 230, 0) 22px, #e6e6e6 25px, rgba(230, 230, 230, 0) 100%);
}

.stroke.stroke-right {
    background: linear-gradient(to right, rgba(230, 230, 230, 0) 20px, #e6e6e6 22px, rgba(230, 230, 230, 0) 22px, #e6e6e6 25px, rgba(230, 230, 230, 0) 100%);
}

.date{
	text-align:right;
	color:#000000;
	    margin-bottom: 5px;
    display: inline-block;
}

.col-md-9 #layout-page {padding:0px;padding-bottom:15px;}
.content-page
{
	
	border-radius: 4px;
	margin-bottom: 20px;
}

/******************* SCROLL TO TOP *********************/
.scrollToTop{

	width: 35px;
	height: 35px;
	line-height: 30px;
	text-align: center;
	    outline-offset: -5px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	position: fixed;
	bottom: 36px;
	right: 11px;
	display: none;
	background: #fff;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	    border: 2px double #000000;
    outline: 1px solid #000000;
}
.scrollToTop:hover{
	text-decoration: none;
	color: #fff;
	background: #000000;
}
.cloudzoom-blank>div:last-child {
opacity: 0!important;
height: 0px!important;
width: 0px!important;
}

/*************** ICON INFO ******************/
.body-content .icon-hrv {
background: url('data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNTg4QjI3OThCMThFMzExQkNDRUQ5RTc4RjM4N0M5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMTYwMUY5RUIxMUMxMUU0QUI1REU3QUVBNTdDNzYxOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMTYwMUY5REIxMUMxMUU0QUI1REU3QUVBNTdDNzYxOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEzNzlDN0MwQjRBREU0MTFBRjZBOUMzRjlGODgxRTMzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE1ODhCMjc5OEIxOEUzMTFCQ0NFRDlFNzhGMzg3Qzk0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nGFa6gAAAMhJREFUeNpiDF54hgENiADxLCB2g/J3AXEaEL9BVsTCgAlAmgKR+DB2ELIiJjRNHEDsi8UwX6gcTo1iOFzBApXDqfEjEP/DohEk9p6Qxj1YNILEPuPTCAKZQPwIif8YiLOwuR0ZsAGxNhCbALETVGwfEJtBDfiFbiMjEMcC8XUg3gTE54HYExoVIPYWqFwsVC3cxgIg7kOyWRqI49FcowTEi6AJpJ8JqrmAgXgAUsvCBE0RciRoBKkNYiLRNritII3CZGgUAggwAHAVIEoK/YZJAAAAAElFTkSuQmCC') no-repeat;
}

.body-content .icon-hot
{
 background: url("http://otoforddanang.com/media/data/site/newspaper.png?v=1312") no-repeat ;
}


.button-default {
	background: #000;
	border: none;
	padding: 0 20px;
	color: #fff;
	font-size:16px;
	border-radius: 3px;
	float: right;
	height: 45px;
	line-height: 45px;
	position: relative;
	cursor: pointer;
margin:7px;
}
.button-default:before {
	content: "";
	width: 1px;
	height: 100%;
  border-left: solid #fff 1px;
  border-right: solid #3085A9 1px;
	position: absolute;
	right: 45px;
}
.button-default:after {
	content: "";
	background: url(//hstatic.net/0/0/global/design/theme-default/icon-arr.png) no-repeat center right;
	width: 30px;
	height: 100%;
	float: right;
	margin-left: 10px;
}

.counter-content embed {width: 100%;}

.checkout-buttons textarea{
border-radius: 4px;
height: 70px;
border-color: #DDD7D7;
}
#cartformpage .remove a {color:#333;margin-right:20px;}
#cartformpage .remove a.cart:hover {
color: #53a1cc;
}
#cartformpage img{
max-width:50px;
}
#cartformpage th{
padding-bottom:20px;}
#cartformpage td{
padding:5px;}
.cart-buttons{
margin-top:30px;
}

.face-content * {
max-width: 100%;
}
.modal-backdrop{
position: fixed;
z-index: 99;
}
.input-group-addon {
color: #DFDEDE;
background-color: #F8F8F8 !important;
border-color: #E7E7E7;
}
.form-control {
border-color: #E7E7E7;
}
.input-group {
margin: 10px 0px;
}
.input-group input,
.input-group select,
.input-group textarea{
color: #000!imoprtant;
}
label.sale-lb {
font-size: 60%;
}
div#customer_sidebar p {
margin-bottom: 5px;
}
a.btn.btn-readmore:hover, .action_bottom .btn:hover, .btn.btn-comment:hover, .buttons .button-default:hover {
background: #000000;
color: #fff;
}
#user-icon a:hover {
color: #f4f4f4;
}
.footer-link {
margin-bottom: 8px;
}
checkout-buttons.clearfix * {
	vertical-align: top;
}
td.item-title span {
	color: #000000;
}
td.item-image {
  width: 170px;
  text-align: center;
}
.comment_form .btn-primary
{
	padding: 10px 40px;
	font-weight: bold;
	border-radius: 4px;
}


#binhluan .date
{
	float: right;
	color: #aaa;
	font-size: 12px;
}
#binhluan{margin-bottom: 20px;}
#binhluan border-bottom
{
	border-bottom: 1px solid #dddddd;
	margin: 20px 0px;
}
.comment div{margin-bottom: 20px;color: #aaa;}
#comments input, #comments textarea{border-radius: 4px}
#binhluan .border-bottom:last-child{border-bottom:none;}
#comments small {color: #B5B5B5;}
#footer-info .footer-link span{color: #000000;padding: 13px;}
button[disabled], html input[disabled] {
cursor: default;
opacity: 0.4;
}

.come-back {
	color : #000000;
}
ol.breadcrumb .active {
  text-indent: 20px;
}
ol.breadcrumb .active>span {
  margin-left: -40px;
}
a.logout {
  color: #FF6517;
  text-transform: none;
  font-size: 16px;
  margin-left: 10px;
  line-height: 27px;
}
span.default_address.note {
  float: left;
}
.view_address, .address_actions {
  float: left;
  width: 100%;
}
.address_table {
  display: table;
  border-bottom: 1px solid #ccc;
}
.blog-breadcrumb
{
	width: calc(100% + 9px);
  margin-left: -9px;
}
.banner-sidebar img
{
	width:100%;
}
.banner,
.banner-sidebar{
	float: left;
}
/*------------------- LOGO -------------------*/
.logo a img, .logo h1 a { display: block; }
.logo a img{opacity:1; filter: alpha(opacity = 100);}

header.header-inner .logo a img{
	width:288px
}

.logo {
    z-index: 999;
    margin: 23px 0px 0px;
}

header.header-inner .logo{

		 margin: 30px 0px 10px;

}

.logo h1 { margin:0; border:0; }
.logo h1 a { text-decoration:none; 
font-size:36px;
 line-height:36px;
 color:#333333;  padding:0px; border:0; }
.logo h1 a:hover { text-decoration:none; color:#333333; }
.logo a, .logo img { display:block; margin:0; }

.glyphicon{
	margin-right:10px !important;
}

.header-fixed .header-cart-container{
	    height: 30px;
    width: 135px;
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    text-align: center;
	    border: 1px solid #e4e2dc;
    margin-top: 0;
    padding:5px 7px;
	z-index:99
}

/*-------------------COntent------------------------*/
.main-content .list-group-item{
	margin-bottom:30px;
}

.product{
	border:1px solid #ddd;
	margin-bottom:30px;
}
.end{
	margin-right:0;
}
.product img{
	margin:5%;
	min-width:90%;
	max-width:90%;
}
.product .product-detail{
	margin:15px auto 10px auto;
	width:90%;
}
.product .product-detail h3 a{
	color:#0383C5;
	min-height:41px;
	max-height:41px;
	overflow:hidden;
	font-size:16px;
	display:block;
	cursor:pointer;
	white-space:inherit;
}
.product .product-detail span.price-del{
	color:#f71b3a;
	font-size:16px;
	font-weight:500;
	text-decoration:line-through;
}
.product .product-detail span.price{
	color:#f71b3a;
	font-size:16px;
	font-weight:500;
}
img
{
  max-width:100%;
}


.custom-dropdown {
	margin-top: 5px;
	display: inline-block;
	position: relative;
	vertical-align: middle;

	max-width: 100%;
	overflow: hidden;
	margin-left: 2px;
	border-radius:5px;
}
.browse-tags .custom-dropdown{
width:140px;
margin-top:0px;
margin-bottom:10px;
}
.custom-dropdown::before {
	width: 2em;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 0 3px 3px 0;
}
.custom-dropdown::before,
 .custom-dropdown::after {
	content: "";
	position: absolute;
	pointer-events: none;
}
.custom-dropdown--white::before {
	background-color: #fff;

}
.custom-dropdown__select {
	font-size: inherit;
	padding: .5em;
	margin: 0;
width:100%;
}
.custom-dropdown__select--white {
	background-color: #fff;
	color: #000;
}
.custom-dropdown__select {
	padding-right: 2.5em;
	border: 0;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}
.custom-dropdown::after {
    content: "\f107";
    height: 1em;
    font-size: 21px;
    line-height: 1;
    right: 0;
    top: 50%;
    margin-top: -.5em;
    font-family: FontAwesome;
}
.custom-dropdown--white::after {
	color: rgba(0,0,0,.9);
}


/** breadcrumb **/
nav.breadcrumbs {
height: 36px;
padding: 0;
line-height: 36px;
list-style: none;
   margin-bottom:10px;

}
nav.breadcrumbs a, .breadcrumbs .divider{

    color:#444444;
}
nav.breadcrumbs span{
    color:#53a1cc;
}
.product-list  .product-sale {
    position: absolute;  top: -14px; 
     right: 0px; 
}

.product-list .product-sale span {
		position: absolute;
		top: 8px;
		right: -8px;
		color: #fff;
		font-size: 16px;
}
.content-list img {
    max-width:100%;
}

.product-sale .icon-sale{
	position: absolute;
    min-height: 22px;
    min-width: 90px;
    padding: 4px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
    text-transform: uppercase;
    text-shadow: none;
    border-bottom: 3px solid #21e1e;
    font-family: 'Dosis', sans-serif;
    letter-spacing: 2px;
    top: -10px;
    right: -5px;
    margin: 0;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #21e1e;
	    z-index: 10;
}

.product-sale img {
height: 30px;
}

.line000{
	height:1px;
	width:100%;
	background:#e5e5e5
}

.product-list {
    clear: both;


}
.product-list .title-line {
	display: block;
	margin:0;
	position: relative;
	border-bottom: 1px solid #e5e5e5;


}


.product-list .title-line h3, .product-list .title-line h2.seoh2, .product-list .title-line h1 {
   
	display: inline-block;
	/* background: #fff; */
	padding: 0px;
	white-space: nowrap;
	position: relative;
	z-index: 1;
	line-height: 30px;
	color: #000000;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 24px;
	width: 100%;
	font-weight: 300;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: -1px;
}



.product-list .pull-center {
    text-align: center;
    margin-bottom: 25px;
}


.product-block .product img{
	margin:5%;
	min-width:90%;
	max-width:90%;
}

.product-block .product-detail{
	margin:0px;
	width: 100%;

    padding: 5px 10px 0px;
    font-size: 15px;
    min-height: 52px;

}
.product-list.product .product-detail h3 a{
	color:#303030 !important;
	min-height:41px;
	max-height:41px;
	overflow:hidden;
	font-size:16px;
	display:block;
	cursor:pointer;
}

.content-product-list.product .product-detail span.pro-price{
	color:#ff6517 !important;
	font-size:15px;
	font-weight:500;
}

.product-block .product-img>img
{
  border-radius: 4px;
}



.bt-more{
	margin:0 auto;
	width:100%;
	text-align:center;

}


.mask{
	margin:0px;
		 
}

.mask .button-product{
	width:50%;
	display:inline-block;
	float:left;
}

.view-all{
	width:150px;
	margin-top:20px;
	float:right
}

.btn{
	    display: inline-block;
    padding: 13px 0px 10px;
		    width: 100%;
    margin-bottom: 0;
    font-size: 14px ;
    line-height: 20px ;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #ce0810;
    color: #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
    border: none;
    border-bottom: 3px solid #f7c351;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background-position .2s linear;
    -moz-transition: background-position .2s linear;
    -o-transition: background-position .2s linear;
    transition: background-position .2s linear;
}

.btn:hover{
	color: #fff;

    background: #ef632a;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.btn.quickview{
	    background:   #e5e5e5;
	    color: #ef632a;
	 border-bottom: 3px solid #e5e5e5;
}

.btn.quickview:hover{
		   color:#999;
	border-bottom: 3px solid #e42626 ;
}

.news-content .btn, .news-latest .article .btn{
	width:150px;
	    margin-top: 10px;
    color: #fff;
}

.news-content .btn:hover, .news-latest .article .btn:hover{
	color:#000000
}

.mask img{
	display:inline-block;
	cursor:pointer
}

.product-block:hover .mask{
	    visibility: visible;
}


.bt-more a{

    font-weight: 600;
    letter-spacing: 2px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    border: none;
    width: 100%;
	   text-transform: uppercase;
    background-color: #751a0e;
    padding:7px 10px;
	color:#fff;
	    display: block;
	margin-bottom:13px;
	font-size:12px
}

.bt-more a:hover{
	text-decoration:none;
	    background-color: #a32413;
}


#footer-info{
	background: #fff;
	clear: both;
	float: left;

	font-size:12px;
	width: 100%;
		padding:10px 0px;

    line-height: 25px;


}




#footer-info .ui-footer-subscription-social{
	float:right
}

#footer-info div.ui-footer-subscription-social,
#footer-info div.ui-footer-subscription ,
#footer-info div.ui-footer-links-container {
	padding-top:30px
}

#footer-info p{
	color: #383838;
	font-weight: 300;
	line-height: normal;
}
#footer-info h5{
	color:#CCC;
}

#footer-info a{
	font-size:12px
}
#footer-info hr{
	width:80%;
	/*border: 1px solid #3B3939;
	border-bottom: 1px solid #5D5A5A;
	border-top: 1px solid #3B3939;*/
	margin-left: auto;
	margin-right: auto;
border-color: #940202;
}
#footer-info h5 p{
color: #CACACA;
}
#footer-info h5 p a{
color: #000000;
}
.footer-link span,
.footer-link a {
  color: #000000;
}

.userbox {
  max-width: 100%;
	width: 335px;
	padding: 15px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
margin:auto;
margin-bottom:20px;
}
.userbox h2 {
	color: #75828C;
	font-size: 16px;
	margin-top: 0;
	display: inline;
}
.icon-field {
	display: inline-block !important;
	background-color: #F8F8F8 !important;
	color: white;
	border: solid 1px #E7E7E7;
	text-align: center;
	height: 37px;
	vertical-align: middle;
	line-height: 33px;
	width: 35px;
	margin-top: 10px;
	margin-bottom: 2px;
	float: left;
}
.icon-login {
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	margin-top: 0;
}
.icon-envelope:after {
	content: url(//hstatic.net/0/0/global/design/theme-default/email.png);
}
.icon-user:after {
	content: url(//hstatic.net/0/0/global/design/theme-default/userico.png);
}
.userbox input[type=email],
.userbox input[type=password],
.userbox input[type=text] {
	max-width: calc(100% - 30px)!important;
	width: 270px !important;
	height: 37px;
	display: inline-block !important;
	background-color: #fff;
	border: solid 1px #E7E7E7;
	margin-left: -5px;
	margin-top: 10px;
	float: left;
	padding-left: 10px;
	outline: none;
	margin-bottom: 0px !important;
}
.icon-shield:after {
	content: url(//hstatic.net/0/0/global/design/theme-default/pass.png);
	margin-top: 8px;
	display: block;
}
.action_bottom .btn {
	font-size: 14px;
	font-weight: 600;
	color: white;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	height: 35px;
	background: #000000;
	text-align: center;
	border: none;
	margin-top: 15px;
}

#customer-login .action_bottom {
	margin-top : 0px;
}
.req_pass {
	margin-top:10px;
}
.req_pass a {
	color : #000000 !important;
}
.req_pass a:hover {
	color : #ef8742 !important;
}
div#recover-password h2 {
	color: #4091BD;
	font-weight: bold;
	text-align: center;
	width: 100%;
	float: left;
	border-bottom: 1px solid;
}
li.user{
	color: #fff;
font-size: 18px!important;
}
li.user a:not(.fa) {
font-size: 18px!important;
font-weight: bold;
line-height: 50px;
}
hr.line-blog
{
	border: 0;
	border-top: 1px solid #eee;
	width: calc(100% - 30px);
	border-bottom: 1px dotted #ccc;
	border-top: 1px solid #FFFFFF;
	margin-bottom: 25px;
	margin: auto;
}
hr.line-blog:last-child{
	display: none;
}

.wrap-excerpt{
	padding:4px;
	border:1px solid #ddd;
	border-radius:5px;

}
.news-content
{
  margin: 30px 0px;
float: left;
width:100%;
}
.p0{padding:0px;}
.blog-content .articles:first-child
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.blog-content .breadcrumb
{
	background-color:#f3f3f3;
	font-size:12px;
	padding-left: 0px;
	padding-bottom: 0px;

}
#blog-container .header-page h2 {
margin-bottom: 0px;
}

.news-content h2.title-article a {
	font-size: 22px;
	white-space: inherit;
}

.news-content h2.title-article a:hover{
	color:#000000;
	text-decoration:underline
}

.news-content .more-act a
{
color:#53a1cc;
text-decoration: underline;
padding-left:15px;
}

.news-content .body-content p
{
margin-bottom: 16px;
text-align: justify;
}

.news-content .col-md-2
{
	/*padding:0px;*/
}

.news-content .readmore {
color: #000000;
text-decoration: underline;
float: right;
}
.body-content ul
{
	float:left;
	width:100%;
}

.body-content .info-more li
{
	position: relative;
	padding-left: 20px;
	display: inline-block;
}
.body-content .info-more li:last-child
{
}
.body-content .info-more i
{
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  text-align: center;

}

.body-content .info-more a
{
	color:#000000;
	text-decoration: none;
	font-style: italic;
	font-size:14px;
}

.icon-hot
{
	display: inline-block;
	margin: 2px 7px 0 0;
	min-height: 15px;
	width: 16px;
}

.icon-hrv
{
	display: inline-block;
	margin: 2px 7px 0 0;
	min-height: 15px;
	width: 16px;

}

/*****************************/

.news-content .img-responsive
{
	margin:auto;
	border-radius: 2px;
}

h2.comment-title {
	border-bottom: 1px solid #53A1CC;
}
#article .comment, #article .comment_form label{
clear: both;
}
#page .page-intro
{
	background:#fff;
	border-radius:4px;
}

#page .page-intro .header-intro h1
{
	background: #fff;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 0 0 2px rgba(0,0,0,.2);
	padding: 25px 15px 7px 15px;
	border-bottom: 1px solid #53a1cc;
	content: "";
	text-transform: uppercase;
	color: #53a1cc;
	font-size: 18px;
}

#page .col-md-9{padding:0px;}
#page .content-page
{
	padding-left:15px;
	padding-right:15px;
}
div#pagination {

border-radius: 5px;
width: 100%;
float: left;
}
.blog-content div#pagination{
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
}
div#pagination .prev, div#pagination .next {
color: #999;
padding: 14px 0px;
font-size: 22px;
position: relative;
}



div#pagination .fa:before {
font-size: 27px;
position: absolute;
}
div#pagination .prev span, div#pagination .next span {
font-size: 12px;
text-transform: uppercase;
padding: 0px 5px 0px 20px;
white-space: nowrap;
line-height: 29px;
}
div#pagination .next:before {
right: 0px;
}
div#pagination .next span {
padding: 0px 20px 0px 0px;
text-align: right;
}
div#pagination a.page-node, div#pagination span.page-node {
    font-size: 15px;
    color: #999;
    padding: 6px 10px;
  
    display: inline-block;

    margin: 20px 0px;
    transition: all 300ms linear 0s;
}
div#pagination a.page-node:hover, div#pagination span.page-node.current {

	border-radius:50%;
	background:#000;
	color: #fff;

}
div#pagination .prev:hover, div#pagination .next:hover {
color: #000;
	
}
.news-menu.list-group
{
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding-bottom: 1px;
background:#fff;
}

.news-menu .list-group-item.active,
.news-menu .list-group-item.active:hover,
.news-menu .list-group-item.active:focus
{
	z-index: 2;
	color: #fff;
	background-color: #000000;
    
	border-color: #000000;
	
}

.news-menu .list-group-item
{
	position: relative;
	display: block;
	padding: 15px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}
.nav>li>a {
position: relative;
display: block;
padding: 12px 15px;
}
.news-menu .list-group-item:first-child
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.news-menu .article{margin:20px;}
.news-menu .tags{margin: 20px 15px;}
.news-menu .article a {display: block;white-space: pre-line;}
.element.style {
}
.news-menu .nav>li:last-of-type { border-bottom: none;}
.news-menu .nav>li{ border-bottom:1px solid #ddd ;}
.news-menu .nav>li>a{white-space: pre-line; color:#303030; border-left: 4px solid transparent;}
.news-menu .sidebar li:hover a, .news-menu .sidebar li.active a { 
    color: #fff;
    background: #3d3d3d;}



.nav.sidebar#cssmenu > li.item.last > a{
	border-bottom:none;
}

.sidebar#cssmenu li a{
	color:#777;
	display:block;
}
.sidebar#cssmenu .children>li {
padding: 0px!important;
}


span.sign {
      right: 0;
    position: absolute;
padding-right: 10px;
}
-------------------------------
.nav.sidebar #cssmenu ul li a:hover {
  text-decoration: none;
}

.nav.sidebar#cssmenu >li>a:hover,.nav.sidebar#cssmenu > li.item ul li a:hover {
    //background: #fff;
}
.nav .sidebar #cssmenu > ul > li.active {
  border-bottom:1px dotted #cacaca;
background:#f9f9f9;
}


.nav .sidebar #cssmenu > ul > li.has-sub > a span {
 font-weight:normal;
}
.list-group #cssmenu > .has-sub > a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav .sidebar #cssmenu > ul > li.has-sub > a span:after {
float:right;
content:"\f107";
font-size: 18px;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal; margin-left:30px; -webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}

.nav .sidebar  #cssmenu > ul > li.has-sub > ul > li> a:before{content:"\f105"; font-size:18px; display:inline-block; font-family:FontAwesome;
font-weight:normal; left:0px; top:0px;}

.nav .sidebar  #cssmenu > ul > li.has-sub > ul > li> a span{padding:0px 0px 0px 5px;}


/* Sub menu */
.nav .sidebar  #cssmenu ul ul {
  display: none;
}

/*************************/

.mini-submenu{
  display:none;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 9px;
  /*position: relative;*/
  width: 42px;

}

.mini-submenu:hover{
  cursor: pointer;
}

.mini-submenu .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}

.mini-submenu .icon-bar {
  background-color: #000;
}

#slide-submenu{
  background: rgba(0, 0, 0, 0.45);
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}

/* =================== */
/*     Slider     */
/* =================== */
/* 6.1 - FancyBox */
#fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}* html #fancybox-loading{position:absolute;margin-top:0}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('//hstatic.net/0/0/global/design/theme-default/fancybox.png')}#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:999999;display:none}* html #fancybox-overlay{position:absolute;width:100%}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;margin:0;padding:20px;z-index:999999;display:none}#fancybox-outer{position:relative;width:100%;height:100%;background:#FFF;box-shadow:0 0 20px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);-moz-box-shadow:0 0 20px rgba(0,0,0,0.4)}#fancybox-inner{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:0;outline:0;overflow:hidden}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background-image:url('//hstatic.net/0/0/global/design/theme-default/fancybox.png');background-position:-40px 0;cursor:pointer;z-index:1103;display:none}#fancybox_error{color:#444;font:normal 12px/20px Arial;padding:7px;margin:0}#fancybox-content{height:auto;width:auto;padding:0;margin:0}#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:0;outline:0;line-height:0;vertical-align:top;-ms-interpolation-mode:bicubic}#fancybox-frame{position:relative;width:100%;height:100%;border:0;display:block}#fancybox-title{position:absolute;bottom:0;left:0;font-family:Arial;font-size:12px;z-index:1102}.fancybox-title-inside{padding:10px 0;text-align:center;color:#333}.fancybox-title-outside{padding-top:5px;color:#FFF;text-align:center;font-weight:bold}.fancybox-title-over{color:#FFF;text-align:left}#fancybox-title-wrap{display:inline-block}#fancybox-title-wrap span{height:32px;float:left}#fancybox-title-left{padding-left:15px;background-image:url('//hstatic.net/0/0/global/design/theme-default/fancybox.png');background-position:-40px -90px;background-repeat:no-repeat}#fancybox-title-main{font-weight:bold;line-height:29px;background-image:url('//hstatic.net/0/0/global/design/theme-default/fancybox-x.png');background-position:0 -40px;color:#FFF}#fancybox-title-right{padding-left:15px;background-image:url('//hstatic.net/0/0/global/design/theme-default/fancybox.png');background-position:-55px -90px;background-repeat:no-repeat}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:0;z-index:1102;display:none}#fancybox-left{left:0}#fancybox-right{right:0}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}#fancybox-left-ico{background-image:url('//hstatic.net/0/0/global/design/theme-default/fancybox.png');background-position:-40px -30px}#fancybox-right-ico{background-image:url('//hstatic.net/0/0/global/design/theme-default/fancybox.png');background-position:-40px -60px}#fancybox-left:hover,#fancybox-right:hover{visibility:visible}#fancybox-left:hover span{left:20px}#fancybox-right:hover span{left:auto;right:20px}
/* 6.2 - FlexSlider */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {width: 100%; margin: 0 0 30px 0; padding: 0;border: 0px solid #fff;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin-bottom: 0px !important;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: inline-block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {background: #fff; position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative; }
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.8); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.8); font-size: 14px; line-height: 18px;}

.flex-direction-nav li { margin-bottom: 0; }
.flex-direction-nav li a {

width: 32px;
height: 32px;
display: block;
background: url('//hstatic.net/0/0/global/design/theme-default/slide-arrow.png') no-repeat;
position: absolute;
top: calc(50% - 16px);
cursor: pointer;
text-indent: -999em;
border-radius: 50%;
opacity: 0;

}
.flex-direction-nav li .flex-disabled {display: none; filter:alpha(opacity=30); cursor: default;}
#sliderproduct:hover .flex-direction-nav li a,
#p-sliderproduct:hover .flex-direction-nav li a{
opacity: 0.7;
}
#sliderproduct:hover .flex-direction-nav li a:hover,
#p-sliderproduct:hover .flex-direction-nav li a:hover{
opacity: 1;
}
/* Dark Direction Nav */
.flex-direction-nav li .prev {left: 20px; background-position: 0 0; }
.flex-direction-nav li .next {right: 20px; background-position: -252px 0; }
.flex-direction-nav li .prev:hover {background-position: 0 -50px; }
.flex-direction-nav li .next:hover {background-position: -252px -50px; }

.flex-controls { filter: alpha(opacity = 90); }
.slides a:hover { opacity: 1; }

.slider-default.col-md-12
{
padding:0px;
}
.zoomWrapper {
position: relative;
text-align:center;
  width: 100% !important;
}
.zoomWrapper img {
max-width: 100%;
max-height: 100%;
  position: relative !important;
}
.flexslider .slides > li{
display: block!important;
}
body {
	background:#fff;
	font-family	: Arial, 'Helvetica Neue', Helvetica, sans-serif,Arial, Helvetica, sans-serif;
	overflow: auto !important;
	font-size:12px;
	color:#000000
}
li {
list-style: none;
}

/* header */
#menu-top {

}

/* end header */


/* product detail */
#wrapper-detail {
background : white;
border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);

}

.detail-product p{
	margin-bottom:12px
}

.product-title h1 {

font-size : 26px;
font-weight : 100;
margin-bottom:10px;
text-transform: capitalize;
}


.product-price {
	width: 100%;


    background: #fff;
margin-bottom:15px
}
.product-price span {
	font-size: 20px;
	color: #000;
	display: inline-block;
	letter-spacing: -0.5px;
	    margin-right: 10px;
}
.product-description-wrapper{
overflow-x: auto;
}
.product-description-wrapper *{
max-width: 100%;
}

.product-description-wrapper img{
	margin:20px auto
}
.product-price del {
    font-size: 14px;
    color: #000000;
}


.product-sale span {
position: absolute;
top: 6px;
right: 2px;
color: white;
font-size: 16px;
font-weight: bold;
white-space: nowrap;
}

input.countquantity{
	border-radius: 0;
    background-color: #d8d8d8;
    background-image: -moz-linear-gradient(top,#e0e0e0,#ccc);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#e0e0e0),to(#ccc));
    background-image: -webkit-linear-gradient(top,#e0e0e0,#ccc);
    background-image: -o-linear-gradient(top,#e0e0e0,#ccc);
    background-image: linear-gradient(to bottom,#e0e0e0,#ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0e0e0', endColorstr='#ffcccccc', GradientType=0);
    padding: 4px 5px;
    width: 24px;
    border: 1px solid #ccc;
    font-size: 14px;
	    height: 42px;
    text-align: center;
	line-height:32px
}

#quantity {
      text-indent: 16px;
    border: 1px solid #ccc;
    max-width: 100%;
    padding: 4px 5px;
    width: 60px;
    height: 42px;
    font-size: 14px;
    border-left: none;
    border-right: none;
    margin: 0px -4px;
    line-height: 32px;
}

.btn-detail {
 
    color: #fff;
    text-align: center;
    border-radius: 3px;
    height: 50px;
    line-height: 50px;
    position: relative;
    cursor: pointer;
    font-size: 15px;
		 border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


.btn-color-buy {

cursor: pointer;
width: 100%;
margin: 15px 0px;
border: 1px solid #288ad6;
   
    background: #288ad6;
}

.btn-color-buy:hover{
	    background: #137bcc;
    border: 1px solid #137bcc;
}

.product-comment .nav-tabs {
border : none;
}
.product-comment .nav {
border-bottom: 1px solid #000000;
}
.product-comment li {
float : left;

}

.product-comment li a {
	

    text-align: center;
    font-size: 14px;
    font-weight: 500;
    position: relative;
   	    border-radius: 4px 4px 0 0;
    color: #000000;
    background: #ccc;
    border: 1px solid #e1e1e1;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.product-comment li.active a, .product-comment li a:hover{
	    color: #fff;
    background: #000000;
}


.product-comment #mota p{
	font-family:Arial, sans-serif
}

.product-comment #mota:after {
left: 9%;
}
.product-comment #binhluan:after {
left : 26%;
}
.product-comment #like:after {
left : 44%;
}
.notice{
margin-bottom:20px;
color:#737373;
}

#mota{
	padding: 15px;
	background: #fdfdfd;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.05);
	margin-bottom:20px
}

.tab-pane {
padding : 10px;
}
.title-bl > h2,.title-like > h2 {
color : #000000;
font-size: 16px;
font-weight:500;
margin-bottom: 5px;
}
.title-bl,
.title-like {
border-bottom: 1px solid #000000;
margin-bottom: 23px;
}
#like > h2 {
font-size : 18px;
}
#binhluan,#like {
margin-top:30px;
}

/* end product detail */




/* addthis */
.addthis_button_tweet {
width: 80px !important;
}
.addthis_button_google_plusone {
width : 63px !important;
}
/* end addthis */

/* related product */

.products {
padding: 15px;
}

@media (max-width:650px) {
.product-comment #mota:after {
border:none;
}
}

.product-wrapper {
border-radius : 5px;
background : white;
box-shadow: 0px 0px 1px 1px #ccc;
}
.related-image-wrapper {
background : white;
}
.related-image-wrapper img {
max-width:100%;
}
.related-product-detail {
padding:25px 15px;
}
.related-product-price {
display:block;
font-size: 20px;
color : #ff6517;
}
.related-product-pricesale {
display:block;
font-size:17px;
color : #aaaaaa;
}
.related-product-name h2 {
display:block;
font-size : 16px;
margin : 0px;
}
.related-image-wrapper:hover .related-view {
height:262px;
cursor : pointer;
}
.related-view {
background: #83b9d8;
position: absolute;
top: 0;
width: 262px;
opacity: 0.7;
}
.related-view img {
top: 40%;
left: 38%;
position: absolute;
}


/* end related product */

/* img zoom */
.flexslider li.product-thumb a {
display: block;
position: relative;
}



.selector-wrapper,.select-wrapper {
margin : 15px 0px;
}
.selector-wrapper label,.select-wrapper label {
font-size : 13px;
color :#808080;
display:block;
}
#buy-now {
display : inline-block;
}


.product-thumb{
	box-sizing: border-box;
	width:60px
}

li.product-thumb {
    border: 1px solid #eee;
    margin: 5px;
    padding: 1px;
    text-align: center;
    display: inline-block;
}

.product-thumb.active,
.product-thumb:hover {

    border: 1px solid #000;
    position: relative;

}

.product-thumb.active a:after, .product-thumb:hover a:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    content: "";
    position: absolute;
    top: -5px;
    left: calc(50% - 4px);
}

li.product-thumb a{
	display:inline-block;
	width:100%
}


#sliderproduct{
	position: relative;
width:100%;
	margin-bottom:20px
}


/********************** MENU MAIN ************************/

.wapper-nav{
  
       padding-top: 1px;
	  

}

button.icon-search:hover, .open .dropdown-toggle.btn-default{
	background:#fff url("//otoforddanang.com/media/data/site/sprite-new.png?v=1181") no-repeat;
	    background-position: 8px -534px;
}

.navbar-main.navbar {
	    position: relative!important;


    background: transparent;
		border:none;

		    min-height: 32px;
    margin-bottom: 0px;
}	

.navbar-main.navbar {
	border-radius: 0px;
}
.right-menu{
margin: 0px 15px;
margin-right: 30px;
}

ul.mobile-menu-icon .user a {
color: #fff;
font-size: 24px;
padding: 13px;
}

ul.mobile-menu-icon {
margin: 0px;
}
.navbar-main .navbar-nav>li>a
{
	line-height: 20px;
	position: relative;
	display: block;
	white-space: nowrap;
	font-size: 15px;
	padding: 0px 5px 8px 5px;
	margin-left: 20px;
	color:#000;
	font-family:'Roboto', Arial, sans-serif;
	transition: all 300ms linear;
	text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	background: #ffffff!important;
}

.navbar-main .navbar-nav>li>a:after{
	display:block;
	left:0;
	right:0;
	content:"";
	top:0;
	height:0;
	background:#000000;
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
	filter:alpha(opacity=0);
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;
}

ul.mobile-menu-icon li#cart-target {
color: #fff;
height: 100%;
font-size: 26px;
line-height: 50px;
position: relative;
}


.mobile-menu-icon-wrapper {
width: calc(100% - 70px);
}
ul.mobile-menu-icon>li {
float: right;
margin-left: 12px;
margin-right: 12px;
}
ul.mobile-menu-icon .dropdown-menu {
left: auto;
right: 0px;
margin: 0px;
border-radius: 0px;
background-color: #EDEDED;
}
.navbar-main.navbar-default .navbar-toggle
{
	background: none;
	border-color: #000;
	border:none;
float: left;
margin: 8px;
}
div#navbar>ul>li>ul {
padding: 0px;
}
div#navbar> .open {
background: #68B0D8;
}

.nav-wrapper{
	text-align:center
}



.navbar-main.navbar-default .navbar-toggle .icon-bar {background-color: #000;    width: 20px;
    height: 2px;}
.navbar-main.navbar-default .navbar-collapse,
.navbar-main.navbar-default .navbar-form {
	border-color: #fff;
}
.navbar-main .navbar-nav
{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:-30px
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
font-size: 16px;
line-height: 35px;
}

#navbar ul.dropdown-menu li{
	width:100%
}

#navbar ul.dropdown-menu li a {
	margin: 0px;
	padding: 0px 10px;
	margin-right:0px!important;
	text-transform:uppercase;
	font-size: 13px;
	background: transparent;
	color: #fff;
	padding: 0 10px;
	width:100%
}

#navbar ul.dropdown-menu.dropdown-menu-child li a{
	font-size:12px;
		text-transform:none;
	color:#383838
}


#navbar ul.dropdown-menu li a:hover{
	    color: #fff;
    background: #383838;
}

#navbar ul.dropdown-menu li a.txtbold{
	font-weight:bold;

}

#navbar ul.dropdown-menu li a.txtbold:hover{

color:#000000
}

#navbar ul.dropdown-menu {
background: #000000;
	display:none;
	padding:10px 0px
}

#navbar ul.dropdown-menu.dropdown-menu-child{
	background:#fff;
	padding:0px;

} 



div#navbar>ul>li:first-child{border-left:none;}div#navbar>ul>li:last-child{border-right:none;}
#navbar li>ul>li>a,
#navbar li>ul,
#navbar li{
border-radius: 0px;

	display:inline-block;
margin-right:3px;
	text-align:left
}

/*================HEADER ISON CART=============*/
li#cart-target a.cart {
	color:#666;
}

li#cart-target a.cart span#cart-count{


border-radius: 100%;

font-size: 12px;
line-height: 20px;

}

li#cart-target a.cart span#cart-count .wrapperprice{
	color:#008dd6
}

li#cart-target a.cart span#cart-count .totalprice{
	margin:0px 5px 0px 10px
}

#cart-icon ul{
display: block!important;
}
.navbar-main .navbar-nav li .toolbar-cart {
line-height: 20px;
position: relative;
display: block;
padding: 15px 10px;
text-transform: uppercase;
white-space: nowrap;
font-size: 14px;
border:none;
height: 50px;
}
/*============HEADER ISON _SEARCH===============*/

.top-banner{
	margin-bottom:0px;
	
}

.col-header-2{
		position:initial

}

.header-right {
    margin-top: 5px;
    text-align: right;
	position:initial
}

.top-banner li{
	display:inline-block;
	margin-left:15px;
    text-transform: lowercase;
	 font-size: 12px;
 
}

.btn-search{
	width:75px
}

li#search-icon {


position: relative;
}


#search-icon ul{
display: block!important;
}
button.icon-search {
	width: 75px;
	height: 26px;

	background: url("http://otoforddanang.com/media/data/site/sprite-new.png?v=1312") no-repeat;
	background-position: 8px -534px;
	border-radius: 0px;
	border: 0px;
	    text-transform: lowercase;
	text-align: right;

	font-size: 12px;

}

.close-icon {
	width: 38px;
	height: 38px;
	background: url(http://otoforddanang.com/media/data/site/sprite-mj.png?v=1312) 0 -26px no-repeat;
	background-size: inherit;
	-webkit-background-size: inherit;
	right: -68px;
	top: 8px;
	position:absolute;
	cursor: pointer;
	display:inline-block
}

li#search-icon:hover .search-bar {
display: block;
}
.search-bar form input {
	border: 0px;
	background: transparent;

	width: 100%;
	max-width: 100%;
	outline: none;


	color: #000;
	height: 47px;
	font-size: 34px;
	line-height: 47px;
	text-transform: uppercase;
	    border-bottom: 2px solid #000;
}
.search-bar form{
padding-left: 5px;
padding-right: 5px;
}
li#search-icon .dropdown-menu {
position: absolute;
right: 0px;
left: auto;
background: #ededed;
margin: 0px;
border-radius: 0px;
box-shadow: 1px 2px 2px #D0D0D0;
}

@-webkit-keyframes dropInDown{
0%{opacity:0;-webkit-transform:translateY(-30px);
-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);
-o-transform:translateY(-30px);transform:translateY(-30px)}

100%{-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);transform:translateY(0)}
}


@keyframes dropInDown{
0%{opacity:0;-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
-moz-transform:translateY(-30px);
-o-transform:translateY(-30px);
transform:translateY(-30px)}
100%{-webkit-transform:translateY(0);
-ms-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform:translateY(0);transform:translateY(0)}
}




.open .dropdown-menu {

	box-shadow: none;
    top:  94px;
    background: rgba(204,204,204,0.7);
  
    border-radius: 0px;
			width:100%;

	    -webkit-animation-name: dropInDown;
    -moz-animation-name: dropInDown;
    -o-animation-name: dropInDown;
    animation-name: dropInDown;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;


}


.open .dropdown-menu .search-bar{
	padding: 30px 35px 30px;
    width: 50%;
    margin: 0 25%;
}


header.header-inner .open .dropdown-menu{	
	top:55px
}

/*=============HEADER USER================*/
#user-icon{
padding: 0px 10px;
border-left: 1px solid #000000;
height: 50px;
color: #905036;
text-align: center;
font-size: 13px;
}
#user-icon ul,
.nodrop{
display: block!important;
}
#user-icon ul li a.reg,.log-only {
color: #000000;
width: 100%;
font-size: 16px;
float: left;
line-height: 24px;
}
.log-only{
line-height:40px;
}
#user-icon a.acc
{
	margin-top: 9px;
	text-transform: uppercase;
	display: block;
}

#user-icon li{
width: 100%;
float: left;
}
#user-icon li:last-child{
white-space: nowrap;
}
#user-icon a.log {
color: #000000;
}

#user-icon ul li a
{
	color:#fff;
	padding-top:5px
}

#user-icon span{margin-right:4px;}



@media (min-width:768px){
.mobile-menu-icon-wrapper{
display: none;
}

div#navbar {
text-align:right;
	width:99%
   
}

.navbar-nav{
	    float: none;
    margin: 0;
    display: inline-block;
}



div#navbar .outer-menu{
}


}

.navbar-nav ul .sub-arrow {
  margin: 12px 10px;
}

@media (max-width:767px) {

.navbar-nav ul .sub-arrow {
  margin: -3px 10px;
}
    div#navbar>ul>li>a, div#navbar>ul>li>ul>li>a, div#navbar>ul>li>ul>li>ul>li>a {
		border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
width: 100%;
  float: left;
		}

#navbar ul.dropdown-menu li a{
	margin: 0px;
    padding: 3px 10px;
      line-height: 20px;

}

#navbar ul.dropdown-menu li ul.dropdown-menu-child li a{
	padding: 3px 10px;
}

#navbar ul.dropdown-menu li a:hover{
	background:#fff;
	color:#000000
}

#navbar ul.dropdown-menu li a:nth-child(2){
	border-top:none
}

.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow{
	display:none
}

#navbar ul.dropdown-menu{
    background: #000;
    padding: 0px;
}






}

.navbar-default .navbar-nav a:hover:after{

    top: 100%;
height: 3px;
    opacity: 1;
    filter: alpha(opacity=100);
    filter: alpha(opacity=100);
	

}
.responsive-menu {
width: 100%;
}
.responsive-menu .navbar-toggle,
.responsive-menu .mobile-menu-icon-wrapper {
display: block;
}


.responsive-menu .collapse{
height: 0px!important;
overflow: hidden!important;
}

.responsive-menu .collapse.in{
height: auto!important;
overflow: visible!important;
}
.responsive-menu  #navbar{float: none;z-index: 9999999999999;}
.responsive-menu   .navbar-header,
.responsive-menu   ul.nav.navbar-nav li,
.responsive-menu   ul.nav.navbar-nav,
.responsive-menu .dropdown-menu {
width: 100%!important;
max-width: none!important;
    margin: 20px 0px;
}
.responsive-menu #navbar ul.dropdown-menu {
position: relative;
}
.responsive-menu .search .dropdown-menu{
min-width: 300px;
}
.responsive-menu .right-menu{
display: none;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background : #000000
}
.responsive-menu .sm-nowrap {
  margin-left: 0px!important;
  margin-top: 0px!important;
}
/* modal */
@media (min-width: 992px){
	.modal-lg {
	width: 940px !important;
	}
.fixheight .product-img img:last-child{
  vertical-align: middle;

 display:inline-block

 /* position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
	transition:all 300ms linear 0s */
}
}
.modal-header {
	padding: 20px 0px;
	text-align: center;
	position: relative;
    border: 2px double #e4e2dc;
    outline: 1px solid #e4e2dc;

    outline-offset: -5px;
 
}
.modal-title{
   color: #333;
  text-transform: uppercase;
}
.modal-title span {
	font-size : 14px;
	font-style: italic;
}
.modal-body th {
	font-size: 15px;
	color: #1C1C1C;
	font-weight: 600;
	text-align: left;
}
.item-price {
	font-size: 16px;
}

.item-image,
.item-quantity1,
.item-delete {
    padding-top:5px;
    padding-bottom:5px;
}
.item-title {
	width:40%;
	color: #3399cc;
	font-size: 14px;
}

.original{
display: none;
}
#cart-table th{
padding-bottom:10px;
padding-top:10px;
}
#cart-table img{
max-width:50px;
}
#cart .item-quantity,
.line-item input {
	width: 64px;
  text-align: center;
  height: 30px;
  border-radius: 3px;
  font-size: 14px;
  color: #808080;
  border: 1px solid #ccc;
  outline: none;
  padding-left: 15px;
}
.modal-footer .buttons input {
	background: #108e45;
	color: white;
	width: 150px;
}
.total-price-modal {
	text-align: right;
	font-size: 20px;
	margin-top: 20px;
	color : #808080;
	font-size:16px;
}
.total-price-modal span {
	font-size : 20px;
	color : #000000;
    vertical-align:middle;
}
table tr td, table tr th {
	padding : 0px;
}
.modal-title-note {
	text-align: left;
	font-size: 16px;
	padding-left: 50px;
}
.modal-note {
	text-align : left;
}
.modal-note textarea {
	outline: none;
	border: 1px #D8D8D8 solid;
	padding-left: 10px;
	height: 70px;
	padding-top: 5px;
}
textarea {
    resize: none;
}
.comeback {
	text-align : left;
    margin-top:30px;
}
.comeback a {
	color: #000;
	font-size: 14px;
	font-weight: bold;
    line-height: 22px
}

.comeback a:hover {
	color : #000000;
}
.comeback img {
	margin-right : 5px;
	float: left;
}

.item-delete {
position:relative;
width:40px;
}

.item-delete a {
	 color: #000;
	position: absolute;
	top: 0;
    margin:auto;
     height:19px;
	right: 0px;left:0;bottom:0;
    display:block;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
button.close a:before{
content:url('//hstatic.net/0/0/global/design/theme-default/icon-delete.png');
}
.modal-header a:hover {
	background : #000000;
}
.modal-header a {
	position: absolute;
	top: 17px;
	padding: 7px 6px;
	right: 7px;
	line-height: 0px;
	text-align: center;
     border-radius:50%;
	    background: #000;
}
.modal-header span:hover {
	background : #e05543;
}
.close:hover, .close:focus,.close {
	opacity : 1;
}


@media (max-width: 768px){

	.modal-body th {
		font-size: 10px;
	}
	input#quantity1 {
		padding: 0px;
		width: 30px;
		font-size: 12px;
		font-weight: bold;
		height: 24px;
	}
	.item-title {
		font-size: 12px;
	}
	.item-price {
		font-size: 12px;
	}
	.modal-note textarea {
		width: 100%;
		border-radius: 0px;
	}
	.modal-title-note {
		padding-left: 0px;
		font-size: 12px;
	}
	.total-price-modal {
		font-size: 14px;
	}
	span.item-total {
		font-size: 16px;
		font-weight: bold;
	}
	button.button-default {
		font-size: 12px;
		line-height: 30px;
		height: 30px;
		padding: 0 14px;
	}
	.button-default:before {
		right: 30px;
	}
	.button-default:after {
		width: 15px;
		margin-left: 10px;
	}
	.comeback a {
		font-size: 12px;
	}
}

/* end modal */
.cl-pri{
color: #000000!important;
}
.cl-hov{
color: #000000!important;
}
.cl-feat{
color: #288ad6!important;
}
.cl-add{
color: #000000!important;
}
.cl-quadd{
color: #288ad6!important;
}
.cl-bl{
color: #ff6517!important;
}
.cl-br{
color: #ff6517!important;
}
.article-count .count-comment .icon-comment
{
	background: url('//hstatic.net/0/0/global/design/theme-default/comment.png') no-repeat center;
}


.article-count ul
{
  float:left;
  width:100%;
}

.count-comment
{
 background:#f0f0f0;
 width:90px;
 height:70px
}

.count-comment a{color:#53a1cc;font-size: 12px}
.count-comment span{color:#444444;}

.article-count .count-comment li
{
  position: relative;
  display: inline-block;
  color:#fff;
	width:100%;
	text-align:center;
}

.icon-comment
{
  display: inline-block;
  margin: 8px 0px 1px 0;
  min-height: 32px;
  width: 100%;
}

.author-date .date-post .icon-time
{
	background: url('//hstatic.net/0/0/global/design/theme-default/time-big.png') no-repeat center;

}

.author-date ul
{
  float:left;
  width:100%;
 	margin-bottom:0px;
}

.date-post
{
 background: #000000;
 width:90px;
 height:70px
}

.date-post p{text-align:center;font-size: 12px;}

.author-date .date-post li
{
  position: relative;
  display: inline-block;
  color:#fff;
width:100%;
}

.icon-time
{
  display: inline-block;
  margin: 8px 0px 1px 0;
  min-height: 32px;
  width: 100%;
}


.news-latest .list-group-item.active,
.news-latest .list-group-item.active:hover,
.news-latest .list-group-item.active:focus
{
	z-index: 2;
	border:none;
	text-align: left;
    font-size: 22px;
    background-color: #fff;
    border-bottom: 1px double #e5e5e5;
    padding: 0px 0px 10px;
    outline-offset: -5px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Roboto", Arial, sans-serif!important;
}
.news-latest .article p {
margin: 0px;
}


.news-latest .list-group-item
{
	position: relative;
	display: block;
	padding: 15px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.news-latest .list-group-item:first-child
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.news-latest .article .post-content{color:#000000;padding-right: 0px;}
.article-count .count-comment .icon-comment
{
	background: url('//hstatic.net/0/0/global/design/theme-default/comment.png') no-repeat center;
}


.article-count ul
{
  float:left;
  width:100%;
}

.count-comment
{
 background:#f0f0f0;
 width:90px;
 height:70px
}

.count-comment a{color:#53a1cc;font-size: 12px}
.count-comment span{color:#444444;}

.article-count .count-comment li
{
  position: relative;
  display: inline-block;
  color:#fff;
	width:100%;
	text-align:center;
}

.icon-comment
{
  display: inline-block;
  margin: 8px 0px 1px 0;
  min-height: 32px;
  width: 100%;
}

 /*Quickview*/
#quick-view-modal {
    background: rgba(0, 0, 0, 0.31);
    z-index: 9999;
}

#quick-view-modal .modal-footer {
    border-top: 1px solid #ccc;
}

#quick-view-modal .selector-wrapper label {
    width: 25%;
}

#quick-view-modal .selector-wrapper {
    width: 100%;
    float: left;
}

#quick-view-modal .btn-detail {
    float: left;
}

#quick-view-modal .form-input label {
    width: 100%;
    color: #828282;
}

#quick-view-modal .form-input {
    float: left;
    width: 300px;
    max-width: 100%;
    padding: 10px 0px;
}

#quick-view-modal .modal-body {
    padding: 10px 15px;
}

#quick-view-modal .form-input input[type=number] {
    max-width: 60px;
    text-align: center;
    padding: 6px;
    border-radius: 5px;
    border: 1px solid #E5E5E5;
}

#quick-view-modal .modal-header h2 {
    padding: 10px 0px;
    background: #53A1CC;
    color: #fff;
    line-height: 29px;
    text-align: center;
}

#quick-view-modal .qv-readmore a {
    color: #E05543;
    font-weight: bold;
}

#quick-view-modal .qv-readmore {
    float: left;
    padding: 22px 10px;
}

#quick-view-modal .p-price {
    font-size: 24px;
    color: #000;
    margin-right: 25px;
}

#quick-view-modal i.fa.fa-plus,
  #quick-view-modal i.fa.fa-times {
    margin-right: 8px;
}

#quick-view-modal .modal-content,
  #quick-view-modal .btn {
    border-radius: 2px;
}

#quick-view-modal del {
    font-size: 20px;
    color: #aaa;
}

#quick-view-modal .item img {
    max-width: 100%;
    max-height: calc(100% - 2px);
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
}

#quick-view-modal .item {
    height: 50px;
    position: relative;
    margin: 7px 0px;
}

#quick-view-modal .item a {
    float: left;
    width: 100%;
    height: 100%;
}

#quick-view-modal .zoom > img {
    max-width: 100%;
    max-height: 300px;
}

#quick-view-modal div#p-sliderproduct {
    width: 300px;
    margin: auto;
}

#quick-view-modal .zoom {
    text-align: center;
    width: 100%;
    height: 230px;
    padding: 10px;
}

#quick-view-modal .thumb .item:hover a,
  #quick-view-modal .thumb .item.active a {
    border: 1px solid #E05544 !important;
}

#quick-view-modal .product-thumb:hover a:after,
  #quick-view-modal .product-thumb.active a:after {
    border-top: 5px solid rgba(224, 85, 68, 0) !important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #E05544;
    content: "";
    position: absolute;
    top: -11px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 6px;
}

#quick-view-modal li.product-thumb {
    float: left;
    display: block !important;
}

#quick-view-modal .image-zoom.row {
    text-align: center;
}

#quick-view-modal .image-zoom > img {
    max-width: 100%;
    max-height: 300px;
    margin-bottom:5px;
  
}

#quick-view-modal .btn-soldout {
    width: 100%;
}

#quick-view-modal .modal-title.p-title {
     font-weight: bold;
  text-align: left;
  padding-left: 20px;

}

#quick-view-modal .btn-color-add {
    width: 200px;
}
/*End Quickview*/

/*Product tag*/
.tag-wrapper {
    float: left;
    margin: 10px 0px;
    width: 100%;
}

.tag-wrapper label {
    font-size: 14px;
    float: left;

    font-weight: normal;
}

/*End if protag*/


/*News date*/

.author-date .date-post .icon-time
{
	background: url('//hstatic.net/0/0/global/design/theme-default/time-big.png') no-repeat center;

}

.author-date ul
{
  float:left;
  width:100%;
 	margin-bottom:0px;
}

.date-post
{
 background: #000000;
 width:90px;
 height:70px
}

.date-post p{text-align:center;font-size: 12px;}

.author-date .date-post li
{
  position: relative;
  display: inline-block;
  color:#fff;
width:100%;
}

.icon-time
{
  display: inline-block;
  margin: 8px 0px 1px 0;
  min-height: 32px;
  width: 100%;
}

/*News date*/


/*news lastes*/

.news-latest.list-group
{
	border-radius: 0px;

	padding-bottom: 1px;
background:#fff;
}

#layout-page .news-latest .list-group-item.active,
#layout-page .news-latest .list-group-item.active:hover,
#layout-page .news-latest .list-group-item.active:focus
{
    text-align: left;
    font-size: 20px;
    background-color: #fff;
    border-bottom: 1px double #e5e5e5;

    padding: 9px 5px 9px 0px;
    outline-offset: -5px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 500;
	    font-family: "Roboto", Arial, sans-serif!important;
	
}
.news-latest .article p {
margin: 0px;
}

.news-latest .list-group-item
{
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.news-latest .list-group-item:first-child
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.news-latest .article:last-of-type {border-bottom: none;}
.news-latest .article{display: inline-block; width:100%; padding:10px 5px; margin-bottom:0;}

.news-latest .article div.article-excerpt{
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 15px;
	padding:3px;
	border: 1px solid #ddd;
	border-radius:5px

}

.news-latest .article div.article-excerpt img{
	width:100%
}

.news-latest .article h3 a{display: block;white-space: pre-line; color:#333;font-size:12px;
line-height:20px; text-align:left}

.news-latest .article h3 a:hover{

	color:#000000
}

.news-latest .article .time-date { background: url("http://otoforddanang.com/media/data/site/clock.png?v=1312") no-repeat ;
width: 19px;height: 19px;display: inline-block; margin-right: 5px; float:left;}
.news-latest .article .post-content{color:#000000;padding-right: 0px;     margin-bottom: 25px;}

/*end news latted*/

/*News count*/

.article-count .count-comment .icon-comment
{
	background: url('//hstatic.net/290/1000019290/10/2015/5-15/cmt_119f2ca3-0eaa-4462-4388-b2eb0b739bb2.png') no-repeat center;
}


.article-count ul
{
  float:left;
  width:100%;
}

.count-comment
{
 background:#f0f0f0;
 width:90px;
 height:70px
}

.count-comment a{color:#53a1cc;font-size: 12px}
.count-comment span{color:#444444;}

.article-count .count-comment li
{
  position: relative;
  display: inline-block;
  color:#fff;
	width:100%;
	text-align:center;
}

.icon-comment
{
  display: inline-block;
  margin: 8px 0px 1px 0;
  min-height: 32px;
  width: 100%;
}

/*end news count*/

/*contact address*/

.col-xs-2 i{
	color:#53A1CC;
	font-size:20px;
}

#col-right h3
{
 padding-left:0px;
	font-size: 20px;
	font-weight: 400;
}

#col-right h3.name-company{	font-weight: 700;}
#col-right ul
{
float:left;
  width:100%;
 margin-bottom:0px;
}

#col-right .glyphicon{
color:#000000;
}

/*End contact address*/



#myCart  .modal-footer {
  border-top: 1px solid #DDD;
}

.panel-default{
	border:none
}

///////////////////////////////////////////
//////menu đẩy trái sang phải////////////

.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 1000;
}



/////////// kết thúc menu đay trái sang phải/////////////
/////////////////////////////////////////


/******************** thay đổi bootraps***********************/
@media (min-width: 768px){
.container {
    width: 768px;
}

}


@media (min-width: 992px){
.container {
    width: 970px;
}

}




@media (min-width: 1200px) {

.container {
    width: 1200px;
}
 

.dropdown-menu-child{
	position:initial!important;
	border:none!important;
	
	font-weight:normal!important;
	margin-top:0px!important;
	margin-left:0px!important;
	display:block!important
}




}



/********************* thêm mới ************************/

.txtright{
	text-align:right
}

.hotline{
    color:#ff0000;

}


.usps-wrapper{
	
	 background: #fff;

}

.outline-usps{
	border-bottom:1px solid #e4e2dc;

}

.hotline i{
	margin-right:6px
}

.hotline, .text-icon{

	    font-family: 'DroidSans', Arial,sans-serif;

    text-decoration: none;
    letter-spacing: 1px;
	font-size:11px

}

.qc-index{
	width:33.333333%;
	float:left
}

.qc-index img{
	width:100%
}

.qc-index > figure > a, a.article-excerpt{
	display:inline-block;
	width:100%
}

.qc-index > figure > a > div > h5{
	font-size: 100px;
	line-height: 70px;
	color:#fff;
	font-family: 'Dosis', Arial, sans-serif;
}

.qc-index > figure > a > div > p{
	    line-height: 38px;
} 

.qc-index > figure > a > div{
	    position: absolute;
    text-align: center;
    display: block;
    font-size: 35px;
    line-height: 38px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff;

    z-index: 4;
    top: 25%;
    left: 0;
    right: 0;
    padding: 0 20%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    transition: 0.3s all linear;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.qc-index > figure > a:hover > div, .qc-index > figure > a > div.text{
	opacity:1
}



.qc-index > figure > a:after, a.article-excerpt:after{
	    display: block;
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    content: "";
    background: #383838;
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    transition: 0.3s all linear;
    z-index: 3;

}

.qc-index > figure > a:hover:after,  a.article-excerpt:hover:after
{
	    right: 0;
    left: 0;
    opacity: 0.85;
    filter: alpha(opacity=100);
}


a.article-excerpt > div.title-article{
	position: absolute;
    text-align: center;
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff;
    z-index: 4;
    top: 25%;
    left: 0;
    right: 0;
    padding: 0 17%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    transition: 0.3s all linear;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;

}

a.article-excerpt:hover > div.title-article{
	    opacity: 1;
    filter: alpha(opacity=1);
}

.img-icon{

    float: left;
    margin-right: 5px;
}

.text-icon{
    color: #000000;
		display:inline-block;
    margin-right:10px;
	
}

.header-socials a.social-icon{

	display:inline-block;
	width: 38px;
	height: 30px;
	margin: 0px;
	text-align: left;
}

a.social-icon .googleplus-icon {
    background-image: url(http://otoforddanang.com/media/data/site/sprite-mj.png?v=1312);
    background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	display:inline-block;
    background-position: -97px -76px;

}

a.social-icon .facebook-icon {
    background-image:  url(http://otoforddanang.com/media/data/site/sprite-mj.png?v=1312);
    background-repeat: no-repeat;
		width: 24px;
	height: 30px;
	display:inline-block;

    background-position: -29px -77px;

}



.wpo-topbar > .container {
    padding-bottom: 10px;
    padding-top: 10px;
}

.wpo-topbar {
    background: #f6f6f6 none repeat scroll 0 0;
    border: medium none;
    color: #e2e2e2;
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
	  border-bottom: 1px solid #e2e2e2;
}

.wpo-topbar ul {
    margin: 0;
    padding: 0;
}


.wpo-topbar ul li {
    border-right: 1px solid #999;
    float: left;
    line-height: 100%;
    list-style: outside none none;
    padding: 0 12px;
}

.wpo-topbar ul li:first-child {
    padding-left: 0;
}

.wpo-topbar ul li a {
    color: #777777;
}

.wpo-topbar ul li a:hover, .wpo-topbar ul li a:active {
    color: #f57c21;
}


.header-default .categories_searchform {
    clear: both;
    padding: 20px 22px;
 
}
.header-default .header-center {
    border-left: 1px solid #e2e2e2;
		border-right: 1px solid #e2e2e2;
    padding: 15px 0;
}

.header-default .top-cart {
    border: 0 none;
    padding: 34px;
}

input.search_box{
	    padding: 10px 10px;
    width: 380px;
    border: 1px solid #e2e2e2;
    border-radius: 4px 0px 0px 4px;
}

button.go{
	      padding: 10px 16px;
    background: #222;
    color: #fff;
  
    margin-left: -3px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #222;

}


#cart {
    background-image:  url('http://otoforddanang.com/media/data/site/cart-mini.jpg?v=1312') ;
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 45px;
}


#cart .cart-icon {
    color: #000;
    font-family: "Raleway","Times New Roman",Times,serif;
    font-weight: 700;
    text-transform: uppercase;
}

#cart .mini-cart-items::after {
    
    display: inline-block;
}

.clr{
	clear:both
}
.title-link {
    float: right;
    list-style: outside none none;
    margin: 0 20px 0 0;
    padding: 0;
}

li.item {
    min-height: 20px;
}
.item {
    display: block;
    float: left;
    padding: 7px 0;
}


#header-socials{
	text-align:right
}




.link_text {
    border-right: 1px solid #484848;
    color: #fff;
    display: block;
    height: 20px;
    line-height: 22px;
    padding: 0 20px;
    white-space: nowrap;
}

.see-all {
	background: url('http://otoforddanang.com/media/data/site/right_arrow.png?v=1312') no-repeat scroll right 55%;
    display: block;
    float: left;
    padding: 7px 0;
}

.see-all .link_text {
    border: medium none;
    font-weight: bold;
    margin: 0;
}

.pro-loop{

	  
	font-weight:100;

	margin-top:30px;

}

.product-detail-inner{
	text-transform:none
}

.product-detail-inner .pro-price {
	font-size: 16px;
	margin-bottom: 5px;
	padding-top: 0px;
}


.product-block {

	background: #fff;

	border: 1px solid #e5e5e5;
	border-radius: 2px;
	padding: 0 9px 10px ;
}

.product-block a{
	display:inline-block
}

.line-bottom{

	padding:5px 0px
}


#footer-info .borderright{
	position:relative;

}

#footer-info .borderright::before{
	 border-right: 1px solid #e4e2dc;
    content: "";
    display: block;
    height: 251px;
    position: absolute;
    right: 15px;
    top: 0;
    width: 1px;
}



.product-img a img{
	transition:all 300ms linear 0ms;
	min-height:176px;
	
}


.marginbottom{
	margin-bottom:50px
}

.img-product-big, .product-list .product-block .product-detail.detail-product-big{
	width:50%;
	float:left
}

.detail-product-big{
	
}

.wp-article{
	margin-top:30px
}


.wp-article h3{
	  margin: 25px 0;
	 position: relative;
	text-align:center;
	font-size:26px;
	line-height:28px;

}


.wp-article h3 span{
	text-transform:uppercase;
	color: #000;
	font-family: "Futura", sans-serif;
	padding: 0 40px;
	position: relative;
	z-index: 999;
	    letter-spacing: 5px;
}

.title-line{
	margin:5px 0px
}

.title-line h3, .des-article{
	text-align:center;
	font-size:14px;
	line-height:20px
}

.croll-articles {
    position: relative;
    width: 100%;
    height: 234px;
		margin-bottom:20px;
    float: left;
}

.olapic-nav-button {
    position: absolute !important;
    z-index: 1;
    top: 0%;
    width: 30px !important;
    height: 234px !important;

    display: block;
    cursor: pointer;
		background: #d3d7dc;
		z-index:5;
    margin: 0;
    opacity: 0.65;		
	  -webkit-transition: 0.3s;
}

.olapic-nav-prev {
    position:relative;
	left:-20px
}

.olapic-nav-prev:before {
    content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
 
    position: absolute;
    top: 45%;
    left: 40%;
	  
}

.olapic-nav-next:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
 
    position: absolute;
    top: 45%;
    left: 40%;
	  
}

.croll-articles:hover .olapic-nav-prev {
      left:0px
}

.olapic-nav-next {
       position:relative;
	right:-20px
}

.croll-articles:hover .olapic-nav-next {

    right:0px
}


.olapic-slider-wrapper {
    position: relative;
    width: 100%!important;
    margin: 0 auto;
    float: none;
    overflow: hidden;
}

.olapic-carousel li {
    position: relative;
    width: 234px;
    height: 234px;

    float: left;
    overflow: hidden;
    background-repeat: no-repeat;
}

.olapic-slider-footer {
    width: 100%;
    min-height: 60px;
    padding: 10px 0px;
	text-align:center
}

.olapic-slider-footer a {
    width: 250px;
    height: 44px;
    display: block;
    font-family: 'Open Sans';
    font-size: 14px ;
		text-transform:uppercase;
    font-weight: 400;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #000000;
    margin-left: 10px;
    /* letter-spacing: 1.5px; */
	display:inline-block;
	border-bottom:3px solid #000000
}

.olapic-slider-footer a:hover{
	text-decoration:none;
	    color: #000;
    background: #ddd;
}



.scroll a img{
	width:100%;
	max-width:100%
}


.dkbct{
	margin-bottom:0px
}


.select-size small#sl-size {

    color: #000000;

    cursor: pointer;
    padding: 5px 20px 5px 0px;
  
    display: inline-block;
}

.select-size small#sl-size:hover{
	text-decoration:underline
}

.hidden-size {
    display: none;
}


.widget-footer ul li{
	list-style:none;
	line-height: 18px;
	margin-bottom: 6px;
	padding-left: 10px;
	position: relative;
}

.widget-footer ul li:after{
	  content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #383838;
    font-size: 12px;
		 		font-weight:100;
    position: absolute;
    top: 0px;
    left: 0;
}

.widget-footer ul li a{
	    color: #8f8f8f;
 		font-weight:100;
    line-height: 20px;
}

.widget-footer ul li a:hover{
	color:#000
}

.mail-footer{
	width:80%;
	margin:0 10%
}

.title-email, .inputmail{
	float:left;
	width:50%
}

.title-email{


}

.title-email i.icon-email{
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid #000;
    border-radius: 50%;
    float: left;
    margin-right: 8px;
		margin-bottom:10px
}

.title-email i.icon-email:before {
    content: "\f003";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 20px;
    position: absolute;
	top: 3px;
    left: 7px;

}

.title-email h4{

	display:inline-block;
	margin-bottom:0px
}

.bt_email{
    padding: 0px;

    margin-bottom: 0;
    font-size: 14px;

    background: #000000;
    padding: 4px 10px 6px;
    border: none;
    color: #fff;
      background: -webkit-gradient(linear,0% 0%,0% 100%,from(#e6171f),to(#e6171f));
    background: -webkit-linear-gradient(top,#e6171f,#e6171f);
    border: 1px solid #e6171f;
    border-radius: 0px 4px 4px 0px;

}   
.bt_email:hover{
	 background: -webkit-gradient(linear,0% 0%,0% 100%,from(#ce1c0d),to(#ce1c0d));
    background: -webkit-linear-gradient(top,#ce1c0d,#ce1c0d);

}

.input_email{

    color: #000;
    background-color: #fff;
    vertical-align: middle;
    font-size: 14px;
    text-indent: 10px;
    margin-right: -5px;
    width: 390px;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 4px 0px 0px 4px;

}

.inputmail p{
	margin-bottom:0px
}

.social-links ul li , ul.chungnhan li{
    display: inline-block;
}

ul.chungnhan{
	margin:10px 0px 0px;
	    text-align: center;

}

 ul.chungnhan li{
    height: 35px;
    

    text-indent: -9999px;
 }

 ul.chungnhan li.visa {
    width: 57px;
        background:url('http://otoforddanang.com/media/data/site/visa.png?v=1312') no-repeat 0 0;
}

 ul.chungnhan li.mastercard {
    width: 40px;
        background:url('http://otoforddanang.com/media/data/site/mastercard.png?v=1312') no-repeat 0 0;
}

 ul.chungnhan li.amex {
        width: 41px;
        background:url('http://otoforddanang.com/media/data/site/American_Express.png?v=1312') no-repeat 0 0;
}

 ul.chungnhan li.cirrus {
       width: 37px;
        background:url('http://otoforddanang.com/media/data/site/cirrus.png?v=1312') no-repeat 0 0;
}

 ul.chungnhan li.paypal {
        width: 64px;
        background:url('http://otoforddanang.com/media/data/site/paypal.png?v=1312') no-repeat 0 0;
}



.social-links ul li a {
  width: 40px;
  height: 40px;
  background-color: #3b3b3b;
  text-indent: -9999px;
  text-align: left;
  text-transform: capitalize;
  margin-left: 3px;
  display: inline-block;
  background-image: url('http://otoforddanang.com/media/data/site/social.png?v=1312');
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.social-links ul li a:hover {
    background-color: #000000;
}

.social-links ul li a.facebook-contact {
    background-position: 0 0;
}

.social-links ul li a.gplus {
    background-position: 0 -320px;
}

.txtleft .phone{
	 border: 2px solid #c1b7a3;
    border-radius: 4px;
    color: #fff;

    padding: 2px 8px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;

}

.txtleft .phone::before {
        content: "ï‚•";
    font-family: FontAwesome;
    font-size: 15px;
 
    vertical-align: middle;
    color: #c1b7a3;
}

.txtleft .numphone, footer strong{
	color:#000000;
    font-size: 15px;

}

footer .linewhite{

	margin:20px 0px;
	text-align:center;
	height:1px;
	width:100%;
	background:#d9d9d9
}

footer .address-footer{
	text-indent:22px
}

footer .address-footer:before
{
	 content: "\f015";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #383838;
    font-size: 18px;

    position: absolute;
    top: 0px;
    left: -22px;
}

footer .hotline-footer strong{
	font-size:25px;
line-height:25px;
	    color: #000000;
}

footer .hotline-footer{
	text-indent:25px
}

footer .hotline-footer:before
{
	 content: "\f10b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #383838;
    font-size: 25px;

    position: absolute;
    top: 0px;
    left: -22px;
}


#content-web{
	margin-top: -3px;
	margin-bottom: 30px;
}

.bgwhite{
	background:#fff;

}

.marginleftsubtract{
	margin-left:-15px
}

img.img-collection{
	margin-bottom:20px
}


.custom-checkbox {
	margin: 5px 0px;

    width: 100%;
    display: inline-block;
}

.colored_fil {
	border: 1px solid #999;
	height: 14px;
	width: 14px;
	position:relative
}

.colored_fil.div_checked:before {
	content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #000000;
	position: absolute;
	top: 1px;
	left: 1px;
}

input.coll-filter {
    display: none;
}

.custom-checkbox label {
	border: medium none;
	left: 0;
	padding: 0 0 0 25px;
	position: absolute;
	top: 0;
	cursor: pointer;
	display: inline-block;
	height: 14px;
	line-height: 16px;
	text-align: left;
   width: 220px;
	font-weight: normal;
	color: #000;
}

.custom-checkbox label:hover, .custom-checkbox label.label_checked {
  color:#000000
}

.check-size label {
        border: 1px solid #666;
    cursor: pointer;
    display: inline-block;

    text-align: center;

    float: left;
    margin: 0px 5px 5px 0px;
    font-weight: 400;
    padding: 2px 5px;
}

.check-size label:hover, .check-size label.label_checked {
    border: 1px solid #000000;
    color: #fff;
    background: #000000;
}

.relative {
    position: relative;
}


.giaythethaonam > div, .quanaonam > div, .giaythethaonu > div, .quanaonu > div, .phukien > div{
	display:none
}

.active{
	color:#000000
}

.header-fixed{
	background:#fff;

    -webkit-transition: all 400ms cubic-bezier(0,0,.5,.5) 0s;
    -moz-transition: all 400ms cubic-bezier(0,0,.5,.5) 0s;
    -ms-transition: all 400ms cubic-bezier(0,0,.5,.5) 0s;
    transition: all 400ms cubic-bezier(0,0,.5,.5) 0s;

   
}



.header-inner{
    border-bottom: 2px solid rgba(0,0,0,.1);
	background:#fff;
	height:120px;
		    -webkit-transition: all 400ms cubic-bezier(0,0,.5,.5) 0s;
    -moz-transition: all 400ms cubic-bezier(0,0,.5,.5) 0s;
    -ms-transition: all 400ms cubic-bezier(0,0,.5,.5) 0s;
    transition: all 400ms cubic-bezier(0,0,.5,.5) 0s;
}

.free-shipping{
	background:#eb1c24;
	padding:10px 0px;
	    margin: 0 auto;
    text-align: center;
}
 div.colorr {
    width: 100%;
}

div.colorr ul {
    float: left;
    width: 100%;
}
div.colorr ul li {
    float: left;
    height: 30px;
    width: 29px;
    margin-right: 5px;
}
div.colorr ul li.active a {
    /* border: 7px solid #c30000; */
    /* width: 30px; */
    /* height: 30px; */
    /* content: 'x'; */
    /* font-size: 10px; */
    /* color: #FFF !important; */
    /* padding: 50%; */
    border-radius: 50%;
}
div.colorr ul li a {
	border: 2px solid #000;
	cursor: pointer;
	display: inline-block;
	border-radius: 0px;
	font-size: 1px;
	width: 25px;
	height: 25px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
}
div.colorr ul li a:hover, div.colorr ul li a.selected {
    
     transform: scale(1.25);
}

.check-imgthumb{

	width: 14px;
	height: 14px;
	background: url("http://otoforddanang.com/media/data/site/sprite-new.png?v=1312") no-repeat;
	background-position: 0 -683px;
	display: inline-block;
	margin-top: 35px;

}


.product-thumb.active span.check-imgthumb{
	background: url("http://otoforddanang.com/media/data/site/sprite-new.png?v=1312") no-repeat;
	background-position: 0 -661px
}

ul.tg2 li {
	border: 1px solid #ccc;
	cursor: pointer;


	padding-bottom: 0;
	text-align: center;

	display: inline-block;
	margin-right: 5px;

	padding: 3px 5px;
}

ul.tg2 li:hover, ul.tg2 li.selected{
	color:#fff;
	background:#000000
}

div.colorr label, div.size label, .select-wrapper label{

	width:75px;
	color: #000;
	font-size: 13px;
	text-transform: uppercase;


}

form#add-item-form-2 .select{
	 display:none
}

.thuonghieu{
	color:#000000;
	font-size:15px
}

.select-size {
    margin: 10px 0;
}

#basic-modal-content11 {
    padding: 1px;
    background: #000000;
}

#basic-modal-content11 img {
    width: 100%;
    display: inline-block;
}

.price-cart{
	background:#fff;
	border:2px solid #6bd16d;
	padding:2px;
}

.inner-pricecart{
	 background: #6bd16d;
}

.btn-color-add {
        background: -webkit-gradient(linear,0% 0%,0% 100%,from(#1c95f7),to(#0668f8));
    background: -webkit-linear-gradient(top,#e0c612,#e0c612);
		    border: 1px solid #e0c612;
    width: 100%;
	    margin: 15px 0px;
}

.btn-color-add:hover{
	    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#000000),to(#000000));
    background: -webkit-linear-gradient(top,#000000,#000000);
	color:#fff
}


.title-bl > h4, .title-like > h4 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

.banner-container{
	margin-bottom:40px;
	    margin-top: -3px;
}

.description-slider{
	position:absolute;
	color: white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);

	width: 50%;
	top: 0;
	bottom: 0;
	right: 13%;
	height:100%;
	background: url(http://otoforddanang.com/media/data/site/banner_bg.png?v=1312) repeat 0% 0%;
}

.description-inner{
	padding:5% 70px 30px;

}

.description-slider h2{
	color:#ff1d1d;
	text-transform:uppercase;
	font-size: 35px;
	margin-bottom:30px;
	line-height:42px;
	letter-spacing:-1px
}

.description-slider p{
    font-size: 15px;
    line-height: 1.6em;
	color:#ff1d1d;

	font-weight:400
}

.description-banner ul{
	    display: block;
    padding-top: 20px;
    font-family: 'Futura', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 3px;
}

.description-slider ul li {
    display: inline-block;
}

.description-slider ul li:last-child::before {
    content: '|';
    display: inline-block;
    padding:0 15px 0 10px
}

.button{
	color:#383838;
	font-size: 14px;
	border-bottom:3px solid #000000;
	background: #fff;
	padding: 16px 19px;
	display:inline-block;
	cursor:pointer
}

.button:hover{
	background:#000000;
		color:#fff;
}

div.qc{
	display:inline-block;
	

}



ul.li-link{
    text-align: center;
}

ul.li-link li{
	    display: inline-block;
    margin-right: 25px;
    position: relative;
    margin-bottom: 0px;

    line-height: 10px;
}

#footer-info ul.li-link li a{
	color:#333;
	    font-size: 10px;
}

#footer-info ul.li-link li a:hover{
 color:#000
}

ul.li-link li a:before{
	 content: "\f067";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/

    font-size: 6px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: -8px;
}

.logo-footer{
	width:115px;
	height:47px;
	display:inline-block;
	margin:30px 0px 0px
	 
}

.addthis_button_pinterest_pinit{
	display:none!important
}

.more{
	color:#000000;
}

.more:hover{
	text-decoration:underline
}

.order-sku{
	visibility:hidden;
	display:none
}

/************ START : khung chat facebook  ***********/

.fb-chat-popup{
	position: fixed;
	z-index: 9999999;
	right: 10px;
	cursor: pointer;
	bottom: 0px;
	border: 1px solid #d1d1d1;
	box-shadow: 0px 0px 25px #666;
	background: #FFF;
}
.fb-chat-popup .fb-page-header {
	background-color: #e61616;
	padding: 8px 20px 5px 20px;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
}
.fb-page-box .chat-single{line-height: 25px; line-height: 25px; color: #333; width: 100%;}
.fb-page-box .chat-single a{float: right; text-decoration: none; margin-right: 10px; color: #888; font-size: 12px;}
.fb-page-box .chat-single a:hover{color: #222;}	
@media all and (max-width: 799px) {
	.fb-page-box{display: none;}
	.fb-chat-popup {
		position: fixed;
		z-index: 9999999;
		right: 1px;
		cursor: pointer;bottom: 0px;
		border: 1px solid #d1d1d1;
		box-shadow: 0px 0px 25px #666;
		background: #FFF;}
}

.mess{
	padding: 5px;
	color: #FF0000;
	width:300px;
	font-size:12px
}

/************ eND : khung chat facebook  ***********/

/******************* START:  Để lai số dien thoai trang sản phẩm**********************/

.purchase_now {
	overflow: hidden;
	margin: 10px 0 10px 0%;
	width: 100%
}

.purchase_now .pcontent {
	border-right: 1px dashed #9b9b9b;
	overflow: hidden;
	border-left: 1px dashed #9b9b9b;
	border-bottom: 1px dashed #9b9b9b;
	padding: 3px 2%;
}

.purchase_now .ptitle {
	background: #009999;
	height: 34px;
	width: 100%;
	color: #fff;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.purchase_now .contact-product{
	height: 15px;
	border: 1px solid #acacac;
	padding: 15px 2%;
	width: 48%;
	float: left;
	text-align: center;
	font-size: 14px;

	    color: #a9a9a9;
    margin: 0px 5px 5px 0px;
}

.purchase_now .btn_quick_order {
	height: 32px;
    background: #009999;
    cursor: pointer;
    border: 0;
    padding: 8px 0px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    width: 48%;
}

.purchase_now .btn_quick_order:hover{
	background:#009947;
}

.purchase_now .thanks {
	border: 1px dashed #9b9b9b;
	padding: 15px 5% 30px;
	text-align: center;
}

ul.toturial{
	width:100%;padding:5px 0;display:block !important
}

ul.toturial li {
	float: left;
	width: 100%;
	padding: 10px 0;
	border:none;padding:2px 0;
	border-bottom: 1px dashed #9b9b9b;
}

ul.toturial li .phone-number{
	border-left:none
}

ul.toturial .phone-number .note {
	width: 60%;
	float: left;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
	border: 0
}
ul.toturial .phone-number .line {
	float: left;
}
ul.toturial .phone-number .phone {
	float: left;
	width: 40%;
	padding: 10px 2%;
}

.box-phone{
	border:1px solid #f1f1f1;background:#fff;
}

.box-phone p{
	margin: 0;
	font-size:15px;margin-top:0px;width:49%;
}

ul.toturial .phone-number .phone{
	padding:9px 0;margin-top:0;width:40%;
}

ul.toturial .phone-number .phone a {
	color: #c71c22;
	font-weight: bold;
	margin:0;padding:0;width:100%;background:#fff;
	    font-size: 18px;
}
ul.toturial .phone-number .phone img {
	width: auto;
	float: left;
	margin-right: 5%;
}

ul.toturial .phone-number .phone > p{

float:left;line-height:24px;width:71%;font-size:15px;color:#009999

}

ul.toturial .phone-number .phone a img {
	width:26px;height:24px;
}

.line > img{
	width:18px;height:43px;
}

.pcontent p.txt{
	font-size:13px
}

.pcontent p{
	font-size:15px;
	margin-bottom:3px
}



/******************* END:  Để lai số dien thoai trang sản phẩm**********************/



@media (max-width: 1020px) {
	input.search_box{
		width:285px!important
	}


	.mega-dropdown-menu{
}

 
.mega-col > a.has-submenu{
	border-bottom:1px solid #e2e2e2;
}

.dropdown-menu-child{
	position:relative!important;
	border:none!important;
	padding:0px;
	font-weight:normal!important;
	margin-top:0px!important;
	margin-left:0px!important;
	display:block!important
}

.input_email{
	width:350px!important
}

div#navbar {

float:left;
	width:98%;

}

.description-banner{
	    left: 19%;
    top: 28%;
}

.open .dropdown-menu.dropdown-menu-child{
	top:0px
}

.mail-footer{
	width:100%;
	margin:0px
}

}

@media (min-width: 768px) and (max-width: 1020px){
	

div#navbar>ul>li>a, div#navbar>ul>li>ul>li>a, div#navbar>ul>li>ul>li>ul>li>a{
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    width: 100%;
    float: left;
}

#navbar ul.dropdown-menu {

}

div#navbar>ul>li>ul>li>ul>li>a{
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
}

#navbar ul.dropdown-menu li ul.dropdown-menu-child li a{
	padding:3px 10px;
	    color: #000000;
}

#navbar ul.dropdown-menu li ul.dropdown-menu-child li a:hover{
	color:#000000
}

.dropdown-menu-child:hover{
	padding:0px
}

.navbar-main .navbar-nav>li:hover>a.has-submenu .sub-arrow, .navbar-main .navbar-nav>li:focus>a.has-submenu .sub-arrow{
	display:none
}

#navbar ul.dropdown-menu li a{
	padding:3px 10px;
	color:#fff;
border-bottom:1px solid #fff
}

.description-inner{
	    padding: 5% 20px;
}

.description-slider h2{
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 32px;
}

.txtleft .numphone, footer strong{
	font-size:14px
}

}

@media (max-width: 767px){

.uncover-web{
    position: fixed;
    top: 0;
    right: 0;
    background-color: #000;
    opacity: .3;
    z-index: 11;
    width: 0%;
    height: 100%;
}

.cover-web{
	width:50%
}

.header-fixed, .header-inner{
	max-height:140px;



	width: 100%;
	z-index: 1000;

}

.responsive-menu .navbar-header{
	margin:0px;
	    margin-top: 3px;
}


header.header-fixed .logo, header.header-inner .logo{
	margin:13px 0px 10px;

}



.logo h1 a, .logo h2 a{
	width:180px;
	margin:0 auto
}

.header-right{
	    position: absolute;
    top:12px;
    right: 10px;
}

ul li#cart-target a.cart{
	background: url(http://otoforddanang.com/media/data/site/sprite-mj.png?v=1312) -56px 0 no-repeat;
	width:25px;
	height:25px;
	display:inline-block;
	z-index:9999
}

.wapper-nav {
    border:none;
    background: transparent;
    position: absolute;
    width: 80px;
    left: 0;
    top: 0px;
	padding-top:0px

}

#navbar ul.dropdown-menu li a{
	color: #fff;
	background: black;
}

div#navbar{background: #000;color: #FFF;box-shadow: 1px 0 5px 0 rgba(0,0,0,.3);}

	.open .dropdown-toggle.btn-default{
	border-right:none
}

#navbar li>ul>li>a, #navbar li>ul, #navbar li{
	text-align: left;
	margin: 5px 0px;    display: block;
}

.navbar-main .navbar-nav>li>a{
	color: #a7d1f7;
}

.banner-container{
	margin-top:0px;
	width:100%!important
}

.description-inner{
	padding:5% 20px;
}

.description-slider h2{
   font-size: 20px;
	    margin-bottom: 0px;
	    letter-spacing: 1px;
line-height:25px
}

.qc-index > figure > a > div{
	    font-size: 30px;
}

.qc-index > figure > a > div > h5{
	    font-size: 50px;
    line-height: 35px;
}


.croll-articles{
	height:181px
}

.olapic-carousel li{
	width:181px;
	height:181px
}

.olapic-nav-button{
	height:181px!important
}

.search-bar form input.input-search{padding: 5px 5px 6px;width: 85%!important;max-width: 100%;outline: none;background: #000;color: #333;font-size:16px;margin-top: -3px;border-bottom: none;margin-left:20px;}



.search-bar form input.search-button{
	    position: absolute;
    left: 0px;
    top: 10px;
    display: inline-block;
    background: url(//hstatic.net/440/1000055440/1000081809/sprite-mj.png?v=774) -27px 3px no-repeat;
    width: 20px!important;
    height: 20px;
    border: none;

}

.wrap-logo{


    z-index: 20;
    margin: 0 auto;
}

.header-fixed .header-cart-container{
	right:-40px
}

.product-list .title-line{
	    margin: 40px 0 0px 0;
}



.txtright{
    margin: 20px 0px 10px;
}

#navbar li.line-mobile{
	margin: 0px -15px;
	width: 109%!important;
}


	.header-socials a.social-icon{
	border:none
}

	#footer-info .borderright::before{
	border:none
}

#wrapper-detail{
	padding:0px 15px
}

.news-content img{
	width:100%
}

h2.title-article{
	margin-top:20px
}

.description-banner{
	left:10%
}

div#navbar{
	    width: 50%;
}

#wrapper-detail #surround{
	text-align:center;
	margin:0 auto
}

.input_email{
	width:80%!important
}

.bt_email{
	width:20%
}

#footer-info div.ui-footer-links-container{
	padding-top:0px
}


.header-socials a.social-icon{
	    height: 23px;
    margin: 20px 0px 0px;
}

.more-footer{
	float:right;
	position:relative;
	width:20px;
	height:20px;
}

.more-footer:before {
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 20px;
    position: absolute;
    top: -2px;
    left: 0;
	cursor:pointer
}

.more-footer.drop:before{
    content: "\f106";
}


.widget-footer > p, .widget-footer > ul, .widget-footer > .face-content, .widget-footer > .header-socials{
	display:none;
	    margin-left: 15px;
}

.widget-footer ul li{
	margin-bottom:5px	

}

.pro-loop{
		    padding: 5px;
    margin-top: 5px;
}


.main-content-margintop{
	margin-bottom:30px
}

}


@media (min-width: 481px) and (max-width: 767px) {


.wpo-topbar{
	margin-top:52px
}



	.link_text{
	
	padding:0px 16px
}

.title-line h3, .des-article{
	margin-bottom:0px
}

.article-index .title-line h3 a{
	margin: 5px 0px 0px;
    height: 40px;
	 display:inline-block
}





.navbar-main .navbar-nav>li>a{
	border:none;
	padding:12px 0px;
	margin-left: 0px;
}



.list-group{
	margin-bottom:20px
}

.list-group .col-xs-8{
	margin:0 17%;
}




}


@media (max-width: 580px) {

.top-banner li{
	margin-left:0px
}

.banner-container{
	margin-top:0px;

}
.description-slider{
	right:5%;

}

.description-slider p{
	display:none
}


.description-slider h2{

    margin-bottom: 10px;
}

.qc-index > figure > a > div{
	top:15px;
	padding:0px 10px;
}

#slider_img .owl-controls{
	right:10%
}

.product-block .product-detail{
	    padding: 5px 0px 0px;
}

.mask .button-product{
	width:100%
}

.product-block{
	padding: 0 5px 10px;
}

.compare-price{
	    font-size: 10px;
}

.pro-price{
	    font-size: 15px;
}

#surround > img{
	width:100%
} 

.marginbottom{
	    margin-bottom: 20px;
}

}


@media (max-width: 480px) {

.free-shipping{

   font-size: 12px;
}

.text-icon{
	width: 65%;
    margin: 0 auto;
}

.header-fixed, .header-inner{
	max-height:180px;
	    margin-bottom: 30px;
}



.header-right{
	right:-10px;
  
}


#navbar ul.dropdown-menu li a{
	    padding: 3px 5px;
	    text-transform: none;
    border-bottom: 1px solid #000000;
}

.banner-container{
	    /* display:none */
}

.description-slider{
	display:none
}

ul.mobile-menu-icon>li{
	    margin-left: 5px;
    margin-right: 5px;
}

.title-link
{
	margin:0px;
	background:#000
}

.title-link li.item{
	width:49%
}

.product-list .title-line{
	margin-top:20px
}



.fullscreen{
	width:100%!important
}

.half-width{
	width:50%
}

.pro-loop{
	width:50%
}

#collection h1 {
    float: left;

    margin-bottom: 5px;
    margin-top: 10px;

}

#collection .browse-tags{
	
    padding-left: 0px;
}

.header-child{
	padding:30px 0px 10px
}

.breadcrumb-arrow{
  
    word-wrap: break-word;
    width: 100%;
    overflow: hidden;


}

.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span{
	    height: 30px;
    padding: 0 10px;
    line-height: 30px;
	font-size:11px
}


.header-fixed .header-cart-container{
	right:-65px
}

.hide-mobile{
	display:none
}
.header-fixed .header-cart-container{
	width:55px
}

.col-header-2{
	    width: 88.666667%;
}


.navbar-main.navbar-default .navbar-toggle{
	    margin: 8px 8px 8px 0px;
    padding: 10px 0px;
}

.navbar-main .navbar-nav>li>a{
	padding:8px 0px;
	margin-left:0px
}

#navbar li.line-mobile{
	    width: 121%!important;
}


.product-list .title-line h3:before, .product-list .title-line h3:after{
	margin:0px 2px
}

.navbar-header{

	margin:20px 0px;
	width:100%
}



.search-bar form input{
	width:236px!important
}

.bt-more a{
	font-size:10px
}

.product-block p{
	    margin-bottom: 10px;
    line-height: 13px;
}


.col-xs-push-1{
	left:0%
}

.input_email{
	width:215px!important
}

#layout-page h1{
	font-size: 30px;
	    line-height: 30px;
}

.stroke.stroke-left{
	    background: linear-gradient(to left, rgba(230, 230, 230, 0) 10px, #e6e6e6 40px, rgba(230, 230, 230, 0) 10px, #e6e6e6 40px, rgba(230, 230, 230, 0) 100%);
}

.stroke.stroke-right {
    background: linear-gradient(to right, rgba(230, 230, 230, 0) 10px, #e6e6e6 40px, rgba(230, 230, 230, 0) 10px, #e6e6e6 40px, rgba(230, 230, 230, 0) 100%);
}


.btn-detail{
	font-size:15px
}

.input_email{
	width:75%!important
}

.bt_email{
	width:25%
}

.qc-index{
	width:50%
}

.olapic-nav-next{
	right:0px
}

.olapic-nav-prev{
	left:0px
}
.qc-index > figure > a > div {
    font-size: 1.5em;
	
}

.qc-index > figure > a > div > p{
	line-height:20px
}

.qc-index > figure > a > div > h5 {
    font-size: 2em;
    line-height: 20px;
}

}

/*product*/
/*product detail*/
.product-image {
  /* Style for the active selector */ }
  .product-image .left-control {
    width: 70px;
    padding-right: 15px;
    margin-bottom: 15px;
    float: left; }
    .product-image .left-control li {
      margin-bottom: 20px;
      cursor: pointer;
      opacity: 0.7; }
      .product-image .left-control li img {
        width: 100%;
        border: 1px solid #cfcfcf; }
    .product-image .left-control li.active, .product-image .left-control li:hover {
      opacity: 1; }
  .product-image .big-image {
    float: right;
    width: calc(100% - 70px); }
    .product-image .big-image li img {
      max-width: 100%; }
  .product-image .Selector img {
    border: 2px solid #ccc; }
  .product-image .Selector.Active img {
    border: 2px solid #fe4444; }

@media (max-width: 767px) {
    .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	background: #000000!important;
}
}