/*------------------------------------------------------------------
[Framework Stylesheet]
Project:Boxed | Epsilon Framework
Version:2.0
Last change:10/23/2014
Assigned to:Enabled & CosminCotor
Primary use:ThemeForest Stock Item
License: You may not reuse or redistribute this framework outside the mentioned licenses found on ThemeForest
-------------------------------------------------------------------*/

*{appearance:normal;-webkit-appearance: none;-moz-appearance: none;margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;outline: none;font-size-adjust: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus{outline: none;}
*,*:after,*:before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;}
body{margin: 0;padding: 0;overflow-x:hidden;}
body::-webkit-scrollbar{display: none;}
a:hover{text-decoration:none!important;}
::selection{background-color:#CCC;color: #000;}
div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre{display: block;position:relative;overflow:hidden;}
/*2. Typography*/
p{line-height: 30px;margin-bottom: 30px;font-size:13px;letter-spacing:0px;}
p > a{display: inline;text-decoration: none;}
p > a:hover{text-decoration: underline;}
p > span{display: inline;}
span > a{display: inline;}
a > span{display: inline;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a{display: inline;}
table{border-collapse: separate;border-spacing: 0;background-color: #f6f6f6;border-left: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;width: 100%;clear: both;margin-bottom: 27px;}
thead{}
th{vertical-align: middle;border-bottom: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;font-weight: bold;color: #555;background-color: #f6f6f6;}
tr{line-height: 18px;}
td{border-right: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;text-align: center;color: #666;padding-top: 9px;padding-bottom: 9px;line-height: 18px;vertical-align: middle;background-color: #fdfdfd;}
tr:hover > td{background: #fff;}
ul{margin-bottom: 20px;}
ol{margin-bottom: 30px;}
li{line-height: 18px;margin-bottom:5px;list-style:inside;list-style-type: none;}
ol > li:last-child, ul > li:last-child{margin-bottom:0px;}
.background-turquoise{background-color:#1abc9c;}
.background-turquoise-dark{background-color:#16a085;}
.background-green{background-color:#2ecc71;}
.background-green-dark{background-color:#27ae60;}
.background-blue{background-color:#3498db;}
.background-blue-dark{background-color:#2980b9;}
.background-magenta{background-color:#9b59b6;}
.background-magenta-dark{background-color:#8e44ad;}
.background-yellow{background-color:#f1c40f;}
.background-yellow-dark{background-color:#f39c12;}
.background-orange{background-color:#e67e22;}
.background-orange-dark{background-color:#d35400;}
.background-red{background-color:#e74c3c;}
.background-red-dark{background-color:#c0392b;}
.background-gray{background-color:#95a5a6;}
.background-gray-dark{background-color:#7f8c8d;}
/*/////////////////////////////////////
/*//*Font Selection and General Font Colors*//*/////////////////////////////////////
/*/
body{font-family:'Roboto', sans-serif;-webkit-font-smoothing: antialiased;color:#666;font-size:12px;line-height:20px;}
.checkbox{color:#666;}
h1{font-size:21px;margin-bottom:10px;font-weight:800;color:#212935;}
h2{font-size:19px;margin-bottom:10px;font-weight:800;color:#212935;}
h3{font-size:17px;margin-bottom:10px;font-weight:700;color:#212935}
h4{font-size:15px;margin-bottom:10px;font-weight:800;color:#212935;}
h5{color:#212935;font-size:13px;margin-bottom:5px;font-weight:800;}
h1, h2, h3, h4, h5, h6{font-family:'Roboto', sans-serif;-webkit-font-smoothing: antialiased;color:#1f1f1f;}
a:hover{color:#2980b9;transition:all 200ms ease;}
a{color:#3498db;tramsition:all 200ms ease;}
/*///////////////////////
/*//*Other Classes and Resets*//*///////////////////////
/*/
.overlay{pointer-events:none;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;}
.content{clear:both;margin-left:10px;margin-right:10px;}
@media (min-width:768px){
.content{margin-left:70px;margin-right:70px;}
.content-box-slider{margin-left:70px;margin-right:70px;}
}
.no-bottom{margin-bottom:0px!important;padding-bottom:0px!important;}
.half-bottom{margin-bottom:15px;}
.full-bottom{margin-bottom:30px!important;}
.clear{clear: both;height: 0px;line-height: 0px;}
.float-left{float:left;margin-right:10px;}
.float-right{float:right;margin-left:5px;}
.right-text{display:block;text-align:right;}
.left-text{display:block;text-align:left;}
.center-text{display:block;text-align:center;}
.uppercase{text-transform:uppercase;}
.capitalize{text-transform:capitalize;}
.regular-anchor{color:inherit!important;}
.responsive-image{width:100%;margin-bottom:20px;}
.round-image{border-radius:500px;}
.responsive-video{display:block;width:100%;margin-bottom:30px;}
@media (min-width:768px){.responsive-video{min-height:400px;}}
.decoration{height:1px;background-color:rgba(0,0,0,0.1);margin-bottom:0.6rem;display:block;clear:both;}
@media (max-width:767px){.center-if-mobile{text-align:center;display:block;}
.left-if-mobile{text-align:left;}
.right-if-mobile{text-align:right;}}
@media (min-width:768px){.center-if-tablet{text-align:center;}
.left-if-tablet{text-align:left;}
.right-if-tablet{text-align:right;}}
/*3. Preloader*/
#preloader{position:fixed;z-index:2500;top:0;left:0;right:0;bottom:0;background-color:#FFF;z-index:99999999;}
#status{position:fixed;z-index:99999999;width:250px;height:250px;position:absolute;left:50%;top:50%;background-image:url(../images/status.gif);background-size:64px 64px;background-repeat:no-repeat;background-position:center;margin:-125px 0 0 -125px;}
#status p{top:60%;}
#status em{font-size:10px!important;display:block;font-style:normal;}
/*Typograhpy Features*/
.center-icon{width:70px;margin-left:auto;margin-right:auto;margin-bottom:30px;}
.last-column{margin-right:0%!important;}
.one-third{width:28%;float:left;margin-right:8%;}
.one-half{width:45%;float:left;margin-right:10%;}
@media (max-width:760px){.hide-if-mobile{display:none;}}
@media (min-width:760px){.one-third-responsive{width:30%;float:left;margin-right:5%;}
.one-half-responsive{width:46%;float:left;margin-right:8%;}
.sidebar-left-big{width:70%;float:left;margin-right:5%}
.sidebar-right-small{width:25%;float:right;}
.sidebar-right-big{width:70%;float:right;}
.sidebar-left-small{width:25%;float:left;margin-right:5%;}
.hide-if-responsive{display:none;}}
/*4. Highlights*/
.text-highlight{color:#FFFFFF;padding:8px;margin-right:3px;}
.highlight-turqoise{background-color:#16a085;}
.highlight-green{background-color:#27ae60;}
.highlight-blue{background-color:#2980b9;}
.highlight-magenta{background-color:#8e44ad;}
.highlight-dark{background-color:#2c3e50;}
.highlight-yellow{background-color:#f1c40f;}
.highlight-red{background-color:#c0392b;}
.highlight-orange{background-color:#e67e22;}
/*5. Buttons*/
.full-button{display:block;width:100%;text-align:center;}
.center-button{width:120px;margin-left:auto;margin-right:auto;display:block!important;margin-top:10px;text-align:center;}
.button{display:inline-block;padding:10px 20px;}
.button-3d{display:inline-block;padding:8px 20px;}
.button i{margin-right:10px;font-size:12px;width:12px;text-align:center;margin-left:-5px;}
.button:hover{color:#FFFFFF!important;}
.button-3d:hover{color:#FFFFFF!important;}
.tea-3d{border-bottom:solid 4px #117562;}
.button-tea{background-color:#16a085;color:#FFFFFF;}
.button-tea:hover{background-color:#1abc9c;}
.green-3d{border-bottom:solid 4px #1e8248;}
.button-green{background-color:#27ae60;color:#FFFFFF;}
.button-green:hover{background-color:#2ecc71;}
.blue-3d{border-bottom:solid 4px #194e70;}
.button-blue{background-color:#2980b9;color:#FFFFFF;}
.button-blue:hover{background-color:#3498db;}
.magenta-3d{border-bottom:solid 4px #602e75;}
.button-magenta{background-color:#8e44ad;color:#FFFFFF;}
.button-magenta:hover{background-color:#9b59b6;}
.dark-3d{border-bottom:solid 4px #19232d;}
.button-dark{background-color:#2c3e50;color:#FFFFFF;}
.button-dark:hover{background-color:#34495e;}
.yellow-3d{border-bottom:solid 4px #ba970b;}
.button-yellow{background-color:#f1c40f;color:#1f1f1f;}
.button-yellow:hover{background-color:#f39c12;}
.orange-3d{border-bottom:solid 4px #9d3e00;}
.button-orange{background-color:#d35400;color:#FFFFFF;}
.button-orange:hover{background-color:#e67e22;}
.red-3d{border-bottom:solid 4px #8a281e;}
.button-red{background-color:#c0392b;color:#FFFFFF;}
.button-red:hover{background-color:#e74c3c;}
.light-3d{border-bottom:solid 4px #868a8c;}
.button-light{background-color:#bdc3c7;color:#1f1f1f;}
.button-light:hover{background-color:#ecf0f1;}
.grey-3d{border-bottom:solid 4px #474d4e;}
.button-grey{background-color:#7f8c8d;color:#FFFFFF;}
.button-grey:hover{background-color:#95a5a6;}
/*6. Code Highlight*/
.code{border:solid 1px #cacaca;font-size:12px;margin-bottom:30px;}
.wline{font-size:11px;font-family:"Courier New", Courier, monospace!important;display:block;background-color:#FFFFFF;padding-left:10px;padding-right:10px;padding-top:8px;padding-bottom:8px;}
.code > span:last-child{border-bottom:none;}
.gline{font-size:11px;font-family:"Courier New", Courier, monospace!important;border-top:solid 1px rgba(0,0,0,0.1);border-bottom:solid 1px rgba(0,0,0,0.1);display:block;background-color:#f1f1f1;padding-left:10px;padding-right:10px;padding-top:8px;padding-bottom:8px;}
/*7. Lists*/
.number-list li{line-height:26px;list-style:decimal;overflow:visible!important;margin-left:0px;list-style:decimal;margin-left:20px;padding-left:0px;}
.normal-list li{line-height:26px;padding-left:5px;}
.icon-list li{list-style:none;padding-left:30px;background-repeat:no-repeat;background-size:18px 18px;background-position:0px 5px;margin-bottom:10px;line-height:26px;}
.font-icon-list li{list-style:none;padding-left:0px;color:#666666;line-height:26px;}
.font-icon-list li a{color:#666666;}
.icon-list li a{color:#666666;}
.font-icon-list i{margin-right:10px;width:12px;}
.address-list{background-image:url(../images/lists/address_48.png);}
.block-list{background-image:url(../images/lists/block_48.png);}
.bookmark-list{background-image:url(../images/lists/bookmark_48.png);}
.briefcase-list{background-image:url(../images/lists/briefcase_48.png);}
.bubble-list{background-image:url(../images/lists/bubble_48.png);}
.buy-list{background-image:url(../images/lists/buy_48.png);}
.calendar-list{background-image:url(../images/lists/calendar_48.png);}
.clipboard-list{background-image:url(../images/lists/clipboard_48.png);}
.clock-list{background-image:url(../images/lists/clock_48.png);}
.delete-list{background-image:url(../images/lists/delete_48.png);}
.diagram-list{background-image:url(../images/lists/diagram_48.png);}
.document-list{background-image:url(../images/lists/document_48.png);}
.down-list{background-image:url(../images/lists/down_48.png);}
.flag-list{background-image:url(../images/lists/flag_48.png);}
.folder-list{background-image:url(../images/lists/folder_48.png);}
.gear-list{background-image:url(../images/lists/gear_48.png);}
.globe-list{background-image:url(../images/lists/globe_48.png);}
.heart-list{background-image:url(../images/lists/heart_48.png);}
.help-list{background-image:url(../images/lists/help_48.png);}
.home-list{background-image:url(../images/lists/home_48.png);}
.info-list{background-image:url(../images/lists/info_48.png);}
.key-list{background-image:url(../images/lists/key_48.png);}
.label-list{background-image:url(../images/lists/label_48.png);}
.left-list{background-image:url(../images/lists/left_48.png);}
.letter-list{background-image:url(../images/lists/letter_48.png);}
.monitor-list{background-image:url(../images/lists/monitor_48.png);}
.pencil-list{background-image:url(../images/lists/pencil_48.png);}
.plus-list{background-image:url(../images/lists/plus_48.png);}
.present-list{background-image:url(../images/lists/present_48.png);}
.print-list{background-image:url(../images/lists/print_48.png);}
.right-list{background-image:url(../images/lists/right_48.png);}
.save-list{background-image:url(../images/lists/save_48.png);}
.search-list{background-image:url(../images/lists/search_48.png);}
.shield-list{background-image:url(../images/lists/shield_48.png);}
.statistics-list{background-image:url(../images/lists/statistics_48.png);}
.stop-list{background-image:url(../images/lists/stop_48.png);}
.tick-list{background-image:url(../images/lists/tick_48.png);}
.trash-list{background-image:url(../images/lists/trash_48.png);}
.up-list{background-image:url(../images/lists/up_48.png);}
.user-list{background-image:url(../images/lists/user_48.png);}
.wallet-list{background-image:url(../images/lists/wallet_48.png);}
.warning-list{background-image:url(../images/lists/warning_48.png);}
/*8. Table*/
.table{width:100%;margin-bottom:35px;}
.table-title{font-family:'Dosis', sans-serif;font-size:12px;}
.table-sub-title{font-family:'Dosis', sans-serif;font-weight:bold;font-size:12px;}
.price{font-size:12px;}
.small-price{position:absolute;margin-left:0px;font-size:10px;margin-top:-3px!important;}
table{font-size:12px;text-shadow: 1px 1px 0px #fff;background:#eaebec;border:#ccc 1px solid;margin-bottom:25px;}
table th{padding:21px 25px 22px 25px;border-bottom:1px solid #e0e0e0;}
table th:first-child{text-align: center;padding-left:20px;}
table tr{text-align: center;padding-left:20px;}
table tr td:first-child{text-align: left;padding-left:20px;border-left: 0;}
table tr td{padding:14px;border-top: 1px solid #ffffff;border-bottom:1px solid #e0e0e0;border-left: 0px solid #e0e0e0;}
table tr.even td{background: #efefef;}
table tr:last-child td{border-bottom:0;}
table tr:hover td{background: #f8f8f8;}
.table-heading{padding-top:10px;padding-bottom:15px;}
.table-text{color:#6f6f6f;}
/*9. Speach Bubbles*/
.green-bubble{background-color:#33c922!important;color:#FFFFFF!important;border:none!important;}
.blue-bubble{background-color:#0b84fe!important;color:#FFFFFF!important;border:none!important;}
.speach-left{float:left;display:inline;text-align:left;max-width:75%;font-size:12px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;border-radius:10px;background-color:#FFFFFF;border:solid 1px #cacaca;}
.speach-left-title{display:block;width:100%;font-size:10px;font-style:normal;padding-left:5px;color:#000000;text-shadow:0px 1px 0px #FFFFFF;}
.speach-right{float:right;text-align:right;text-align:left;max-width:75%;font-size:12px;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;border-radius:10px;background-color:#FFFFFF;border:solid 1px #cacaca;}
.speach-right-title{text-align:right;display:block;font-size:10px;font-style:normal;padding-right:5px;color:#000000;text-shadow:0px 1px 0px #FFFFFF;}
/*10. Quote Styles*/
.quote-style-one{margin-bottom:30px;}
.quote-style-one img{float:left;width:25%;}
.quote-style-one em{font-style:normal;float:left;width:70%;padding-left:4%;}
.quote-style-one strong{font-style:italic;float:left;width:70%;padding-left:4%;padding-top:2%;}
.quote-style-two{margin-bottom:30px;}
.quote-style-two em{text-align:left;font-style:normal;display:block;}
.quote-style-two strong{text-align:left;font-style:italic;display:block;}
.quote-style-three{margin-bottom:30px;}
.quote-style-three em{text-align:right;font-style:normal;display:block;}
.quote-style-three strong{text-align:right;font-style:italic;display:block;}
.quote-style-four em{text-align:center;font-style:normal;display:block;}
.quote-style-four strong{text-align:center;font-style:italic;display:block;}
.quote-style-four img{width:70px;margin-left:auto;margin-right:auto;padding-bottom:20px;}
/*11. Radio and Checkboxe*/
.checkbox-one{background-image:url(../images/ui/checkbox1.png);background-size:16px 18px;background-repeat:no-repeat;padding-left:30px;background-position:0px 1px;margin-bottom:10px;}
.checkbox-one-checked{background-image:url(../images/ui/checkbox1c.png);}
.checkbox-two{background-image:url(../images/ui/checkbox2.png);background-size:16px 18px;background-repeat:no-repeat;padding-left:30px;background-position:0px 1px;margin-bottom:10px;}
.checkbox-two-checked{background-image:url(../images/ui/checkbox2c.png);}
.checkbox-three{background-image:url(../images/ui/checkbox3.png);background-size:16px 16px;background-repeat:no-repeat;padding-left:30px;background-position:0px 2px;margin-bottom:10px;}
.checkbox-three-checked{background-image:url(../images/ui/checkbox3c.png);}
.radio-one{background-image:url(../images/ui/radio1.png);background-size:16px 18px;background-repeat:no-repeat;padding-left:30px;background-position:0px 1px;margin-bottom:10px;}
.radio-one-checked{background-image:url(../images/ui/radio1c.png);}
.radio-two{background-image:url(../images/ui/radio2.png);background-size:16px 18px;background-repeat:no-repeat;padding-left:30px;background-position:0px 1px;margin-bottom:10px;}
.radio-two-checked{background-image:url(../images/ui/radio2c.png);}
/*12. Charts*/
.chart div{overflow:hidden!important;}
.chart strong{font-size:13px;text-align:left;font-weight:600;font-family:'Source Sans Pro', sans-serif;padding-left:5px;}
.chart em{font-size:13px;text-align:right;font-style:normal;display:block;margin-bottom:10px;margin-top:-20px;font-weight:300;font-family:'Source Sans Pro', sans-serif;padding-right:5px;}
.chart-background{background-color:#CCC;width:100%;display:block;height:22px;margin-bottom:20px;margin-top:-5px;}
.red-chart{background-color:#c0392b;margin:3px;height:16px;opacity:0.9;}
.green-chart{background-color:#27ae60;margin:3px;height:16px;opacity:0.9;}
.yellow-chart{background-color:#f39c12;margin:3px;height:16px;opacity:0.9;}
.magenta-chart{background-color:#8e44ad;margin:3px;height:16px;opacity:0.9;}
.blue-chart{background-color:#2980b9;margin:3px;height:16px;opacity:0.9;}
.chart-round div{border-radius:20px;}
.p100{width:100%;}
.p90{width:90%;}
.p80{width:80%;}
.p70{width:70%;}
.p60{width:60%;}
.p50{width:50%;}
.p40{width:40%;}
.p30{width:30%;}
.p20{width:20%;}
.p10{width:10%;}
.p0{width:0%;}
/*13. Notifications*/
.red-notification{background-color:#c0392b!important;color:#FFFFFF;}
.green-notification{background-color:#27ae60!important;color:#FFFFFF;}
.yellow-notification{background-color:#f39c12!important;color:#FFFFFF;}
.blue-notification{background-color:#2980b9!important;color:#FFFFFF;}
.big-notification{margin-bottom:30px;padding:8px;}
.big-notification h3{font-family:'Dosis', sans-serif;font-weight:400;color:#FFFFFF;margin-bottom:5px;margin:10px;padding-bottom:10px;padding-top:5px;border-bottom:solid 1px rgba(255,255,255,0.2);}
.big-notification h4{font-family:'Dosis', sans-serif;font-weight:400;color:#FFFFFF;margin-bottom:5px;margin:10px;padding-bottom:10px;padding-top:0px;border-bottom:solid 1px rgba(255,255,255,0.2);}
.close-big-notification{font-size:14px;color:#FFFFFF;float:right;margin-top:-43px;margin-right:10px;width:20px;height:20px;text-align:center;}
.close-big-notification:hover{color:#FFFFFF;}
.big-notification p{padding:10px;padding-top:0px;margin-bottom:0px;}
.static-notification-red{overflow:hidden;background-color:#c0392b;color:#FFFFFF;margin-bottom:30px;}
.static-notification-red p{font-size:11px;margin-top:10px;margin-bottom:10px;font-weight:500;}
.static-notification-green{overflow:hidden;background-color:#27ae60;color:#FFFFFF;margin-bottom:30px;}
.static-notification-green p{font-size:11px;margin-top:10px;margin-bottom:10px;font-weight:500;}
.static-notification-yellow{overflow:hidden;background-color:#f39c12;color:#FFFFFF;margin-bottom:30px;}
.static-notification-yellow p{font-size:11px;margin-top:10px;margin-bottom:10px;font-weight:500;}
.static-notification-blue{overflow:hidden;background-color:#2980b9;color:#FFFFFF;margin-bottom:30px;}
.static-notification-blue p{font-size:11px;margin-top:10px;margin-bottom:10px;font-weight:500;}
/*Top Notifications*/
.notification-top{height:0px;width:100%;transition:all 400ms ease;}
.show-notification-top{height:100px!important;transition:all 400ms ease;transition-delay:1s;}
.notification-top a{color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);padding-bottom:2px;}
.hide-top-notification{font-size:10px;width:30px;height:30px;position:absolute;right:34px;top:17px;color:#FFFFFF;text-align:center;background-color:rgba(0,0,0,0.1);border-radius:30px;line-height:31px;border:none!important;transition:all 200ms ease;}
.hide-top-notification:hover{background-color:rgba(0,0,0,0.3);transition:all 200ms ease;}
.goto-top-notification{font-size:10px;width:30px;height:30px;position:absolute;right:80px;top:17px;color:#FFFFFF;text-align:center;background-color:rgba(0,0,0,0.1);border-radius:30px;line-height:30px;border:none!important;transition:all 200ms ease;}
.goto-top-notification:hover{background-color:rgba(0,0,0,0.3);transition:all 200ms ease;}
.notification-top h3{margin-left:30px;margin-top:23px;margin-bottom:12px;color:#FFFFFF;1}
.notification-top p{font-size:12px;margin-left:30px;padding-right:30px;line-height:24px;opacity:0.8;}
/*14. Tabs*/
.tabs div{overflow:hidden!important;}
.tabs a{color:#1f1f1f;text-transform:uppercase;}
.tab-content{overflow:hidden;display:none;}
.tab-content img{margin-top:8px;}
.tab-content p{margin-bottom:0px;}
.tab-content.tab-content-1,.tab-content.tab-content-2{display:block;background: none;padding-left: 0;padding-right: 0;overflow: initial;}
.tab-content-1 span,.tab-content-2 span{display: inline-block;width: 24.2%;    margin-bottom: 0.2rem; padding: 0 2px;}
.tab-content-1 span a,.tab-content-2 span a{color: #000;text-align: center;overflow: hidden;text-overflow: ellipsis;display:block;-webkit-box-orient: vertical;-webkit-line-clamp: 1;background: #eee;    height: 2rem;
    line-height:30px;
    font-size: 16px;}
.tab-content-1 span:hover{background: #ddd;}
.tab-content-1 span.more,.tab-content-2 span.more{background: none;position: absolute;top: -2rem;right: 0;}
.more{position: absolute;right: 0;top:8px;}
.tab-active{background-color:#ffe50e!important;font-weight: bold;}
.actve-green{background-color:#67c68f!important;}
.tab-but{font-size:16px;float:left;background-color:#eee;margin-right:5px;padding-left:20px;padding-right:20px;padding-top:2px;padding-bottom:2px;}
.tab-more {color: #1f1f1f;}
.tab-content{background-color:#eeeeee;padding-left:10px;padding-right:10px;padding-top:5px;}
/*15. Toggles*/
.toggle-content{display:none;padding-top:0px;}
.toggle-content p{border-top:solid 1px rgba(0,0,0,0.05);margin-bottom:0px;padding-top:10px;padding:15px;}
.toggle-1, .toggle-2, .toggle-3{background-color:#eeeeee;}
.deploy-toggle-1{padding:15px;padding-left:50px;font-size:13px;color:#343434;text-transform:uppercase;background-image:url(../images/ui/plus.png);background-repeat:no-repeat;background-size:12px 12px;background-position:15px 19px;}
.toggle-1-active{background-image:url(../images/ui/minus.png);}
.deploy-toggle-2{padding:15px;padding-left:50px;font-size:13px;color:#343434;text-transform:uppercase;background-image:url(../images/lists/plus_48.png);background-repeat:no-repeat;background-size:14px 14px;background-position:15px 18px;}
.toggle-2-active{background-image:url(../images/lists/delete_48.png);}
.deploy-toggle-3{padding:15px;font-size:13px;color:#343434;text-transform:uppercase;}
.deploy-toggle-3 em{background-color:#c0392b;position:absolute;transition: 0.1s ease-out;right:15px;width:50px;height:20px;border-radius:30px;}
.deploy-toggle-3 em strong{top:2px;left:2px;height:16px;width:16px;border-radius:19px;background-color:#f6f6f6;position:absolute;z-index:999;}
.toggle-3-active-background{background-color:#27ae60!important;}
.toggle-3-active-ball{transition: 0.01s ease-out;left:32px!important;}
/*16. Submenu*/
.submenu-navigation a{color:#343434;}
.submenu-navigation{background-color:#eeeeee;}
.submenu-nav-deploy,.submenu-area-deploy{font-size:13px;padding:15px;padding-left:40px;text-transform:uppercase;background-image:url(../images/ui/arrow-down.png);background-repeat:no-repeat;background-size:8px 5px;background-position: 144px 13px;}
.submenu-nav-deploy-active,.submenu-area-deploy-active{background-image:url(../images/ui/arrow-up.png);}
.submenu-nav-items,.submenu-area-items{display:none;}
.submenu-nav-items a:first-child,.submenu-area-items a:first-child{border-top:solid 1px rgba(0,0,0,0.1);}
.submenu-nav-items a,.submenu-area-items a{padding-left:20px;padding-top:5px;padding-bottom:5px;border-bottom:solid 1px rgba(0,0,0,0.1) !important;}
.submenu-nav-items a:last-child,.submenu-area-items a:last-child{padding-bottom:10px;}
.sliding-door{overflow:hidden;background-color:#FFFFFF;border:solid 1px #cacaca;height:40px;line-height:39px;}
.sliding-door-bottom{border:solid 1px rgba(0,0,0,0.05);}
.sliding-door-clear{height:20px;display:block;width:100%;}
.sliding-door-top{position:absolute;background-color:#FFFFFF;display:block;width:101%;height:inherit;line-height:inherit;padding-top:3px;z-index:10;font-size:12px;padding-top:0px;padding-left:0px;padding-right:15px;padding-bottom:0px;border-left:solid 1px #cacaca;margin-left:-1px;}
.sliding-door-top a{color:#333;text-transform:uppercase;background-position:0 13px;}
.sliding-door-bottom{position:absolute;background-color:#fefefe;display:block;width:100%;height:inherit;line-height:inherit;padding-top:3px;font-size:12px;padding-left:0px;padding-right:20px;padding-top:0px;padding-bottom:0px;}
.sliding-door-bottom a{color:#333;width:98%;}
.sliding-door-bottom a strong{padding-right:10px;font-weight:normal;text-transform:uppercase;}
.sliding-door-bottom a em{background-image:url(../images/ui/minus.png);background-size:12px 12px;background-repeat:no-repeat;background-position:13px 13px;margin-right:20px;display:inline-block;float:left;width:40px;height:40px;}
.sliding-door-top a em{background-image:url(../images/ui/plus.png);background-size:12px 12px;background-repeat:no-repeat;background-position:13px 13px;margin-right:20px;display:inline-block;float:left;width:40px;height:40px;}
/*17. Contact Form*/
.contactField{background-color:rgba(255,255,255,0.4);font-size:12px;color:#666;border:solid 1px #cacaca;}
.contactField:focus{border:solid 1px #27ae60;}
.contactTextarea{background-color:rgba(255,255,255,0.4);font-size:12px;border:solid 1px #cacaca;color: #666;}
.contactTextarea:focus{border:solid 1px #27ae60;}
.contactSubmitButton{line-height:19px!important;display:block!important;height:36px!important;margin-right:4px;width:100%;}
.contact-form{margin-bottom:20px;}
.contactNameField{padding-bottom:5px;font-size:12px;}
.contactNameField span{float:right;opacity:0.2;}
.contactEmailField{padding-bottom:5px;font-size:12px;}
.contactEmailField span{float:right;opacity:0.2;}
.contactMessageTextarea{padding-bottom:5px;font-size:12px;}
.contactMessageTextarea span{float:right;opacity:0.2;}
/*Field Styles*/
.formFieldWrap{margin-top:-5px;}
#contactNameField{text-transform:capitalize;}
.contactField{min-width:100%;display:block;box-sizing:border-box;}
.contactTextarea{min-width:100%;display:block;box-sizing:border-box;}
.buttonWrap{line-height:20px;padding-bottom:24px;min-width:43%;display:inline-block;}
.formSubmitButtonErrorsWrap a{width:25%;text-align:center;padding:8px 10px!important;}
.formValidationError .red-notification p{background-image:none!important;display:block!important;padding-left:0px!important;text-align:center!important;}
.contactField{height:40px;padding-left:10px;padding-right:10px;margin-bottom:10px;}
.contactTextarea{margin-bottom: 20px;padding-left: 12px;padding-right: 12px;padding-top: 9px;padding-bottom: 9px;line-height: 18px;height: 80px;}
/*Contact Bottom Icons*//*Contact Icons*/
@media (min-width:768px){.contact-information{padding-left:20px;}}
.contact-call{color:#666;height:25px;display:block;}
.contact-call i{width:12px;diplay:block;margin-right:20px;}
.contact-text{color:#666;height:25px;display:block;}
.contact-text i{width:12px;diplay:block;margin-right:20px;}
.contact-mail{color:#666;height:25px;display:block;}
.contact-mail i{width:12px;diplay:block;margin-right:20px;}
.contact-facebook{color:#666;height:25px;display:block;}
.contact-facebook i{width:12px;diplay:block;margin-right:20px;}
.contact-twitter{color:#666;height:25px;display:block;}
.contact-twitter i{width:12px;diplay:block;margin-right:20px;}
/*Maps*/
.maps-container{display:block!important;padding-bottom:0px;box-sizing:border-box;max-height:150px;overflow:hidden;margin-bottom:30px;}
.maps{display:block!important;width:100%;overflow:hidden;}
/*18. Detector*/
.detected-wrapper img{width:70px;height:70px;margin-left:auto;margin-right:auto;}
.detected-wrapper h4{text-align:center;margin-top:10px;margin-bottom:0px;}
.detected-wrapper em{font-size:11px;color:#e34e47;display:block;text-align:center;font-style:normal;margin-bottom:10px;}
.detected-wrapper p{width:90%;text-align:center;margin-left:auto;margin-right:auto;}
/*19. Sharebox*/
.sharebox-wrapper{position:fixed;background-color:rgba(0,0,0,0.8);width:100%;height:100%;z-index:99999;display:none;}
.sharebox{position:fixed;display:block;width:280px;height:300px;top:50%;margin-top:-140px;left:50%;margin-left:-140px;background-color:rgba(255,255,255,0.9);z-index:999999;border-radius:5px;}
.sharebox h3{padding-top:30px;padding-bottom:0px;padding-left:30px;padding-right:30px;}
.sharebox p{padding-left:30px;padding-right:30px;}
.sharebox a{float:left;width:40px;height:40px;color:#FFFFFF;text-align:center;line-height:40px;border-radius:5px;font-size:14px;}
.share-icons{width:250px;margin-left:auto;margin-right:auto;}
.sharebox .facebook{margin-left:5px;margin-right:5px;background-color:#3B5998;}
.sharebox .twitter{margin-left:5px;margin-right:5px;background-color:#4099FF;}
.sharebox .google{margin-left:5px;margin-right:5px;background-color:#d34836;}
.sharebox .message{margin-left:5px;margin-right:5px;background-color:#2ecc71;}
.sharebox .mail{margin-left:5px;margin-right:5px;background-color:#3498db;}
.sharebox .close-sharebox{width:100%;height:50px;color:#1f1f1f;font-size:12px;line-height:48px;margin-top:-30px;}
/*20. Profile*/
.profile-header-contents{position:relative;z-index:10;}
.profile-header{background-image:url(../images/pictures/5.jpg);background-repeat:repeat;}
.profile-header-logo{width:120px;height:120px;border-radius:100px;margin-top:30px;margin-bottom:30px;margin-left:auto;margin-right:auto;border:solid 2px #ffffff;}
.profile-header-background{background-image:url(../images/pictures/5w.jpg);background-repeat:repeat;position:absolute;left:0px;right:0px;top:0px;}
.profile-header-overlay{background-color:rgba(0,0,0,0.7);position:absolute;z-index:5;top:0px;left:0px;right:0px;bottom:0px;height:100%;}
.profile-header-icon-one{position:absolute;height:45px;width:45px;border-radius:45px;top:70px;left:30px;background-color:rgba(255,255,255,0.1);line-height:45px;font-size:14px;text-align:center;color:rgba(255,255,255,0.7);}
.profile-header-icon-two{position:absolute;height:45px;width:45px;border-radius:45px;top:70px;right:30px;background-color:rgba(255,255,255,0.1);line-height:45px;font-size:14px;text-align:center;color:rgba(255,255,255,0.7);}
.profile-header-heading{text-align:center;font-weight:400;color:#FFFFFF;font-size:22px;}
.profile-header-subheading{text-align:center;display:block;color:rgba(255,255,255,0.6);margin-top:-5px;font-style:normal;margin-bottom:40px;font-size:12px;}
.profile-header-socials a{width:33%;float:left;text-align:center;color:rgba(255,255,255,0.8);font-size:12px;margin-bottom:30px;}
.profile-header-socials a .fa-facebook{background-color:rgba(59, 89, 152, 0.5)!important;}
.profile-header-socials a .fa-twitter{background-color:rgba(64, 153, 255, 0.5)!important;}
.profile-header-socials a .fa-google-plus{background-color:rgba(211, 72, 54, 0.5)!important;}
.profile-header-socials a i{width:45px;height:45px;margin-left:auto;margin-right:auto;background-color:rgba(255,255,255,0.1);border-radius:45px;line-height:47px;display:block;text-align:center;color:rgba(255,255,255,0.7);font-size:16px;margin-bottom:10px;}
.profile-header-contents a{transition:all 200ms ease;}
.profile-header-contents a:hover{color:rgba(255,255,255,1);transition:all 200ms ease;}
.profile-header-contents a i{transition:all 200ms ease;}
.profile-header-contents a i:hover{color:rgba(255,255,255,1);transition:all 200ms ease;}
/*21. Portfolio*/
.adaptive-style{margin-bottom:20px;}
.adaptive-style h4{width:100px;float:left;}
.adaptive-style a{float:right;font-size:14px;color:#1f1f1f;margin-left:8px;margin-right:8px;transition:all 200ms ease;}
.active-adaptive-style{color:#e74c3c!important;transition:all 200ms ease;}
.adaptive-one .adaptive-item{width:100%;transition:all 200ms ease;float:none;}
.adaptive-two .adaptive-item{height:auto;width:44%;margin-left:3%;margin-right:3%;transition:all 200ms ease;float:left;}
.adaptive-two{margin-left:-2%;width:105%;}
.adaptive-three .adaptive-item{width:27%;margin-left:3%;margin-right:3%;transition:all 200ms ease;float:left;}
.adaptive-three{width:105%;margin-left:-2%;}
/*Portfolios*/
.portfolio-one-title{margin-bottom:10px;}
.portfolio-one-text .title{font-weight:500;margin-top:20px;margin-bottom:0px;}
.portfolio-one-text .subtitle{font-style:normal;font-size:11px;opacity:0.8;}
.portfolio-one-detail{opacity:0.6;color:#666666;display:inline-block;padding-right:10px;padding-left:10px;margin-bottom:5px;margin-top:0px;font-size:11px;}
.portfolio-one-links a{color:#666666;opacity:0.6;}
.portfolio-one-links a:first-child{float:left;font-size:12px;}
.portfolio-one-links a:first-child i{padding-right:10px;}
.portfolio-one-links a:last-child{float:right;font-size:12px;}
.portfolio-one-details a{opacity:0.5;color:#666666;display:inline-block;padding-right:10px;padding-left:10px;margin-bottom:5px;margin-top:10px;font-size:11px;}
.portfolio-one-details a:first-child{padding-left:0px!important;}
.portfolio-one-details a:nth-child(2){border-left:solid 1px #cacaca;border-right:solid 1px #cacaca;}
.portfolio-one-links a:last-child i{padding-left:10px;}
.portfolio-one-image a{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:999;color:#FFFFFF;font-size:30px;opacity:0;transition:all 200ms ease;}
.portfolio-one-image a:hover{opacity:1;transition:all 200ms ease;color:#FFFFFF;}
.portfolio-one-image a i{width:30px;height:30px;position:absolute;left:50%;margin-left:-15px;top:50%;margin-top:-13px;}
.portfolio-one-image img{margin-bottom:0px;padding-botom:0px;}
@media (min-width:768px){.portfolio-one-text .title{font-size:18px;margin-top:10px;}
.portfolio-one-image{float:left;width:46%;margin-right:4%;}
.portfolio-one-text{float:right;width:50%;}}
/*Portfolio Two*/
.portfolio-two{width:119%;margin-left:-12%;}
.portfolio-two-item{width:47%;padding-left:10%;float:left;}
.portfolio-two-title{margin-bottom:10px;}
.portfolio-two-text .title{font-weight:500;margin-top:20px;margin-bottom:0px;font-size:14px;}
.portfolio-two-text .subtitle{display:block;font-style:normal;font-size:11px;opacity:0.8;margin-bottom:10px;}
.portfolio-two-detail{opacity:0.6;color:#666666;display:inline-block;padding-right:10px;padding-left:10px;margin-bottom:5px;margin-top:0px;font-size:11px;}
.portfolio-two-links a{color:#666666;opacity:0.6;}
.portfolio-two-links a:first-child{float:left;font-size:12px;}
.portfolio-two-links a:first-child i{padding-right:10px;}
.portfolio-two-links a:last-child{float:right;font-size:12px;}
.portfolio-two-details a{opacity:0.5;color:#666666;display:inline-block;padding-right:10px;padding-left:10px;margin-bottom:5px;margin-top:10px;font-size:11px;}
.portfolio-two-details a:first-child{padding-left:0px!important;}
.portfolio-two-details a:nth-child(2){border-left:solid 1px #cacaca;border-right:solid 1px #cacaca;}
.portfolio-two-links a:last-child i{padding-left:10px;}
.portfolio-two-image{max-height:100%;transition:all 200ms ease;}
.portfolio-two-image a{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:999;color:#FFFFFF;font-size:30px;opacity:0;transition:all 200ms ease;}
.portfolio-two-image a:hover{opacity:1;transition:all 200ms ease;color:#FFFFFF;}
.portfolio-two-image a i{width:30px;height:30px;position:absolute;left:50%;margin-left:-15px;top:50%;margin-top:-13px;}
.portfolio-two-image img{margin-bottom:0px;padding-botom:0px;}
@media (min-width:768px){.portfolio-two-image{max-height:200px;transition:all 200ms ease;}}
/*22. Timeline*/
.timeline{margin-top:30px;}
.timeline-decoration{position:absolute;width:1px;height:100%;z-index:99999;background-color:rgba(0,0,0,0.1);margin-left:22px;}
.timeline-icon{width:70px;height:100%;float:left;display:inline;}
.timeline-text{display:inline-block;padding-left:70px;margin-top:-42px;min-height:100px;width:100%;}
.timeline-text .subtitle{font-size:11px;font-style:normal;display:block;margin-top:-10px;color:#e34e47;margin-bottom:20px;}
.timeline-text p{margin-top:-10px;}
.timeline-icon i{position:relative;z-index:99999;margin-left:auto;margin-right:auto;width:45px;height:45px;background-color:#1f1f1f;color:#FFFFFF;border:solid 1px #cacaca;border-radius:30px;font-size:17px;line-height:44px;text-align:center;}
.timeline-quote .title{font-size:14px;line-height:30px;font-weight:300;margin-bottom:20px;margin-top:-10px;}
.timeline-quote .subtitle{display:block;text-align:right;}
@media (min-width:768px){.timeline{padding-left:30px;padding-right:30px;}
.timeline-decoration{position:absolute;width:1px;height:100%;z-index:99999;background-color:rgba(0,0,0,0.1);margin-left:32px;}
.timeline-icon{width:150px;height:100%;float:left;display:inline;}
.timeline-text{display:inline-block;padding-left:100px;margin-top:-52px;}
.timeline-icon i{position:relative;z-index:99999;margin-left:auto;margin-right:auto;width:65px;height:65px;background-color:#1f1f1f;color:#FFFFFF;border:solid 1px #cacaca;border-radius:65px;font-size:20px;line-height:64px;text-align:center;}
.timeline-quote .title{font-size:14px;line-height:30px;font-weight:300;margin-bottom:20px;margin-top:-3px;}}
/*25. Notification Page*/
.notification-page{margin-top:30px;}
.notification-page-item i:first-child{font-size:16px;background-color:#1f1f1f;text-align:center;height:50px;width:50px;line-height:52px;border-radius:50px;color:#FFFFFF;margin-right:20px;margin-top:6px;margin-bottom:0px;float:left;display:inline;}
.notification-page-item,p.childItem b{margin-bottom: 1px;border-bottom: 1px dashed #ccc;
    padding-bottom: 1px;}
.notification-page-item img,p.childItem b img{width:33%;height:4.8rem;float:left;display:inline;margin-right:0.8rem;margin-bottom:0px;}
.notification-page-item:last-child{border:none;    margin-bottom: 0;}
.notification-page-item a,p.childItem b a{color:#000;font-size:16px;font-weight:400;display:block;font-style:normal;text-align:justify!important;line-height: 1.4rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

@media (min-width:768px){.notification-page-item{width:45%;float:left;margin-right:2.5%;margin-left:2.5%;}}
/*26. Login Box*//*27. Portfolio*/
.portfolio-wide{margin-top:-26px;}
.portfolio-wide-item img{margin:0px;padding:0px;}
.portfolio-wide-item{margin-bottom:5px;}
.portfolio-wide-item .overlay{background-color:rgba(0,0,0,0.7);}
.portfolio-wide-item h3{position:absolute;width:100%;top:50%;margin-top:-20px;z-index:99999;color:#FFFFFF;text-align:center;font-weight:500;}
.portfolio-wide-item p{color:rgba(255,255,255,0.5);position:absolute;width:100%;top:50%;margin-top:0px;z-index:99999;text-align:center;}
@media (min-width:768px){.portfolio-wide-item{max-height:200px;}
.portfolio-wide-item h3{font-size:28px;}
.portfolio-wide-item p{font-size:14px;margin-top:20px;}}
/* Sidebar Menu Structures*//* DO NOT CHANGE!*//* The code is calibrated perfectly for all mobiles*//*Sidebar Generated Code*//*Custom Code*/
.snap-content{/*position: absolute;*/top: 0;right: 0;bottom: 0;left: 0;width: auto;height: auto;z-index: 2;overflow: auto;-webkit-overflow-scrolling: touch;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.snap-drawers{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: auto;height: auto;overflow-x:hidden;}
.snap-drawer{position: absolute;top: 0;right: auto;bottom: 0;left: auto;width: 275px;height: auto;overflow: auto;-webkit-overflow-scrolling: touch;-webkit-transition: width 0.3s ease;-moz-transition: width 0.3s ease;-ms-transition: width 0.3s ease;-o-transition: width 0.3s ease;transition: width 0.3s ease;}
.snap-drawer-left{left: 0;z-index: 1;}
.snap-drawer-right{right: 0;z-index: 1;}
.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left{display: none;}
.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right{width: 100%;}
.snapjs-right .snap-drawer-left{display: block;right: 0;left: auto;}
/* Hide the actual "Right" drawer in the demo*/
.snapjs-right .snap-drawer-right{display: block !important;right: 0 !important;left: auto !important;}
/*Snap.CSS*/
.snap-content{/*position: absolute;*/top: 0;right: 0;bottom: 0;left: 0;width: auto;height: auto;z-index: 2;overflow: auto;-webkit-overflow-scrolling: touch;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.snap-drawers{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: auto;height: auto;}
.snap-drawer{position: absolute;top: 0;right: auto;bottom: 0;left: auto;width: 286px;height: auto;overflow: auto;-webkit-overflow-scrolling: touch;-webkit-transition: width 0.3s ease;-moz-transition: width 0.3s ease;-ms-transition: width 0.3s ease;-o-transition: width 0.3s ease;transition: width 0.3s ease;padding-bottom: 3.5rem;}
.snap-drawer-left{left: 0;z-index: 1;}
.snap-drawer-right{right: 0;z-index: 1;padding-left:20px;}
.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left{display: none;}
.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right{width: 100%;}
/* Hide the actual "Right" drawer in the demo*/
.snapjs-right .snap-drawer-right{display: none;}
/* Show the "Drag" background in the demo*/
#content{background-color:#ffffff;overflow-x:hidden;}
/* Styles for fading out the drawer content in the "Expanding" demo*/
.drawer-inner{-webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-ms-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.snapjs-expand-left .drawer-inner,
.snapjs-expand-right .drawer-inner{opacity: 0;}
/* Default demo styles*/
.snap-drawers{background-size:100px 100px;}
.no-user-select{-webkit-user-select: none;/* Chrome all / Safari all*/-moz-user-select: none;/* Firefox all*/-ms-user-select: none;/* IE 10+*/-o-user-select: none;user-select: none;}
/* 39 .Login Page*//*//////////////
/*/
.login-page{background-size:cover;position:absolute;width:100%;height:100%;margin-bottom:-60px;margin-top:-60px;}
.login-page-overlay{background-color:rgba(0,0,0,0.8);position:absolute;width:100%;height:100%;z-index:1;}
.login-page-wrapper{position:absolute;width:280px;height:330px;top:50%;margin-top:-195px;left:50%;margin-left:-140px;z-index:2;}
.login-username{display:block;width:100%;height:45px;padding-left:20px;padding-right:20px;line-height:45px;line-height:100%;border:solid 1px #cacaca;color:#666666;border-radius:0px;}
.login-password{display:block;width:100%;height:45px;padding-left:20px;padding-right:20px;line-height:45px;line-height:100%;border:solid 1px #cacaca;color:#666666;margin-top:-1px;border-radius:0px;}
.login-logo{background-image:url(../images/logo.png);width:150px;height:25px;background-size:150px 25px;margin-left:auto;margin-right:auto;margin-bottom:10px;}
.login-page-wrapper p{color:rgba(255,255,255,0.7);text-align:center;}
.login-page-wrapper .button{width:100%;text-align:center;margin-top:20px;}
.login-page-wrapper .forgot{text-align:center;margin-top:20px;color:rgba(255,255,255,0.5);transition:all 200ms ease;}
.login-page-wrapper .forgot:hover{color:#FFFFFF;transition:all 200ms ease;}
/*40.Signup Page*//*/////////////
/*/
.signup-page{background-size:cover;position:absolute;width:100%;height:100%;margin-bottom:-60px;margin-top:-60px;}
.signup-page-overlay{background-color:rgba(0,0,0,0.8);position:absolute;width:100%;height:100%;z-index:1;}
.signup-page-wrapper{position:absolute;width:280px;height:460px;top:50%;margin-top:-260px;left:50%;margin-left:-140px;z-index:2;}
.signup-page-wrapper p{color:rgba(255,255,255,0.7);text-align:center;margin-bottom:20px;}
.signup-logo{background-image:url(../images/logo.png);width:150px;height:25px;background-size:150px 25px;margin-left:auto;margin-right:auto;margin-bottom:0px;}
.signup-email{display:block;width:100%;height:45px;padding-left:20px;padding-right:20px;line-height:45px;line-height:100%;border:solid 1px #cacaca;color:#666666;border-radius:0px;}
.signup-password{display:block;width:100%;height:45px;padding-left:20px;padding-right:20px;line-height:45px;line-height:100%;border:solid 1px #cacaca;color:#666666;margin-top:-1px;margin-bottom:30px;border-radius:0px;}
.or-button{margin-top:10px;margin-bottom:17px;}
.or-button em{width:40%;float:left;height:1px;background-color:rgba(255,255,255,0.2);margin-top:11px;}
.or-button strong{float:left;width:20%;text-align:center;color:rgba(255,255,255,0.5);font-weight:400;font-size:12px;}
.signup-socials a:hover{opacity:1;transition:all 250ms ease;}
.signup-socials a{opacity:0.9;transition:all 250ms ease;}
.signup-socials i{padding-left:30px;padding-right:40px;width:15px;font-size:14px;line-height:45px;}
.signup-socials .facebook{background-color:#3b5998;color:#FFFFFF;line-height:45px;}
.signup-socials .twitter{background-color:#4099ff;color:#FFFFFF;line-height:45px;margin-top:10px;}
.signup-socials .google{background-color:#d34836;color:#FFFFFF;line-height:45px;margin-top:10px;}
.signup-socials .mail{background-color:#7f8c8d;color:#FFFFFF;line-height:45px;margin-top:10px;}
/*41. Coverpage Page*//*/////////////////
/*/
.dark-overlay{background-color:rgba(0,0,0,0.7)!important;}
.coverpage-slider{position:absolute;margin-top:-28px;}
.coverpage-slider img{width:100%;height:100%;}
.coverpage-image{background-size:cover;background-position: center center;}
.coverpage-style-1 p{display:block;width:260px;margin-left:auto;margin-right:auto;margin-top:40px;color:#FFFFFF;z-index:999999;position:relative;font-family:'Roboto', sans-serif;font-weight:300;text-align:center;line-height:40px;position:absolute;left:50%;margin-left:-130px;font-size:16px;}
.coverpage-style-1 img{position:absolute;z-index:999999;}
.coverpage-style-2 h3{position:absolute;display:block;width:200px;font-size:32px;line-height:45px;font-weight:800;color:#FFFFFF;z-index:99999;margin-left:25px;}
.coverpage-style-2 p{position:absolute;display:block;width:220px;z-index:999999;color:rgba(255,255,255,0.8);margin-left:25px;}
.coverpage-button{position:absolute;z-index:99999;border:solid 1px rgba(255,255,255,1);width:100px;height:40px;line-height:38px;text-align:center;color:#FFFFFF;transition:all 250ms ease;}
.coverpage-button:hover{background-color:rgba(255,255,255,0.1);color:#FFFFFF;}
.coverpage-style-3 i{font-size:64px;position:absolute;z-index:999999;color:#FFFFFF;width:80px;height:80px;text-align:center;line-height:80px;margin-left:-40px;margin-top:-40px;}
.coverpage-style-3 p{position:absolute!important;z-index:999999;color:#FFFFFF;font-size:16px;font-weight:300;text-align:center;width:280px;}
.coverpage-slider *{overflow:visible!important;}
.owl-pagination{position:absolute;width:100%;top:-40px;z-index:9999999!important;}
.coverpage-style-4 h3{position:absolute;display:block;width:100%;text-align:center;font-size:32px;line-height:45px;font-weight:800;color:#FFFFFF;z-index:99999;font-size:25px;}
.coverpage-style-4 p{position:absolute;display:block;width:100%;; text-align:center;z-index:999999;color:rgba(255,255,255,0.8);}
/* 42 User List*//*////////////
/*/
.user-list-item{margin-bottom:30px;}
.user-list-item img{float:left;width:50px;height:50px;border-radius:50px;}
.user-list-item strong{color:#1f1f1f;margin-left:60px;font-size:15px;margin-bottom:0px;margin-top:5px;display:block;}
.user-list-item em{padding-left:10px;font-style:normal;color:#666666;font-weight:500;}
.user-list-item i{position:absolute;right:0px;top:20px;font-size:12px;color:#1f1f1f;}
.user-list-follow img{float:left;width:50px;height:50px;border-radius:50px;}
.user-list-follow strong{float:left;font-size:14px;color:#1f1f1f;padding-left:10px;}
.user-list-follow strong em{font-size:11px;font-style:normal;color:#666666;margin-top:-10px;display:block;font-weight:400;}
.user-list-follow .follow{float:right;font-size:10px;height:30px;margin-top:10px;line-height:30px;padding-left:15px;padding-right:15px;border-radius:30px;background-color:#3498db;color:#FFFFFF;}
.user-list-socials img{float:left;width:50px;height:50px;border-radius:50px;}
.user-list-socials strong{float:left;font-size:14px;color:#1f1f1f;padding-left:10px;}
.user-list-socials strong em{font-size:11px;font-style:normal;color:#666666;margin-top:-10px;display:block;font-weight:400;}
.user-list-socials .icon1{float:right;font-size:10px;height:30px;width:30px;text-align:center;margin-top:10px;line-height:30px;border-radius:30px;color:#FFFFFF;margin-left:5px;}
.user-list-socials .icon2{float:right;font-size:10px;height:30px;width:30px;text-align:center;margin-top:10px;line-height:30px;border-radius:30px;color:#FFFFFF;}
/*43. Share Boxes*//*//////////////
/*/@media (min-width:768px){
.share-socials-bottom{width:600px!important;}}
.share-bottom{position:fixed;width:100%;z-index:99999999;background-color:#f8f8f8;padding-top:15px;padding-bottom:15px;border-top:solid 1px rgba(0,0,0,0.08);-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1);box-shadow: 0 0 0 0 rgba(0,0,0,0.1);bottom:-350px;transition:all 350ms ease;}
.active-share-bottom{-webkit-box-shadow: 0 -5px 15px 1px rgba(0,0,0,0.1)!important;box-shadow: 0 -5px 15px 1px rgba(0,0,0,0.1)!important;bottom:0px!important;transition:all 350ms ease;}
.share-bottom h3{text-align:center;font-size:14px;text-transform:uppercase;font-weight:500;padding-bottom:15px;border-bottom:solid 1px rgba(0,0,0,0.05);margin-left:-5px;}
.share-socials-bottom{width:300px;margin-left:auto;margin-right:auto;}
.share-socials-bottom a{float:left;width:60px;margin-left:20px;margin-right:20px;text-align:center;color:#666666;font-weight:500;font-size:12px;margin-bottom:10px;margin-top:10px;}
.share-socials-bottom a i:hover{color:#FFFFFF;-webkit-transform:scale(0.9,0.9);transform:scale(0.9,0.9);}
.share-socials-bottom a i{width:60px;height:60px;border-radius:8px;color:#FFFFFF;line-height:60px;font-size:18px;margin-bottom:5px;transition:all 250ms ease;opacity:1;}
.share-socials-bottom a i:hover{transition:all 250ms ease;opacity:1;}
.close-share-bottom{display:block;text-align:center;padding-top:15px;margin-top:15px;border-top:solid 1px rgba(0,0,0,0.05);text-transform:uppercase;font-size:12px;font-weight:600;color:#1f1f1f;transition:all 250ms ease;}
.close-share-bottom:hover{color:rgba(0,0,0,0.6);transition:all 250ms ease;}
/*Share Button*/
.share-button-regular:hover{color:#FFFFFF;}
.share-button-regular{height:45px;line-height:45px;font-size:12px;padding-left:20px;padding-right:20px;margin-bottom:20px;transition:all 250ms ease;}
.share-button-regular i{padding-right:20px;}
.share-button-regular:hover{opacity:0.8;transition:all 250ms ease;}
/*round*/
.share-button-round:hover{color:#FFFFFF;}
.share-button-round{width:34px;height:34px;float:left;margin-right:4px;margin-left:4px;border-radius:34px;text-align:center;line-height:34px;transition:all 250ms ease;margin-bottom:5px;}
.share-button-round i{width:34px;height:34px;line-height:34px;text-align:center;}
.share-button-round:hover{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transition:all 250ms ease;}
/*square*/
.share-button-square:hover{color:#FFFFFF;}
.share-button-square{width:34px;height:34px;float:left;margin-right:4px;margin-left:4px;margin-bottom:5px;text-align:center;line-height:34px;transition:all 250ms ease;}
.share-button-square i{width:34px;height:34px;line-height:34px;text-align:center;}
.share-button-square:hover{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transition:all 250ms ease;}
/*44. Mobile Styled Switches*//*/////////////////////////
/*/
.switch-box h4{font-size:14px;line-height:29px;float:left;font-weight:500;padding-top:2px;margin-bottom:5px;}
.switch-box .switch{float:right!important;}
.switch-box .switch-icon{float:right!important;}
.switch-box-content{clear:both;display:none;}
.switch-box-subtitle{display:block;clear:both;opacity:0.8;}
.switch-1{width:50px;height:30px;background-color:#c0392b;border-radius:30px;transition:all 200ms ease;float:left;}
.switch-1 em:first-child{position:absolute;color:#FFFFFF;height:30px;line-height:30px;margin-left:11px;font-style:normal;font-size:10px;}
.switch-1 em:last-child{position:absolute;color:#FFFFFF;height:30px;line-height:30px;margin-left:33px;font-style:normal;font-size:10px;}
.switch-1 span{width:26px;height:26px;position:absolute;background-color:#FFFFFF;border-radius:28px;margin-top:2px;transform:translateX(2px);-webkit-transform:translateX(2px);transition:all 200ms ease;}
.switch-1-on{background-color:#27ae60;transition:all 200ms ease;}
.switch-1-on span{transform:translateX(22px);-webkit-transform:translateX(22px);transition:all 200ms ease;}
.switch-icon em:first-child{font-size:10px;margin-top:2px;margin-left:9px;line-height:27px;}
.switch-icon em:last-child{font-size:10px;margin-top:2px;margin-left:32px;line-height:27px;}
.switch-2{width:85px;background-color:#464646;height:30px;}
.switch-2 span{margin-top:2px;transform:translateX(2px);-webkit-transform:translateX(2px);width:40px;background-color:#676767;height:26px;position:absolute;text-align:center;transition:all 200ms ease;}
.switch-2 span em{display:block;color:#FFFFFF;font-style:normal;line-height:26px;font-size:10px!important;margin-top:-26px;transition:all 200ms ease;}
.switch-2-on span{transform:translateX(43px);-webkit-transform:translateX(43px);/*background-color:#0e88b1;*/background-color:#27ae60;transition:all 200ms ease;}
.switch-2-on span em{margin-top:0px;transition:all 200ms ease;}
.switch-3{border:solid 3px #cacaca;width:60px;height:28px;background-color:#27ae60;transition:all 200ms ease;}
.switch-3 span{z-index:10;; position:absolute;background-color:#cacaca;width:25px;border-right:solid 3px #FFFFFF;border-left:solid 3px #FFFFFF;height:28px;margin-top:-3px;transform:translateX(33px);-webkit-transform:translateX(33px);transition:all 200ms ease;}
.switch-3-on{background-color:#c0392b;transition:all 200ms ease;}
.switch-3-on span{transform:translateX(-3px);-webkit-transform:translateX(-3px);transition:all 200ms ease;}
.switch-3 strong{position:absolute;width:54px;height:22px;border:solid 3px #FFFFFF;}
.switch-3 em{position:absolute;color:#FFFFFF;margin-left:0px;font-style:normal;font-size:10px;margin-top:2px;width:35px;text-align:center;}
.switch-3 em:last-child{position:absolute;color:#FFFFFF;margin-left:19px!important;font-style:normal;font-size:10px;margin-top:2px;}
/*45.Error Page*//*////////////
/*/
.error-page-wrapper{background-image:url(../images/pictures/3.jpg);background-position:center center;background-size:cover;position:absolute;width:100%;height:100%;margin-bottom:-90px;}
.error-page-wrapper .overlay{background-color:rgba(0,0,0,0.8);}
.error-page{position:absolute;z-index:999999;height:280px;width:300px;left:50%;margin-left:-150px;top:50%;margin-top:-170px;}
.error-page h1{color:#FFFFFF;font-size:40px;text-align:center;line-height:40px;}
.error-page h4{color:#FFFFFF;font-weight:500;text-align:center;}
.error-page p{text-align:center;padding-left:20px;padding-right:20px;color:rgba(255,255,255,0.7);padding-top:20px;}
.error-page a{width:120px;margin-left:auto;margin-right:auto;text-align:center;font-size:13px;color:#FFFFFF;padding:13px;padding-left:38px;border:solid 1px rgba(255,255,255,0.5);border-radius:5px;font-weight:500;}
.error-page a i{position:absolute;left:25px;top:15px;font-size:16px;}
.error-page a:hover{background-color:rgba(255,255,255,0.1);color:#FFFFFF;}
/*46.Soon Page*//*///////////
/*/
.soon-page-wrapper{background-image:url(../images/pictures/3.jpg);background-position:center center;background-size:cover;position:absolute;width:100%;height:100%;margin-bottom:-60px;margin-top:-30px;}
.soon-page-wrapper .overlay{background-color:rgba(0,0,0,0.8);}
.soon-page{position:absolute;z-index:999999;height:370px;width:300px;left:50%;margin-left:-150px;top:50%;margin-top:-215px;}
.soon-page h1{color:#FFFFFF;font-size:28px;text-align:center;line-height:40px;font-weight:300;margin-bottom:0px;}
.soon-page h4{color:rgba(255,255,255,0.5);font-weight:300;text-align:center;}
.soon-page p{text-align:center;padding-left:20px;padding-right:20px;color:rgba(255,255,255,0.7);padding-top:20px;}
.countdown *{color:#FFFFFF!important;}
.soon-page a{width:120px;margin-left:auto;margin-right:auto;text-align:center;font-size:13px;color:#FFFFFF;padding:13px;padding-left:38px;border:solid 1px rgba(255,255,255,0.5);border-radius:5px;font-weight:500;}
.soon-page a i{position:absolute;left:25px;top:15px;font-size:16px;}
.soon-page a:hover{background-color:rgba(255,255,255,0.1);color:#FFFFFF;}
/*Countdown Box*/
.countdown{display:block;width:225px;margin-left:auto;margin-right:auto;padding-bottom:40px;}
.countdown-box{float:left;}
.countdown-box span{display:block;text-align:center;font-size:10px;padding-top:5px;text-transform:uppercase;color:#1f1f1f;opacity:0.5;font-weight:600!important;}
.countdown-years{font-size:24px;font-weight:800;margin-left:15px;margin-right:15px;padding-top:3px;padding-bottom:3px;color:#1f1f1f;display:none;}
.box-years span{display:none!important;}
.countdown-days{font-size:28px;font-weight:500;margin-left:10px;margin-right:10px;padding-top:3px;padding-bottom:3px;color:#1f1f1f;}
.countdown-hours{font-size:28px;font-weight:500;margin-left:10px;margin-right:10px;padding-top:3px;padding-bottom:3px;color:#1f1f1f;}
.countdown-minutes{font-size:28px;font-weight:500;margin-left:10px;margin-right:10px;padding-top:3px;padding-bottom:3px;color:#1f1f1f;}
.countdown-seconds{font-size:28px;font-weight:500;margin-left:10px;margin-right:10px;padding-top:3px;padding-bottom:3px;color:#1f1f1f;}
/*47.Blog Page*//*///////////
/*/
@media(min-width:768px){.blog-posts{width:65%;float:left;}
.blog-sidebar{margin-left:5%;width:30%;float:left;}}
.blog-post-image img{display:block;width:100%;}
.blog-post-image{margin-bottom:30px;}
.blog-post-date{width:50%;float:left;}
.blog-post-text{margin-bottom:20px;}
.blog-post-date i{margin-right:10px;}
.blog-post-more{text-align:right;}
.blog-post-more a i{margin-left:10px;}
.blog-search{height:45px;display:block;width:100%;padding-left:20px;padding-right:20px;border:solid 1px rgba(0,0,0,0.1);transition:all 200ms ease;background-color:#FFFFFF;}
.blog-search:focus{border:solid 1px #27ae60;transition:all 200ms ease;}
.blog-gallery li{width:50%!important;transform:scale(1,1);-webkit-transform:scale(1,1);transition:all 200ms ease;}
.blog-gallery li:hover{transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9);transition:all 200ms ease;}
.blog-gallery{margin-bottom:0px!important;}
.blog-category{margin-bottom:0px;}
.blog-category li a{color:rgba(0,0,0,0.6);}
.blog-category li{list-style:none;line-height:24px;transition:all 200ms ease;}
.blog-category li i{margin-right:20px;}
.blog-category li:hover{padding-left:10px;transition:all 200ms ease;}
/*48 Fullscreen Image Slider*//*Full Screen Image Slider*/
.dark-overlay{background-color:rgba(0,0,0,0.8)!important;}
.full-slider{position:absolute;margin-top:0px;}
.full-slider img{width:100%;height:100%;}
.slider-image{background-size:cover;background-position: center center;}
.slider-style-1{position:absolute;width:100%;top:50%;z-index:9999;}
.slider-style-1 p{text-align:center;width:70%;margin-left:auto;margin-right:auto;font-size:14px;}
.slider-style-1 h2{color:#FFFFFF;text-align:center;font-weight:800;text-transform:uppercase;font-size:51px;line-height:50px;padding-bottom:0px;}
.slider-style-1 h3{color:#FFFFFF;text-align:center;font-size:13px;font-weight:700;text-transform:uppercase;margin-bottom:30px;}
.slider-button-1{width:200px;margin-left:auto;margin-right:auto;font-size:12px;font-weight:500;text-transform:uppercase;text-align:center;padding-top:12px;padding-bottom:12px;font-family:'Roboto', sans-serif;margin-bottom:20px;transition:all 200ms ease;}
.slider-button-1:hover{transform:scale(0.95, 0.95);transition:all 200ms ease;}
.slider-button-2{width:200px;margin-left:auto;margin-right:auto;font-size:12px;font-weight:500;text-transform:uppercase;text-align:center;padding-top:12px;padding-bottom:12px;font-family:'Roboto', sans-serif;margin-bottom:20px;color:#cacaca;transition:all 200ms ease;}
.slider-button-2:hover{transform:scale(0.95, 0.95);transition:all 200ms ease;}
.button-line{border:solid 1px #cacaca;}
.slider-button-1:hover{color:#FFFFFF;}
.slider-button-2:hover{color:#FFFFFF;}
.slider-style-2{position:absolute;width:100%;top:50%;z-index:9999;}
.slider-style-2 h2{color:#FFFFFF;text-align:center;font-weight:800;text-transform:uppercase;font-size:24px;line-height:36px;padding-bottom:0px;margin-bottom:5px;}
.slider-style-2 h3{color:#FFFFFF;text-align:center;font-size:34px;font-weight:700;text-transform:uppercase;margin-bottom:30px;}
.slider-style-2 p{text-align:center;width:70%;margin-left:auto;margin-right:auto;font-size:14px;}
.slider-style-3{position:absolute;width:100%;top:50%;z-index:9999;height:200px;}
.slider-style-3 h2{color:#FFFFFF;text-align:center;font-weight:800;text-transform:uppercase;font-size:24px;line-height:36px;padding-bottom:0px;margin-bottom:0px;}
.slider-style-3 h3{color:#FFFFFF;text-align:center;font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:20px;}
.slider-style-3 p{text-align:center;width:70%;margin-left:auto;margin-right:auto;font-size:14px;}
@media(min-width:768px){
.slider-style-1 h2{font-size:60px;line-height:55px}
.slider-style-1 h3{font-size:16px;margin-bottom:10px;}
.slider-style-1 p{font-size:14px;width:320px;}
.slider-style-2 h2{font-size:36px;font-weight:600;}
.slider-style-2 h3{padding-top:10px;font-size:48px;font-weight:900;}
.slider-style-2 p{width:320px;}
.slider-style-3 h2{font-size:36px;padding-bottom:5px;}
.slider-style-3 h3{font-size:18px;}
.slider-style-3 p{width:320px;}}
/*Calendar*/
.calendar{margin-bottom:30px;}
.calendar-titles a{width:14.28%;float:left;text-align:center;height:40px;line-height:40px;font-size:10px;color:#1f1f1f;font-weight:800;}
.calendar-titles .light-titles{opacity:0.5;}
.calendar-days{margin-top:-10px;font-size:14px;margin-bottom:30px;}
.calendar-days a{width:14.28%;float:left;height:60px;line-height:60px;text-align:center;color:#1f1f1f;font-weight:700;}
.calendar-days a:hover{color:rgba(41, 128, 185,1.0);}
.calendar-day .light-day{opacity:0.3;}
.calendar-days i{position:absolute;font-size:35px;margin-top:12px;margin-left:-7px;z-index:-1;}
.clear-day i{opacity:0;}
.light-day{opacity:0.3;}
.light-day i{display:none;}
.taken-day{color:#FFFFFF!important;}
.taken-day i{color:#27ae60;}
.close-day{color:#FFFFFF!important;}
.close-day i{color:#c0392b;}
.calendar-hours{border-top:solid 1px rgba(0,0,0,0.1);}
.calendar-hour{height:80px;border-bottom:solid 1px rgba(0,0,0,0.1);}
.calendar-hour-clear:hover{background-color: rgba(39, 174, 96, 0.1);}
.calendar-hour-taken:hover{background-color: rgba(192, 57, 43,0.1);}
.calendar-hour strong{color:#666666;opacity:0.7;}
.calendar-hours a:last-child{border-bottom:none;}
.calendar-hour .cal-time{position:absolute;margin-top:30px;font-weight:400;font-size:11px;padding-left:20px;}
.calendar-hour .cal-from{position:absolute;margin-top:18px;font-size:11px;font-weight:400;padding-left:20px;}
.calendar-hour .cal-to{position:absolute;margin-top:40px;font-size:11px;font-weight:400;padding-left:20px;}
.calendar-hour h4{font-size:14px;padding-left:100px;padding-top:17px;margin-bottom:2px;}
.calendar-hour em{font-style:normal;font-size:11px;padding-left:100px;color:#666666;}
.calendar-hour em i{margin-right:10px;}


/*搜索页面*/
.common .search{height: 2rem;width:45%;display: inline-block;margin: 0.4rem auto 0.25rem 0.5rem;}
.common .search input{height: 2rem;}
.location{color: #000;background: #eee;font-size: 14px;padding: 1px 0;}
.location a{display: inline-block;vertical-align: top;color: #000;}
.location span{margin-left: 0.2rem;}
.location a.back {float: right;color: #1f1f1f;}
.searchbox {margin-top: 1rem;}
.searchbox ul.container {min-height: 450px;}
.searchbox li {line-height: 2.5rem;margin-bottom: 0;}
.searchbox li a span {font-size: 16px;font-weight: bold;color: #3498db;}
.searchbox li a {font-size: 16px;color: #666;}
.searchbox li.border-solid {border-bottom:1px solid #333;}
.searchbox li.border-dashed{border-bottom:1px dashed #ccc;}

/*全部品牌页*/
.brand {margin-top: 0.25rem;}
.brand-left,.brand-right{display: inline-block;vertical-align: top;}
.brand-left{writing-mode:tb-rl;background:#ffe50e;padding: 0.5rem 0.2rem;color: #1f1f1f;letter-spacing: 1px;font-size: 14px;}
.brand-right {width: 90%;}
.brand-right dd{display: inline-block;background: #eee;margin-bottom: 0.1rem;}
.brand-right dd a{color: #000;display: block;padding: 0.1rem 0.35rem; font-size: 16px;}
.brand-right dd a:hover{background: #ffe50e;color: #000;}
.brand .style1,.brand .style2 {margin-bottom:5px;border-bottom: 1px dashed #ccc;padding-bottom: 0.1rem;}
.brand-list {margin-top:5px;padding-bottom: 5px;}
.brand-list dd {display: inline-block;width:32.5%;}
.brand-list dd a {display: block;border: 1px solid #ccc;}
.brand-list dd a:hover {border: 1px solid #ffe50e;}
.brand-list dd a img {width: 100%;}
.brand-list dd b {text-align: center;display: block;}

/*品牌授权商页*/
.brandtext .text{margin-top: 5px;    background: #eee;}
.brandtext p {    line-height: 20px;
    margin-bottom:0;
    text-indent: 1rem;
    background: #fff;
    padding: 5px;
    font-size: 14px;
    }
.brandtext .float-left{border: 1px solid #ccc;margin-right: 12px;}
.decoration.mt10{margin-bottom: 0.8rem;}
dl.ddlist {position: relative;padding: 0 5px;font-size: 14px;}
dl.ddlist dd {line-height: 18px;}
dl.ddlist dd a {display: inline-block;vertical-align: top;}
dl.ddlist dd span.blue {/*color: #d01c1c; */   font-size: 12px;}
dd.contact b {display:inline-block;}
dd.contact span {display: inline-block;width: 74%;vertical-align: top;}
.ddlist a.float {color: #1f1f1f;font-weight: bold;letter-spacing: 1px;background: #ffe50e;padding: 0 0.3rem;position: absolute;right: 5px;}

.brandgg {background: #ffe50e;line-height: 1.9rem;padding: 0 15px;color: #000;margin: 5px 0;font-size: 14px;}
.brandgg a {display: inline-block;vertical-align: top;float: right;color: #1f1f1f;text-decoration: underline;}
.brandlist .submenu-navigation,.brandlist .submenu-navigation02 {width: 49%;display: inline-block;vertical-align: top;background: none;}
.submenu-navigation a,.submenu-navigation02 a {color: #343434;border: 1px solid #000;margin: 0 0.2rem;padding-left: 30px;font-size: 14px;}
.submenu-navigation a:last-child,.submenu-navigation02 a:last-child{border: 1px solid #000 !important;}
.submenu-nav-deploy,.submenu-area-deploy{padding: 5px 15px;}
.brandtab {padding-top: 5	px;}
.brandtab dl dd {line-height: 18px;border-bottom: 1px dashed #ccc;padding-bottom:5px;    font-size: 14px;}
.brandtab dl dd span {font-weight: bold;}
.brandtab dl dd input {font-weight: bold;display: inline-block;padding: 0 0.8rem;background: #22b14c;color: #fff;vertical-align: middle;line-height: 27px;width: 74%;}
span.style {float: left;display: block;}
span.style.style01 {font-weight: normal;display: block;width: 80%;}
span.style.style01 i { width: 1.2rem;text-align: center;}
.brandtab dl dd.height {height:4.6rem;}
.brandtab .tip {text-align: center;}
/*背景层*/
#popLayer{display: none;background-color: #B3B3B3;position:fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 10;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);/* 只支持IE6、7、8、9*/}
/*弹出层*/
#popBox{display: none;background-color: #FFFFFF;z-index: 11;width: 85%;height: 220px;position:fixed;top:0;right:0;left:0;bottom:0;margin:auto;}
.button-holder {
    width: 80%;
    margin: 10px auto;
}
.button-holder span{font-size:16px;color: #1f1f1f;display: block;margin-bottom: 5px;}
.regular-radio{display: none;}
.regular-radio + label{border-radius: 50%;vertical-align: middle;margin-right: 0.2rem;-webkit-appearance: none;background-color: #fff;border: 1px solid #1f1f1f;padding: 9px;display: inline-block;position: relative;}
.regular-radio:checked + label:after{    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #ffe50e;
    left: 0;}
.button-holder span i{width: 1.5rem;height: 1.3rem;display: inline-block;background-size: 100%;vertical-align: sub;}
.button-holder span i.weixin{background-image: url(../images/m_payment_wxzf.png);}
.button-holder span i.pay{background-image: url(../images/m_payment_zfb.png);}
.button-holder i.member{    width: auto;
    display: inline-block;
    font-weight: bold;
    color: #f00;
    vertical-align: top;
    font-size: 15px;;}
#popBox input {padding: 0.5rem 3rem;font-size: 0.9rem;text-align: center;margin: 1rem auto 0 auto;background: #ffe50e;}
#popBox input:hover {background: #ead20a;}
/*关闭按钮*/
#popBox .close a{text-decoration: none;color: #1f1f1f;}
#popBox .title{width: 100%;position: relative;}
#popBox .title h3{text-align: center;line-height: 3rem;background:#ffe50e;color: #1f1f1f;}
#popBox .title .close{position: absolute;right:0.8rem;top:0.8rem;font-size: 1rem;}
#popBox.yes input.number {margin: 0;display: inline-block;text-align: left;line-height: 1.8rem;padding: 0 0 0 0.2rem;border: 1px solid #1f1f1f;background: none;}
#popBox input.no{margin: 0; display: inline-block; margin-right: 0.2rem; margin-left: 0.2rem;}
#popBox.yes .input{margin: 0 auto; width: 80%;}
#popBox.yes .button-holder{margin-top: 0.5rem;}
#popBox.yes .button-holder span{margin-bottom: 0.8rem;}
#popBox input.no-x.no {background: #ddd;}

/*技术详情页*/
 .technology button{margin-top: 5px;background: #22b14c; color: #fff; vertical-align: middle; line-height: 2.5rem; width: 100%; font-size: 16px; border-radius: 6px; display: block; }
.technology button:hover {background: #ead20a;}
.technology .tip {text-align: center;line-height: 2rem;}

/*充值页*/
.cz h4{font-size: 16px;line-height: 30px;border-bottom: 1px dashed #ccc;}
.cz-list{width: 80%;margin: 1.5rem auto 0 auto;}
.cz-list .cz-li{display: inline-block;border:1px solid #fff200;width: 44%;border-radius: 6px;text-align: center; margin: 0 2%;margin-bottom: 0.5rem;}
.cz-list .cz-li .cz-top{background: #fff200; padding: 0.5rem 0;color: #1f1f1f;}
.cz-list .cz-li p{line-height: 1.2rem; margin-bottom: 0; text-align: center; font-size: 1rem; font-weight: bold;}
.cz-list .cz-li .cz-top{background: #fff200;}
.cz-bottom{padding: 1rem 0 0.5rem 0; text-align: center;}
.cz-bottom span{font-size: 1.8rem; color: #1f1f1f;}
.cz-li.active{border: 1px solid #ff0080;}
.cz-li.active .cz-top{background: #ff0080; color: #fff;}
.cz input{padding: 0.5rem 3rem; font-size:16px; text-align: center; margin: 1.5rem auto 1rem auto; background: #ffe50e;}
.cz .button-holder{width: 80%; margin: 1rem auto 0 auto;}
.cz .regular-radio + label{border-radius: 50%;}
.question h5{font-size: 14px;line-height: 30px;border-bottom: 1px dashed #ccc;}
.question p{margin-bottom:10px;}
.question span {margin-top: 20px;display: block;font-weight: bold;}


/*信息中心*/
.infor{margin-top:5px;}
/*选项卡的样式*/
.display_none{display:none;}
.convention_tab{width:100%;text-align:left;float:left;margin-bottom: 5px;}
.convention_tab#child_tab {width: 95%;margin-left: 2.5%;}
.convention_tab li{margin:0;padding:0;float:left;padding-right:5px;position:relative;z-index:2;bottom:-1px;width: 33.33%;
    line-height: inherit;}
.convention_tab li a{background:#efefef;overflow:hidden;float:left;padding:0.4rem 1rem;border-bottom:none;color:#1f1f1f;font-size: 0.9rem;width: 100%;
    text-align: center;}
.convention_tab li a:hover{background:#fff200;color:#1f1f1f;font-weight: bold;}
/*选中后的样式*/
.convention_tab li.current_tab a,.convention_tab li.current_tab a:hover{background:#ffe50e;color:#1f1f1f;font-weight: bold;}
/*单独设置第二个tab的某些样式*/
#nav2 li.current_tab a,#nav2 li.current_tab a:hover{background:#ffffe1;color:#000;}
/*第2层*/
#childArea{clear:both;}
#child_tab li a{background:#efefef;}
#child_tab li.current_tab a,#child_tab li .current_tab a:hover{background:#ffe50e;}
#childArea p{margin-bottom: 0;}
/*第三层*/
#childArea2{clear:both;border:solid 1px #0a0;}
#child_tab2 li a{border:solid 1px #0a0;background:#f6fff6;}
#child_tab2 li.current_tab a,#child_tab2 li .current_tab a:hover{border:solid 1px #0a0;border-bottom:none;background:#0a0;}
/*其它*/
#cardarea,#cardarea2{border:solid 1px #666;text-align:left;clear:both;margin-bottom: 1rem;}
#nav2{margin-top:18px;}
.convention_tab#child_tab li a {font-size:14px;padding: 0.2rem 0.5rem;}
.convention_tab#child_tab li a:hover{background:#ffe50e;color:#000;font-weight:bold}
/*p.childItem b{border-bottom: 1px solid #ccc; display: block; padding-bottom: 0.8rem; margin-bottom: 0.8rem;}
p.childItem b img{width: 2.5rem; height: 2.5rem; float: left; display: inline; margin-right: 0.8rem; margin-top: 0.24rem; margin-bottom: 0px;}
p.childItem b a{font-weight: normal; text-align: justify!important; line-height: 1.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #666; cursor: pointer;}
*/
p.childItem b{overflow: hidden;display: block;}
p.childItem b.shop-pagination{border-bottom: none;list-style: none; padding: 0; margin: 0;text-align: center;}
.shop-pagination a,.shop-pagination span{display: inline-block;margin-right: 0.2rem;margin-bottom: 0;vertical-align: text-top;}
.shop-pagination a:last-child{margin-right: 0;}
.shop-pagination a.page-numbers{background: #fff;color: #243f4d;font-size: 12px;font-family: "Rubik", sans-serif;display: inline-block;text-align: center;text-transform: uppercase;border: 1px solid #a3bbc8;padding: 0.2rem 0.5rem;}
.shop-pagination a.page-numbers:hover{background: #ffe50e; border-color: #ffe50e; color: #1f1f1f;}
.shop-pagination span.page-numbers.current{background: #ffe50e; border-color: #ffe50e; color: #1f1f1f;padding: 0 0.5rem;}

p.childItem textarea.form-control {border: 1px solid #ccc;width: 100%;min-height: 7rem;padding: 0.5rem;color: #999;}
input#mobile {border: 1px solid #ccc;padding: 0.5rem;width:100%;line-height: 1.3rem;color: #999;}
input.style {padding: 0.5rem 3rem;font-size: 16px;letter-spacing: 2px;text-align: center;margin: 1.5rem auto 1rem auto;background: #ffe50e;}

/*登录注册界面*/
.fm-field {font-size: 14px;border: 1px solid #1f1f1f;margin-bottom: 1rem;}
.fm-field input {line-height: 2.8rem;width: 70%;padding-left: 10px;display: inline-block;}
.login {margin:1rem 2rem;min-height: 20rem;}
.send-btn {display: inline-block;float: right;line-height: 2.5rem;padding-right: 15px;}
.password-look-btn {position: absolute;right: 10px;top: 27%;}
.fm-btn button {color: #1f1f1f;height: 45px;border-radius: 35px;font-size: 16px;width: 100%;background: #ffe50e;}
.login .tip{margin-top:0.5rem;}
.login .tip i{width: 1.4rem;height: 1.4rem;display: inline-block;background-size: 100%;vertical-align: middle;margin: 0 0.3rem;}
.login .tip i.weixin{background-image: url(../images/weixin.png);}
.login .tip i.qq{background-image: url(../images/QQ.png);}
.login .tip a {display: inline-block;vertical-align: bottom;float: right;font-size: 14px;}

.login .tab-active{background: none !important; border-bottom: 2px solid #000000; font-weight: bold;}
.login .tabs{border-bottom: 1px solid #000000;}
.login .tabs a.tab-but{margin-bottom: 0; background: none; font-size: 15px; line-height: 2rem; color: #1f1f1f;}
.login .tip.center {text-align: center;font-size: 14px;}
.login .tip.style a:nth-child(1) {float: left;}
.login .tabs.mt-10 {margin-bottom: 10px;}
.login .tip.center {text-align: center;border-top: 1px dashed #ccc;padding-top: 0.5rem;margin-top: 1rem;}
.fm-field.w80{width: 74%; display: inline-block; margin-bottom: 10px;}
.content.settled span{width: 23%; display: inline-block; font-size: 14px; vertical-align: top; line-height: 2.2rem; background: #ffe50e; padding: 0 1%; text-align: center; color: #1f1f1f; margin-right: 1%;}
.form-group{width: 74%; display: inline-block; margin-top: 6px;}
.content.settled span.no{vertical-align: super; line-height: 1rem;}
.content.settled{margin: 1.2rem;}
.content.settled .fm-field input{line-height: 2.2rem;}
.mt-10{margin-top: 10px;}
#popBox.sttled-tip{height: 150px;}
#popBox.sttled-tip .title{height: 30px;margin-bottom: 20px;}
#popBox.sttled-tip .title .close{color: #1f1f1f;}
#popBox.sttled-tip .title .close a{color: #1f1f1f;}
#popBox.sttled-tip .button-holder span{width: 100%;}
#popBox.sttled-tip .input{text-align: center;}
.brandtext .text.bg-no{background: none;}

@media (max-width:320px){
.tab-content-1 span,.tab-content-2 span{width: 24%;}
.login{margin:1rem;}
.brandgg{font-size: 12px;}
span.style.style01{width: 74%;}
}


.content.infor.my .childItem{margin: 3px 0;}
.content.infor.my .item b a{display: inline-block; vertical-align: top; float: right; color: #3498db; font-size: 0.9rem;}
.content.infor.my .item b span{color: #1f1f1f;}
.content.infor.my .item b{font-size: 0.9rem; border-bottom: none;line-height: 1.4rem;}
.item table{margin-bottom: 0;}
.item table tr th{padding: 5px 0; font-size: 0.9rem; font-weight: normal; color: #1f1f1f;}
.item table tr td{font-size: 0.8rem;color: #1f1f1f;}
.item table tr td textarea{color: #1f1f1f;}
.span89{
    padding: 0.5rem 3rem;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
    margin: 1.5rem auto 1rem auto;
    background: #ffe50e;
 
}