/* Minification failed. Returning unminified contents.
(3837,21): run-time error CSS1038: Expected hex color, found '#1d1d1d'
*/
/*!
* Bootstrap v3.3.2 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=51c7f38215c4e3b67e7f)
* Config saved to config.json and https://gist.github.com/51c7f38215c4e3b67e7f
*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:0}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:0.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{line-height:34px}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"]{line-height:30px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"]{line-height:46px}}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:0}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:0}select.form-group-sm .form-control{height:30px;line-height:30px}textarea.form-group-sm .form-control,select[multiple].form-group-sm .form-control{height:auto}.form-group-sm .form-control-static{height:30px;padding:5px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:0}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:0}select.form-group-lg .form-control{height:46px;line-height:46px}textarea.form-group-lg .form-control,select[multiple].form-group-lg .form-control{height:auto}.form-group-lg .form-control-static{height:46px;padding:10px 16px;font-size:18px;line-height:1.33}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#337ab7;font-weight:normal;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:0}.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:0}.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:0}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none;visibility:hidden}.collapse.in{display:block;visibility:visible}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropup,.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:0;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip:padding-box;background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:0 0 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:0 0 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:0}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:0 0 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none;visibility:hidden}.tab-content>.active{display:block;visibility:visible}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:0}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block !important;visibility:visible !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:0}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}}@media (min-width:768px){.navbar-left{float:left !important}.navbar-right{float:right !important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:0}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:0}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0;border-top-left-radius:0}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:0}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:0}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:0;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.modal-backdrop{position:absolute;top:0;right:0;left:0;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:normal;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:0}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;right:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:left;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:0;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:-1px -1px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}
@font-face {
font-family: 'icomoon';
src: url('/Assets/Icomoon/fonts/icomoon.eot?gpwlu8');
src: url('/Assets/Icomoon/fonts/icomoon.eot?gpwlu8#iefix') format('embedded-opentype'),
url('/Assets/Icomoon/fonts/icomoon.ttf?gpwlu8') format('truetype'),
url('/Assets/Icomoon/fonts/icomoon.woff?gpwlu8') format('woff'),
url('/Assets/Icomoon/fonts/icomoon.svg?gpwlu8#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-finished1:before {
content: "\e903";
}
.icon-finished2:before {
content: "\e905";
}
.icon-alarm:before {
content: "\e900";
}
.icon-arrow-down:before {
content: "\e902";
}
.icon-arrow-left:before {
content: "\e904";
}
.icon-arrow-right:before {
content: "\e906";
}
.icon-arrow-up:before {
content: "\e908";
}
.icon-bookmark:before {
content: "\e90d";
}
.icon-briefcase:before {
content: "\e90e";
}
.icon-chat:before {
content: "\e90f";
}
.icon-calendar:before {
content: "\e913";
}
.icon-basket:before {
content: "\e917";
}
.icon-chart:before {
content: "\e918";
}
.icon-checkmark:before {
content: "\e919";
}
.icon-down:before {
content: "\e91a";
}
.icon-left:before {
content: "\e91c";
}
.icon-right:before {
content: "\e91e";
}
.icon-up:before {
content: "\e920";
}
.icon-setting:before {
content: "\e92b";
}
.icon-close:before {
content: "\e92e";
}
.icon-download:before {
content: "\e936";
}
.icon-enter:before {
content: "\e939";
}
.icon-envelope:before {
content: "\e93b";
}
.icon-exit:before {
content: "\e93c";
}
.icon-filter:before {
content: "\e945";
}
.icon-gift:before {
content: "\e946";
}
.icon-heart:before {
content: "\e949";
}
.icon-home:before {
content: "\e94d";
}
.icon-location:before {
content: "\e95e";
}
.icon-lock:before {
content: "\e95f";
}
.icon-search:before {
content: "\e961";
}
.icon-map:before {
content: "\e963";
}
.icon-question:before {
content: "\e97e";
}
.icon-smartphone:before {
content: "\e985";
}
.icon-star:before {
content: "\e98a";
}
.icon-store:before {
content: "\e98d";
}
.icon-trash:before {
content: "\e99d";
}
.icon-undo:before {
content: "\e99f";
}
.icon-user:before {
content: "\e9a2";
}
.icon-users:before {
content: "\e9a3";
}
.icon-warning:before {
content: "\e9a8";
}
.icon-pwa:before {
content: "\e901";
}
.icon-email:before {
content: "\e909";
}
.icon-facebook:before {
content: "\e90a";
}
.icon-instagram:before {
content: "\e910";
}
.icon-linkedin:before {
content: "\e914";
}
.icon-phone:before {
content: "\e915";
}
.icon-telegram:before {
content: "\e916";
}
.icon-whatsapp:before {
content: "\e91b";
}
.icon-maze:before {
content: "\e91f";
}
.icon-plus:before {
content: "\e9b9";
}
.icon-minus:before {
content: "\eac3";
}
.icon-share:before {
content: "\ed38";
}
.icon-pin:before {
content: "\ec4d";
}
.icon-copy:before {
content: "\e92c";
}
.icon-hour-glass:before {
content: "\e979";
}
.icon-pie-chart:before {
content: "\e99a";
}
.icon-stats-dots:before {
content: "\e99b";
}
.icon-stats-bars:before {
content: "\e99c";
}
.icon-clipboard:before {
content: "\e9b8";
}
.icon-list:before {
content: "\e9bb";
}
.icon-tree:before {
content: "\e9bd";
}
.icon-star-fill:before {
content: "\e9d9";
}
.icon-heart-fill:before {
content: "\e9da";
}
.jssocials-shares {
margin: 0; }
.jssocials-shares * {
box-sizing: border-box; }
.jssocials-share {
display:inline-block;
vertical-align: top;
margin: 0; }
.jssocials-share:last-child {
margin-right: 0; }
.jssocials-share-logo {
width: 1em;
vertical-align: middle;
font-size: 14px; }
img.jssocials-share-logo {
width: auto;
height: 1em; }
.jssocials-share-link {
display: inline-block;
text-align: center;
text-decoration: none;
line-height: 1; }
.jssocials-share-link.jssocials-share-link-count {
padding-top: .2em; }
.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
display: block;
font-size: .6em;
margin: 0 -.5em -.8em -.5em; }
.jssocials-share-link.jssocials-share-no-count {
padding-top: .5em; }
.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
height: 1em; }
.jssocials-share-label {
padding-left: 10px;
font-weight:300;
vertical-align: middle; }
.jssocials-share-count-box {
display: inline-block;
height: 1.5em;
padding: 0 0.3em;
line-height: 1;
vertical-align: middle;
cursor: default; }
.jssocials-share-count-box.jssocials-share-no-count {
display: none; }
.jssocials-share-count {
line-height: 1.5em;
vertical-align: middle; }
.jssocials-share-link {
padding:3px 2px;
margin-right:0;
margin-top:5px;
border-radius: 0;
border: none;
color: #000;
display:block;
}
.jssocials-share-link:hover,
.jssocials-share-link:focus,
.jssocials-share-link:active {
border: none;
color: #666666;
text-decoration: none;
}
.jssocials-share-logo {
width: 1em;
vertical-align: middle;
font-size: 16px;
}
.jssocials-share-count-box {
position: relative;
height: 2.5em;
padding: 0 .3em;
margin-left: 0.4em;
background: #f5f5f5;
border-radius: 0.3em;
-webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out; }
.jssocials-share-count-box:hover {
background: #e8e8e8; }
.jssocials-share-count-box:hover:after {
border-color: transparent #e8e8e8 transparent transparent; }
.jssocials-share-count-box:after {
content: "";
display: block;
position: absolute;
top: 0.75em;
left: -0.4em;
width: 0;
height: 0;
border-width: 0.5em 0.5em 0.5em 0;
border-style: solid;
border-color: transparent #f5f5f5 transparent transparent;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out; }
.jssocials-share-count-box .jssocials-share-count {
line-height: 2.5em;
color: #acacac; }
@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@font-face {
font-family: peyda;
font-style: normal;
font-weight: normal;
src: url('../Assets/fonts/eot/PeydaWeb-Regular.eot');
src: url('../Assets/fonts/eot/PeydaWeb-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('../Assets/fonts/woff/PeydaWeb-Regular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../Assets/fonts/woff2/PeydaWeb-Regular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
url('../Assets/fonts/ttf/PeydaWeb-Regular.ttf') format('truetype');
}
.st0 {
color:#fff !important
}
@font-face {
font-family: peyda;
font-style: normal;
font-weight: 500;
src: url('../Assets/fonts/eot/PeydaWeb-Bold.eot');
src: url('../Assets/fonts/eot/PeydaWeb-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('../Assets/fonts/woff/PeydaWeb-Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../Assets/fonts/woff2/PeydaWeb-Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
url('../Assets/fonts/ttf/PeydaWeb-Bold.ttf') format('truetype');
}
@font-face {
font-family: peyda;
font-style: normal;
font-weight: 300;
src: url('../Assets/fonts/eot/peydaWeb-light.eot');
src: url('../Assets/fonts/eot/peydaWeb-light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('../Assets/fonts/woff/peydaWeb-light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../Assets/fonts/woff2/peydaWeb-light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
url('../Assets/fonts/ttf/peydaWeb-light.ttf') format('truetype');
}
@font-face {
font-family: peyda;
font-style: normal;
font-weight: 100;
src: url('../Assets/fonts/eot/PeydaWeb-Thin.eot');
src: url('../Assets/fonts/eot/PeydaWeb-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('../Assets/fonts/woff/PeydaWeb-Thin.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../Assets/fonts/woff2/PeydaWeb-Thin.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
url('../Assets/fonts/ttf/PeydaWeb-Thin.ttf') format('truetype');
}
@font-face {
font-family: IRANSans;
font-style: normal;
font-weight: bold;
src: url('../Assets/fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
src: url('../Assets/fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('../Assets/fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
url('../Assets/fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../Assets/fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
html {
scroll-behavior: smooth;
}
*
{
}
body {
font-family: peyda, sans-serif;
font-weight: 300;
margin: 0;
color:#1d1d1d;
background-color:#eee;
direction: rtl;
}
body.oh{
overflow:hidden;
}
body.dark{
background-color:#333;
}
h1,h2,h3,h4,h5
{
font-weight:400
}
a {
text-decoration: none;
outline:none !important;
cursor:pointer
}
a:hover,a:focus {
text-decoration:none;
}
::selection {
background:#1d1d1d;
color: #fff;
text-shadow: none;
}
::-webkit-selection{
background:#1d1d1d;
color: #fff;
text-shadow: none;
}
/* Chrome, Safari, Edge, Opera */
input.noarrow::-webkit-outer-spin-button,
input.noarrow::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input.noarrow[type=number] {
-moz-appearance: textfield;
text-align: center;
direction: ltr;
font-family: Tahoma;
}
input.noarrow[type=number]::placeholder {
text-align: center;
direction: rtl;
font-family: peyda
}
::-webkit-scrollbar {
background-color: #ddd;
width: 5px;
}
::-webkit-scrollbar-thumb {
background-color: #999;
}
::-webkit-scrollbar-thumb:hover {
background-color: #666;
}
::-webkit-scrollbar-thumb:active {
background-color: #1d1d1d;
}
::-webkit-input-placeholder { /* Edge */
color: #666;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #666;
}
::placeholder {
color: #666;
}
.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .5s;
transition: all .5s;
}
.grayscale:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
.colorscale {
filter: none;
-webkit-filter: grayscale(0%);
-webkit-transition: all .5s;
transition: all .5s;
}
.colorscale:hover {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
/*BOOTSTRAP CUSTOM STYLES*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding: 0px;
float:right;
}
.row {
margin: 0;
padding: 0;
}
.container {
padding:0 3vw;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 100%;
}
}
@media (min-width: 992px) {
.container {
width: 100%;
}
}
@media (min-width: 1200px) {
.container {
width: 100%;
}
}
@media (min-width: 1400px) {
.container {
width: 1380px;
}
}
@media (max-width:767px) {
.container.tight {
padding: 0 1vw;
}
}
/*_________MP______________*/
.main-container{
padding:0 3vw;
}
.main-container:before, .main-container:after{
content: " ";
display: table;
}
.in-con{
transition:all 0.5s;
}
.in-con.blur{
filter: blur(4px);
cursor:url(../../img/close.gif), auto;
}
.inner-row{
margin-top:119px;
}
.section-row{
margin:9vw 0;
}
@media(max-width:991px) {
}
@media(max-width:767px) {
.inner-row {
margin-top:75px;
}
.section-row{
margin:90px 0;
}
}
/*_____________header/menu________________*/
.header-row{
position:fixed;
top:0;
left:0;
width:100%;
padding:30px 0;
transition:all 0.3s;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 80%);
z-index:200;
}
.header-row.dark{
background: rgb(29,29,29);
background: linear-gradient(180deg, rgba(29,29,29,0.8) 0%, rgba(29,29,29,0) 80%);
}
.header-row.scrolled{
padding:15px 0;
background-color:#fff;
}
.header-row.dark.scrolled{
background-color:#0f0f0f;
}
.header-row .header-con{
width:100%;
display:flex;
align-items:center;
}
.header-row .logo-col{
width:60px;
z-index:20;
position:relative;
transition:all 0.3s;
}
.header-row.scrolled .logo-col{
width:40px;
}
.header-row .logo-col svg{
width:100%;
display:block;
}
.header-row .logo-col svg path{
fill:#000;
transition:all 0.3s;
}
.header-row.dark .logo-col svg path{
fill:#fff;
}
.header-row .logo-col .logo-type{
position:absolute;
top:100%;
width:120%;
left:-10%;;
margin-top:5px;
}
.header-row.scrolled .logo-col .logo-type{
display:none;
}
.header-row .left-col {
flex:1 0 0;
display:flex;
justify-content:flex-end;
align-items:center;
}
.header-row .right-col {
flex:1 0 0;
display:flex;
align-items:center;
}
.header-row .h-btn {
display:flex;
align-items:center;
color:#1d1d1d;
transition:all 0.3s;
padding:1px 0;
cursor:pointer;
}
.header-row .h-btn.v-xs {
display:none
}
.header-row.dark .h-btn {
color:#fff;
}
.header-row .h-btn.btn-bg {
background-color:#1d1d1d;
color:#fff;
padding:5px 10px;
}
.header-row.dark .h-btn.btn-bg {
background-color:#fff;
color:#1d1d1d;
}
.header-row .h-btn .icon {
margin-left:5px;
font-size:22px;
}
.header-row .h-btn .count {
font-size: 12px;
background-color: #1d1d1d;
color: #fff;
text-align: center;
padding: 4px 0px 0px 0px;
border-radius: 50%;
height: 24px;
width: 24px;
font-family: IRANSans
}
.c-animate {
-webkit-animation: pulsate 0.5s ease-in-out both;
animation: pulsate 0.5s ease-in-out both;
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulsate {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.header-row .h-btn .ttl {
font-size:14px;
}
.header-row.dark .h-btn .count {
background-color:#fff;
color:#1d1d1d;
}
.header-row .left-col .h-btn {
margin-left:1.5vw;
}
.header-row .right-col .h-btn:not(:first-of-type) {
margin-right:1.5vw;
}
.header-row .menu-ham{
display: inline-block;
float: right;
width: 50px;
height: 36px;
z-index: 25;
transition: all 0.3s;
cursor: pointer;
position: relative;
}
.header-row .menu-ham.in {
}
.header-row .menu-ham span {
height: 2px;
background-color: #1d1d1d;
display: block;
position: absolute;
transition: all 0.3s;
z-index:1
}
.header-row .menu-ham .fake {
width:100%;
height:100%;
position: absolute;
z-index:3
}
.header-row.dark .menu-ham span{
background-color:#fff;
}
.header-row .menu-ham span:first-child{
bottom:50%;
margin-bottom:4px;
right:0;
width:100%;
}
.header-row .menu-ham span:nth-child(2){
top:50%;
margin-top:4px;
right:0;
width:100%;
}
.header-row.dark .menu-ham.in span{
background-color:#1d1d1d;
}
.header-row .menu-ham.in span:first-child{
transform: rotate(-45deg);
margin-bottom:-2px;
}
.header-row .menu-ham.in span:nth-child(2){
transform: rotate(45deg);
margin-top:0px;
}
.header-row .back{
display:flex;
align-items:center;
color:#1d1d1d;
}
.header-row .back .icon{
font-size:22px;
margin-left:5px;
transition:all 0.3s;
}
.header-row .back:hover .icon{
margin-left:15px;
}
.menu-con{
min-height: calc(100vh - 50px);
height:100vh;
width:600px;
background-color:#fff;
padding:100px 3vw 30px 3vw;
position:fixed;
top:0;
left:-700px;
color:#fff;
z-index:23;
}
.menu-con .con{
position:relative;
width:100%;
height:100%;
display:flex;
flex-wrap:wrap;
}
.menu-con .con .top-con{
width:100%;
align-self:flex-start;
text-align:center;
}
.menu-con .con .bottom-con{
width:100%;
align-self:flex-end;
text-align:right;
}
.menu-con .menu-item{
position:relative;
display:block;
padding:0;
position:relative;
}
.menu-con .menu-item:nth-child(2) {
margin-bottom: 15px;
}
.menu-con .menu-item .link-con{
font-size:30px;
overflow:hidden;
color:#1d1d1d;
display:inline-block;
transition:all 0.3s;
}
.menu-con .menu-item .link-con span{
font-weight:100;
}
.menu-con .menu-item .link-con:hover{
color:#fff;
}
.menu-con .menu-item .link-con .link-txt{
position:relative;
padding:0 20px;
}
.menu-con .menu-item .link-con .link-txt:after{
content:'';
position:absolute;
top:0%;
right:0;
width:0%;
height:100%;
background-color:#1d1d1d;
transition:all 0.3s;
z-index:-1
}
.menu-con .menu-item:hover .link-con .link-txt:hover:after{
width:100%;
}
.menu-con .b-con{
overflow:hidden;
}
.menu-con .bottom-menu{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:20px 0;
}
.menu-con .bottom-menu a{
font-size:18px;
margin:4px 3px;
padding:2px 3px;
color:#1d1d1d;
position:relative;
}
.menu-con .bottom-menu a:after{
content:'';
position:absolute;
right:0;
bottom:12px;
width:0%;
height:1px;
background-color:#1d1d1d;
transition:all 0.3s;
}
.menu-con .bottom-menu a:hover:after{
width:100%;
}
.menu-con .bottom-icons{
display:flex;
justify-content:center;
}
.menu-con .bottom-icons .button{
background-color:#1d1d1d;
color:#fff;
padding:3px 10px;
display:flex;
align-items:center;
font-size:16px;
margin:0 5px;
}
.menu-con .bottom-icons .button .icon{
font-size:18px;
margin-right:10px;
}
.menu-con .bottom-icons .icon-item{
font-size:20px;
margin:4px 5px;
color:#1d1d1d;
}
.menu-con .bottom-buttons {
display:flex;
align-items:center;
justify-content:space-between;
margin-top:15px;
}
.menu-con .bottom-buttons .h-b-btn {
display: flex;
align-items: center;
color: #1d1d1d;
transition: all 0.3s;
padding: 1px 0;
cursor: pointer;
}
.menu-con .bottom-buttons .h-b-btn.btn-bg {
background-color: #1d1d1d;
color: #fff;
padding: 5px 12px;
}
.menu-con .bottom-buttons .h-b-btn .icon {
margin-left: 5px;
font-size: 22px;
}
.menu-con .bottom-buttons .h-b-btn .ttl {
font-size: 16px;
}
.header-row .search-col {
position: fixed;
top: -120px;
left: 0;
z-index: 35;
transition: all 0.3s;
width: 100%;
background-color: #fff;
}
.header-row .search-col.in {
top:0;
}
.searchresultscon {
text-align: center;
margin-bottom: 10px;
display:none;
}
.searchresultscon #searchresults {
width:100%;
max-width:1000px;
display:inline-block;
text-align:right
}
#searchresults .result-item {
display:block;
}
.searchresultscon #searchresults a {
padding: 5px 10px;
border: 1px solid #999;
margin-left: 5px;
margin-top: 5px;
display: inline-block;
color: #fff !important;
background-color: #999;
font-weight:bold;
margin-bottom:5px;
}
.searchresultscon #searchresults a span {
font-weight: normal;
margin-right: 5px;
font-size:12px;
}
.searchresultscon #searchresults a:hover {
background-color: #666;
}
.header-row .search-col .search-input-con {
position: relative;
z-index: 26;
height: auto;
padding: 35px 0 20px 0;
text-align: center;
transition: all 0.3s;
width: 100%;
}
.header-row .search-col .search-input-con .search-close {
position: absolute;
top: 50%;
margin-top: -16px;
left: 0;
cursor: pointer
}
.header-row .search-col .search-input-con .search-close .icon {
display: block;
font-size: 32px;
color: #2d2f30
}
.header-row .search-col .search-input-con .input-con {
width: 100%;
max-width:480px;
position:relative;
display:inline-block;
}
.header-row .search-col .search-input-con .input-con input {
border: none;
border-bottom: 1px solid #fff;
background-color: #eee;
outline: 0;
font-size: 16px;
text-align: center;
padding: 7px;
width: 100%;
transition: all 0.3s;
}
.header-row .search-col .search-input-con .input-con input:focus {
border-bottom: 1px solid #1d1d1d;
background-color: #fff;
}
/*___________ MODAL & FORM ____________*/
.modal {
background-color: rgba(255, 255, 255, 0.9);
text-align:center;
}
.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}
.modal-dialog {
display: inline-block;
vertical-align: middle;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #1d1d1d;
-webkit-box-shadow: none;
box-shadow: none;
max-height: 100vh;
overflow: hidden;
}
.modal-body {
width: 100%;
display: inline-block;
padding: 0;
}
.modal-body .modal-head-row {
border-bottom: 1px solid #1d1d1d;
padding: 0;
display:flex;
}
.modal-body .modal-head-row .close {
cursor: pointer;
color: #1d1d1d;
padding:11px;
}
.modal-body .modal-head-row .close span{
display:block;
font-size: 30px;
}
.modal-body .modal-head-row .close:hover {
color: #999
}
.modal-body .modal-head-row .head {
display:flex;
align-items:center;
flex-grow:1;
padding:5px 15px;
font-size:18px;
}
.modal-body .modal-head-row .head .icon{
display:block;
font-size:22px;
margin-left:10px;
}
.modal-body .modal-con{
padding:15px;
}
.modal-body .modal-ttl {
font-size: 14px;
margin-bottom: 15px;
text-align:right;
font-weight:300;
}
#popup .modal-body .head {
font-size: 18px;
font-weight: 700;
}
#popup .modal-body .modal-ttl {
font-size: 18px;
}
.modal-body .btn-row {
display: flex;
justify-content: flex-end;
margin-top:10px;
}
.modal-body .btn-row .button{
margin: 0;
min-width:160px;
font-size:20px;
display:flex;
align-items:center;
justify-content:center;
width:auto;
cursor:pointer;
background-color:#1d1d1d;
color:#fff;
padding:5px 15px;
}
.modal-body .btn-row .button .icon{
font-size:24px;
margin-right:10px;
transition:all 0.3s;
}
.modal-body .btn-row .button:hover .icon{
margin-right:30px;
}
.modal-body .btn-row .button.pre{
background-color:#fff;
color:#1d1d1d;
border:1px solid #1d1d1d;
margin-left:10px;
}
.modal-body .btn-row .button.pre .icon{
margin-left:10px;
margin-right:0;
}
.modal-body .btn-row .button.pre:hover .icon{
margin-left:30px;
margin-right:0;
}
.form-row {
border:none;
margin-bottom: 10px;
display:flex;
align-items:center;
width:100%;
position: relative
}
.form-row .ttl {
text-align: left;
color: #1d1d1d;
font-size: 14px;
width: 100px;
padding: 0;
margin-left: 15px;
}
.form-row.light .ttl {
color: #fff;
}
.form-row .fld {
flex-grow:1;
display:flex;
justify-content:flex-start;
}
.form-row .txtfld {
width: 100%;
border: none;
outline: 0;
font-size: 16px;
padding: 5px 15px;
color: #000;
background-color:#eee;
border: 1px solid #eee;
transition:all 0.3s;
resize:none;
}
.form-row .txtfld:focus {
background-color:#fff;
border: 1px solid #ddd;
}
.form-row.light .txtfld {
color: #fff;
background-color:#222;
border: 1px solid #222;
}
.form-row.light .txtfld:focus {
background-color:#333;
border: 1px solid #fff;
}
.form-row .form-filter2 {
margin-bottom:0; margin-left:10px;
}
.form-row .val {
font-weight:400;
font-size: 16px;
}
.form-row .button {
display: inline-block;
position: relative;
border:1px solid #1d1d1d;
background-color: #fff;
padding: 5px 20px;
font-size: 16px;
color: #1d1d1d;
transition: all 0.3s;
}
.form-row .button:hover {
background-color: #1d1d1d;
color: #fff;
}
.form-row .form-txt {
max-width: 70px;
margin-bottom: 0;
margin-right: 15px;
margin-left: 0;
}
.form-row .lnk {
position: absolute;
left: 3px;
bottom:3px;
background-color: #aaa;
color: #fff;
font-size:12px;
padding: 5px 20px;
font-weight:300;
}
/*__________footer_Newsletter_______*/
.nl-row{
position:relative;
overflow:hidden;
text-align:center;
color:#fff;
padding:3vw 0;
background-color:#ddd;
}
.nl-row .bg{
position:absolute;
right:0;
top:0;
background-color:#222;
width:100%;
height:100%;
z-index:2;
}
.nl-row .img{
position:absolute;
right:0;
top:0;
background-color:#222;
width:100%;
height:100%;
overflow:hidden;
z-index:3;
}
.nl-row .img img{
object-fit:cover;
width:100%;
height:100%;
}
.nl-row .nl-con{
position:relative;
z-index:4;
}
.nl-row .nl-con .ttl{
font-size:20px;
margin-bottom:15px;
}
.nl-row .nl-con .txt{
font-size:14px;
margin-bottom:3vw;
}
.nl-row .nl-con .nl-form-con{
width:100%;
max-width:720px;
display:inline-block;
}
.nl-row .nl-con .nl-form-con .nl-form{
display: grid;
grid-template-columns: repeat(2,1fr);
grid-column-gap: 30px;
}
.nl-row .nl-con .nl-form-con .nl-form input{
background-color:transparent;
outline:0;
color:#fff;
border:none;
border-bottom:1px solid #fff;
font-size:20px;
text-align:center;
direction:ltr;
padding:10px 0;
transition:all 0.3s;
}
.nl-row .nl-con .nl-form-con .nl-form input:focus{
background-color:rgba(0, 0, 0, 0.69);
}
.nl-row .nl-con .nl-form-con .nl-form input::placeholder{
color:#fff;
}
.nl-row .nl-con .btn-row{
margin-top:20px;
}
.nl-row .btn-row .button {
display: inline-block;
position: relative;
background-color:#fff;
padding: 5px 20px;
font-size: 20px;
color: #1d1d1d;
transition: all 0.3s;
}
.nl-row .btn-row .button span {
position:relative;
z-index:3
}
.nl-row .btn-row .button:hover {
color: #fff;
}
.nl-row .btn-row .button:after{
content: '';
position: absolute;
right: 0;
top: 0;
width: 0%;
height: 100%;
background-color:#1d1d1d;
transition:all 0.3s;
z-index:1
}
.nl-row .btn-row .button:hover:after{
width: 100%;
}
.footer-row{
background-color:#0f0f0f;
color:#fff;
padding:3vw 0;
}
.footer-row .f-top-row{
display:flex;
border-bottom:1px solid #fff;
padding-bottom:15px;
margin-bottom:30px;
align-items:center;
flex-wrap:wrap;
}
.footer-row .f-top-row .f-top-menu{
display:flex;
flex-grow:1;
margin:15px 0;
}
.footer-row .f-top-row .f-top-menu a{
font-size:20px;
color:#fff;
margin-left:30px;
transition:all 0.3s;
}
.footer-row .f-top-row .f-top-menu a:hover{
color:#999;
}
.footer-row .f-top-row .f-top-icons{
display:flex;
align-items:center;
margin:15px 0;
}
.footer-row .f-top-row .f-top-icons .button{
display:flex;
align-items:center;
color:#1d1d1d;
background-color:#fff;
padding:3px 15px;
font-size:16px;
transition:all 0.3s;
}
.footer-row .f-top-row .f-top-icons .button:hover{
background-color:#999;
}
.footer-row .f-top-row .f-top-icons .button .icon{
font-size:20px;
margin-right:10px;
}
.footer-row .f-top-row .f-top-icons .icon-item{
font-size:22px;
margin-left:15px;
color:#fff;
transition:all 0.3s;
}
.footer-row .f-top-row .f-top-icons .icon-item:hover{
color:#999;
}
.footer-row .f-bottom-row{
}
.footer-row .f-bottom-row .f-b-menu{
display:flex;
flex-wrap:wrap;
}
.footer-row .f-bottom-row .f-b-menu .f-b-col{
flex:1 0 0;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.footer-row .f-bottom-row .f-b-menu .f-b-col a{
color:#fff;
font-size:16px;
margin:2px 0;
padding:2px 0;
font-weight:100;
transition:all 0.3s;
}
.footer-row .f-bottom-row .f-b-menu .f-b-col a:last-of-type{
border-bottom:1px solid #fff;
}
.footer-row .f-bottom-row .f-b-menu .f-b-col a:hover{
color:#999;
}
.cr-row{
padding:15px 0;
text-align:center;
font-size:12px;
color:#999;
background-color:#000;
}
.cr-row a{
color:#999;
}
.cr-row a span{
transition:all 0.2s;
}
.cr-row a:hover span{
color:#ff6900;
}
@media(max-width:1399px) and (min-width:768px) {
.menu-con {
padding: 60px 3vw 30px 3vw;
width: 520px;
}
.menu-con .menu-item .link-con {
font-size: 21px;
line-height:1.3
}
.menu-con .bottom-menu a {
font-size: 16.5px;
margin: 4px 3px;
}
}
@media(max-width:991px) {
.nl-row{
padding:9vw 0;
}
.footer-row .f-top-row .f-top-menu{
justify-content:center;
}
.footer-row .f-top-row .f-top-icons {
justify-content:center;
flex-grow:1;
}
.footer-row .f-bottom-row .f-b-menu .f-b-col{
min-width:33%;
align-items:center;
margin-bottom:30px;
}
}
@media(max-width:767px) {
.header-row {
padding: 20px 0;
}
.header-row.scrolled {
padding: 10px 0;
}
.header-row.footer {
padding: 10px 0 !important;
background-color: #0f0f0f !important;
top:initial !important;
bottom:0 !important;
z-index:199;
}
.header-row.footer .right-col {
flex: auto;
display: flex;
align-items: center;
}
.header-row .logo-col {
width: 36px;
}
.header-row.scrolled .logo-col {
width: 32px;
}
.header-row .h-btn.v-xs {
display: flex;
}
.header-row .menu-ham {
width: 40px;
height: 30px;
}
.header-row .h-btn .icon {
font-size: 18px;
}
.header-row .h-btn .count {
font-size: 10px;
padding: 4px 0px 0px 0px;
height: 20px;
width: 20px;
}
.header-row .h-btn .ttl {
display: none;
}
.header-row.footer .h-btn.btn-bg .ttl {
display: initial;
}
.header-row.footer .left-col .h-btn .icon {
margin-right: 10px;
margin-left: initial
}
.header-row.footer .left-col .h-btn .icon.icon-basket {
margin-left: 3px
}
.header-row.footer .h-btn .ttl {
font-size: 13px;
}
.header-row .left-col .h-btn {
margin-left: 10px;
}
.header-row .right-col .h-btn:not(:first-of-type) {
margin-right: 0;
}
.header-row .right-col .h-btn:not(.v-xs-1) {
margin-right: 15px;
}
.header-row.footer .right-col .h-btn:not(.v-xs-1) {
margin-right: initial;
margin-left: 15px;
}
.header-row .back{
font-size:12px;
}
.header-row .back .icon{
font-size:18px;
}
.menu-con {
width: 100vw;
left: -110vw;
padding: 60px 3vw 15px 3vw;
}
.menu-con .con {
}
.menu-con .con::-webkit-scrollbar {
width: 3px;
background-color: #1d1d1d;
}
.menu-con .menu-item .link-con {
font-size: 20px;
line-height: 1.3
}
.menu-con .bottom-menu {
margin: 8px 0;
}
.menu-con .bottom-menu a {
font-size: 12px;
margin: 4px;
padding: 2px 3px;
color: #1d1d1d;
position: relative;
}
.menu-con .bottom-icons .button {
font-size: 12px;
background-color: #fff;
border: 1px solid #1d1d1d;
color: #1d1d1d;
}
.menu-con .bottom-icons .button .icon {
font-size: 16px;
}
.menu-con .bottom-icons .icon-item {
font-size: 18px;
margin: 4px 6px;
}
.header-row .search-col {
top: -80px;
}
.header-row .search-col .search-input-con {
padding: 20px 0;
}
.header-row .search-col .search-input-con .input-con input {
font-size: 14px;
padding: 5px;
}
.modal-dialog {
width:94%
}
.modal-body .modal-head-row .head {
padding: 4px 15px;
font-size: 14px;
}
.modal-body .modal-head-row .head .icon {
font-size: 18px;
margin-left: 10px;
}
.modal-body .modal-head-row .close {
padding: 7px;
}
.modal-body .modal-head-row .close span {
font-size: 24px;
}
.modal-body .modal-ttl {
font-size: 12px;
}
.modal-body .btn-row {
justify-content:center;
}
.modal-body .btn-row .button {
font-size: 16px;
padding: 4px 5px;
min-width:initial;
max-width:200px;
flex-grow:2;
}
.modal-body .btn-row .button.pre {
flex-grow:1;
}
.modal-body .btn-row .button .icon {
font-size: 20px;
}
.form-row {
margin-bottom: 7px;
}
.form-row .ttl {
font-size: 12px;
width: 80px;
margin-left: 10px;
}
.form-row .txtfld {
font-size: 14px;
padding: 4px 10px;
}
.form-row .val {
font-size: 14px;
}
.form-row .button {
padding: 4px 15px;
font-size: 14px;
}
.nl-row {
padding: 60px 0;
}
.nl-row .nl-con .ttl {
font-size: 16px;
margin-bottom: 10px;
}
.nl-row .nl-con .txt {
font-size: 12px;
margin-bottom: 30px;
}
.nl-row .nl-con .nl-form-con .nl-form {
grid-column-gap: 15px;
}
.nl-row .nl-con .nl-form-con .nl-form input {
font-size: 14px;
padding: 8px 0;
}
.nl-row .btn-row .button {
padding: 4px 20px;
font-size: 16px;
}
.footer-row .f-top-row {
padding-bottom: 5px;
margin-bottom: 15px;
}
.footer-row .f-top-row .f-top-menu {
justify-content: space-between;
margin: 10px 0;
}
.footer-row .f-top-row .f-top-menu a {
font-size: 12px;
margin-left: 0;
}
.footer-row .f-top-row .f-top-icons {
margin: 10px 0;
}
.footer-row .f-top-row .f-top-icons .button {
padding: 3px 10px;
font-size: 12px;
}
.footer-row .f-top-row .f-top-icons .button .icon {
font-size: 16px;
}
.footer-row .f-top-row .f-top-icons .icon-item {
font-size: 18px;
}
.footer-row .f-bottom-row .f-b-menu .f-b-col {
min-width: 50%;
}
.footer-row .f-bottom-row .f-b-menu .f-b-col a {
font-size: 12px;
color: #ddd;
}
.cr-row {
padding: 10px 0;
font-size: 10px;
}
}
/*_______________HOME_____________*/
#page-wrap {
width: 100%;
height: 100vh;
overflow: hidden;
background-size: cover;
}
/*** canvas ***/
#canvas {
height: 100vh;
width: 100vw;
}
.hiddens {
opacity:0
}
.curtain {
position: absolute;
top: 0%;
right: 0%;
bottom: 0%;
left: 0%;
}
.curtain img {
display: none;
}
/*** handling errors ***/
.no-curtains .curtain {
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.no-curtains .curtain img {
display: block;
min-width: 100%;
min-height: 100%;
object-fit: cover;
}
.i-top-con{
position:relative;
}
.i-top-con .top-txt{
display:flex;
position:absolute;
left:0; top:0; width:100%;
height:100%;
z-index:10;
align-items:center;
justify-content:center;
color:#fff;
}
.i-top-con .top-txt .txt-con{
text-align:center;
}
.i-top-con .top-txt .txt-con .ttl{
font-weight:100;
font-size:24px;
margin:60px 0;
padding:0;
}
.i-top-con .top-txt .txt-con .ttl span{
display:block;
font-weight:100;
font-size:36px;
}
.i-top-con .top-txt .button{
font-weight:200;
display: inline-block;
position: relative;
background-color: #fff;
padding: 7px 36px;
font-size: 24px;
color: #1d1d1d;
transition: all 0.3s;
}
.i-top-con .top-txt .button span {
position:relative;
z-index:3
}
.i-top-con .top-txt .button:hover {
color: #fff;
}
.i-top-con .top-txt .button:after{
content: '';
position: absolute;
right: 0;
top: 0;
width: 0%;
height: 100%;
background-color:#1d1d1d;
transition:all 0.3s;
z-index:1
}
.i-top-con .top-txt .button:hover:after{
width: 100%;
}
.i-filter-con{
position:relative;
text-align:left;
margin:10vw 0 0 0;
}
.i-filter-con .bg-con{
position:absolute;
bottom:5vw;
right:0;
width:60%;
height:100%;
z-index:9;
overflow:hidden;
}
.i-filter-con .bg-con .bg-con-in{
position:relative;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
z-index:9;
}
.i-filter-con .bg-con .video-bg{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
object-fit:cover;
z-index:8
}
.i-filter-con .bg-con .ttl-con{
height:50%;
padding:0 17%;
width:100%;
position:relative;
z-index:11;
display:flex;
align-items:center;
justify-content:center;
/*background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);*/
}
.i-filter-con .bg-con .ttl{
font-size:20px;
display:flex;
align-items:center;
}
.i-filter-con .bg-con .bg-animate1{
position:absolute;
width:100%;
height:100%;
background-color:#eee;
right:0;
top:0;
}
.i-filter-con .main-con{
width:50%;
display:inline-block;
padding:5vw 3vw;
position:relative;
z-index:10;
text-align:center;
}
.i-filter-con .main-con .bg-animate2{
position:absolute;
width:100%;
height:100%;
background-color:#fff;
right:0;
top:0;
}
.filter-slider .item .filter-row{
margin-bottom:30px;
}
.filter-slider .item .filter-row .ttl{
font-size:16px;
color:#777;
margin-bottom:15px;
}
.filter-slider .item .button-row{
display:flex;
justify-content:center;
}
.filter-slider .item .button-row .button{
margin: 5px;
font-size:20px;
display:flex;
align-items:center;
width:auto;
cursor:pointer;
background-color:#1d1d1d;
color:#fff;
padding:3px 15px;
}
.filter-slider .item .button-row .button .icon{
font-size:24px;
margin-right:10px;
transition:all 0.3s;
}
.filter-slider .item .button-row .button:hover .icon{
margin-right:30px;
}
.filter-slider .item .button-row .button.pre{
background-color:#fff;
color:#1d1d1d;
border:1px solid #1d1d1d;
}
.filter-slider .item .button-row .button.pre .icon{
margin-left:10px;
margin-right:0;
}
.filter-slider .item .button-row .button.pre:hover .icon{
margin-left:30px;
margin-right:0;
}
.form-filter {
display: inline-block;
margin: 5px;
}
.form-filter input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.form-filter input ~ .txt {
background-color: #fff;
border:1px solid #1d1d1d;
display: block;
padding: 2px 15px;
font-size: 20px;
font-weight: 300;
color: #1d1d1d;
transition:all .3s;
cursor: pointer
}
.form-filter:hover input ~ .txt {
color: #231f20;
}
.form-filter input:checked ~ .txt {
background:
linear-gradient(to top left,
rgba(0,0,0,0) 0%,
rgba(0,0,0,0) calc(50% - 0.8px),
rgba(0,0,0,0.5) 50%,
rgba(0,0,0,0) calc(50% + 0.8px),
rgba(0,0,0,0) 100%),
linear-gradient(to top right,
rgba(0,0,0,0) 0%,
rgba(0,0,0,0) calc(50% - 0.8px),
rgba(0,0,0,0) 50%,
rgba(0,0,0,0) calc(50% + 0.8px),
rgba(0,0,0,0) 100%);
}
.filter-slider .owl-dots{
display:flex;
margin-bottom:30px;
position:relative;
overflow:hidden
}
.filter-slider .owl-dots:after{
content:'';
position:absolute;
left:0;
bottom:12px;
height:1px;
width:100%;
background-color:#1d1d1d;
}
.filter-slider .owl-dots .owl-dot{
flex:1 0 0;
position:relative;
}
.filter-slider .owl-dots .owl-dot.active {
cursor:default
}
.filter-slider .owl-dots .owl-dot:after {
content: '';
position: absolute;
left: -50%;
bottom: 12px;
height: 1px;
width: 0%;
background-color: #ddd;
transition: all 0.3s;
z-index: 2;
}
.filter-slider .owl-dots .owl-dot.active:after,
.filter-slider .owl-dots .owl-dot.active ~ .owl-dot:after{
width:100%;
}
.filter-slider .owl-dots .owl-dot div {
font-size: 20px;
transition: all 0.3s;
color: #1d1d1d;
}
.filter-slider .owl-dots .owl-dot span{
width:11px;
height:11px;
display:inline-block;
border:1px solid #1d1d1d;
background-color:#1d1d1d;
border-radius:50%;
transition:all 0.3s;
position:relative;
z-index:3
}
.filter-slider .owl-dots .owl-dot.active ~ .owl-dot div{
color:#999;
}
.filter-slider .owl-dots .owl-dot.active ~ .owl-dot span{
border:1px solid #aaa;
background-color:#fff;
}
.filter-slider .owl-dots .owl-dot:not(.active):hover div {
color: #444 ;
}
.filter-slider .owl-dots .owl-dot:not(.active):hover span {
background-color: #444 ;
border: 1px solid #444 ;
}
.pr-slider-row {
}
.pr-slider-row .ttl-row{
text-align:center;
overflow:hidden;
margin:30px 0;
}
.pr-slider-row .ttl-row .ttl{
font-size:20px;
font-weight:300;
padding:0;
margin:0;
display:inline-block;
}
.pr-slider-row.dark .ttl-row .ttl{
color:#fff;
}
.pr-slider{
}
.pr-slider .slider-item{
position:relative;
overflow:hidden;
text-align:center;
}
.pr-slider .slider-item .slider-bg{
position:absolute;
right:0;
top:0;
background-color:#222;
width:100%;
height:100%;
z-index:1;transition:all 0.3s;
}
.pr-slider.light .slider-item .slider-bg{
background-color:#fff;
}
.pr-slider .slider-item:hover .slider-bg{
background-color:#1d1d1d;
}
.pr-slider.light .slider-item:hover .slider-bg{
background-color:#fff;
}
.pr-slider .slider-item .img-con{
width:14vw;
height:14vw;
position:relative;
display:inline-block;
overflow: hidden;
margin-top:30px;
z-index:3;
}
.pr-slider .slider-item .img-con .bg{
position:absolute;
right:0;
top:0;
background-color:#1d1d1d;
width:100%;
height:100%;
z-index:4
}
.pr-slider.light .slider-item .img-con .bg{
background-color:#ddd;
}
.pr-slider .slider-item .img-con .img {
position: relative;
z-index: 5;
width: 100%;
height: 100%;
overflow: hidden;
}
.pr-slider .slider-item .img-con .img img {
object-fit: cover;
width: 100%;
height: 100%;
transition: all 0.6s;
}
.pr-slider .slider-item:hover .img-con .img img {
transform: scale(1.2);
}
.pr-slider .slider-item .txt-con{
position:relative;
z-index:3;
margin:15px 0;
}
.pr-slider .slider-item .txt-con .ttl{
font-size:16px;
font-weight:300;
padding:0 10px;
margin:0;
display:inline-block;
color:#fff;
position:relative;
z-index:4
}
.pr-slider.light .slider-item .txt-con .ttl{
color:#1d1d1d;
}
/*.pr-slider .slider-item .txt-con .ttl:after{
content: '';
position: absolute;
right: 0;
bottom: 9px;
background-color: #fff;
width: 0%;
height: 1px;
transition:all 0.2s;
z-index:3
}
.pr-slider .slider-item:hover .txt-con .ttl:after{
width: 100%;
}*/
.pr-slider .slider-item .color-con{
position:relative;
margin-bottom:12px;
z-index:3;
}
.pr-slider .slider-item .color-con .color{
display:inline-block;
margin:3px;
width:20px;
height:20px;
position:relative
}
.pr-slider .slider-item .color-con .color.out:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 0.8px), rgba(0,0,0,1) 50%, rgba(0,0,0,0) calc(50% + 0.8px), rgba(0,0,0,0) 100%), linear-gradient(to top right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 0.8px), rgba(0,0,0,1) 50%, rgba(0,0,0,0) calc(50% + 0.8px), rgba(0,0,0,0) 100%) !important;
}
.pr-slider .owl-stage-outer{
z-index:10
}
.pr-slider .owl-nav {
position:absolute;
top:calc(14vw + 15px);
width:100%;
left:0;
}
.pr-slider.owl-carousel .owl-nav button.owl-next,
.pr-slider.owl-carousel .owl-nav button.owl-prev
{
color:#fff;
position:relative;
z-index:11;
transition:all 0.3s;
opacity:0.5
}
.pr-slider.owl-carousel.light .owl-nav button.owl-next,
.pr-slider.owl-carousel.light .owl-nav button.owl-prev
{
color:#1d1d1d;
}
.pr-slider.owl-carousel .owl-nav button.owl-next:hover,
.pr-slider.owl-carousel .owl-nav button.owl-prev:hover
{
opacity:1
}
.pr-slider .owl-nav .owl-next {
float:left;
}
.pr-slider .owl-nav .owl-prev {
float:right;
}
.pr-slider .owl-nav .owl-next span,
.pr-slider .owl-nav .owl-prev span
{
display:block;
font-size:24px;
padding:5px;
}
.pr-slider .owl-dots {
margin:10px 0;
text-align:center;
}
.pr-slider .owl-dots .owl-dot {
display:inline-block;
width:12px;
height:12px;
border:1px solid #fff;
border-radius:50%;
margin:5px;
}
.pr-slider.light .owl-dots .owl-dot {
border:1px solid #1d1d1d;
}
.pr-slider .owl-dots .owl-dot.active {
background-color:#fff;
}
.pr-slider.light .owl-dots .owl-dot.active {
background-color:#1d1d1d;
}
.pr-slider-row .btn-row {
margin-top:15px;
overflow:hidden;
}
.pr-slider-row .btn-row {
margin-top:30px;
overflow:hidden;
text-align:center;
}
.pr-slider-row .btn-row .button{
display:inline-block;
position:relative;
border:1px solid #fff;
padding:5px 20px;
font-size:16px;
color:#fff;
transition:all 0.3s;
}
.pr-slider-row.light .btn-row .button{
border:1px solid #1d1d1d;
color:#1d1d1d;
}
.pr-slider-row .btn-row .button:hover{
color:#1d1d1d;
}
.pr-slider-row.light .btn-row .button:hover{
color:#fff;
}
.pr-slider-row .btn-row .button:after{
content: '';
position: absolute;
right: 0;
top: 0;
width: 0%;
height: 100%;
background-color:#fff;
transition:all 0.3s;
z-index:-1
}
.pr-slider-row.light .btn-row .button:after{
background-color:#1d1d1d;
}
.pr-slider-row .btn-row .button:hover:after{
width: 100%;
}
.i-news-row .ttl-row {
overflow:hidden;
margin:15px 0;
padding:15px 0;
text-align:center;
position:relative;
}
.i-news-row .ttl-row .border {
position:absolute;
right:0;
bottom:0;
width:100%;
height:1px;
background-color:#fff;
}
.i-news-row .ttl-row .ttl {
display:inline-block;
font-size:20px;
font-weight:300;
color:#fff;
padding:0;
margin:0;
}
.i-news-row .i-news-con {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-column-gap: 30px;
grid-row-gap: 0px;
}
.i-news-row .i-news-con .news-item{
overflow:hidden;
}
.i-news-row .i-news-con .news-item a{
display:flex;
flex-wrap:wrap;
height:100%;
padding:15px 0;
border-bottom:1px solid #999;
}
.i-news-row .i-news-con .news-item .ttl{
font-size:16px;
font-weight:300;
color:#fff;
padding:0;
margin:0;
transition:all 0.3s;
min-width:100%;
}
.i-news-row .i-news-con .news-item a:hover .ttl{
color:#999;
}
.i-news-row .i-news-con .news-item .date{
font-size:12px;
font-weight:100;
color:#ddd;
padding:0;
margin:0;
margin-top:10px;
align-self:flex-end;
}
.i-news-row .btn-row {
margin-top:15px;
overflow:hidden;
}
.i-news-row .btn-row {
margin-top:30px;
overflow:hidden;
text-align:center;
}
.i-news-row .btn-row .button{
display:inline-block;
position:relative;
border:1px solid #fff;
padding:5px 20px;
font-size:16px;
color:#fff;
transition:all 0.3s;
}
.i-news-row .btn-row .button:hover{
color:#1d1d1d;
}
.i-news-row .btn-row .button:after{
content: '';
position: absolute;
right: 0;
top: 0;
width: 0%;
height: 100%;
background-color:#fff;
transition:all 0.3s;
z-index:-1
}
.i-news-row .btn-row .button:hover:after{
width: 100%;
}
@media(max-width:1399px) {
.pr-slider .slider-item .img-con {
width: 19vw;
height: 19vw;
}
.pr-slider .owl-nav {
top: calc(19vw + 15px);
}
}
@media(max-width:991px){
.i-filter-con{
position:relative;
text-align:left;
margin:33% 0 5vw 0;
}
.i-filter-con .bg-con {
bottom: 50%;
width:70%;
}
.i-filter-con .bg-con .bg-con-in {
align-items:flex-start
}
.i-filter-con .bg-con .ttl-con {
padding: 0 10%;
}
.i-filter-con .main-con{
width:70%;
}
.pr-slider .slider-item .img-con {
width: 27.3vw;
height: 27.3vw;
}
.pr-slider .owl-nav {
top: calc(27.3vw + 15px);
}
}
@media(max-width:767px) {
.i-top-con .top-txt .txt-con{
padding:0 3vw;
}
.i-top-con .top-txt .txt-con .ttl{
font-size:20px;
margin:30px 0;
}
.i-top-con .top-txt .txt-con .ttl span{
font-size:32px;
}
.i-top-con .top-txt .button{
padding: 7px 30px;
font-size: 20px;
}
.i-filter-con {
margin: 50vw 0 3vw 0;
}
.i-filter-con .bg-con {
bottom: -3vw;
right: -3vw;
width: calc(100% + 6vw);
height: 170%;
}
.i-filter-con .bg-con .ttl-con {
height: 35%;
}
.i-filter-con .bg-con .ttl {
font-size: 16px;
}
.i-filter-con .main-con {
width: 100%;
}
.filter-slider .item .filter-row {
margin-bottom: 15px;
}
.filter-slider .owl-dots {
margin-bottom: 15px;
}
.filter-slider .owl-dots .owl-dot div {
font-size: 16px;
}
.filter-slider .item .filter-row .ttl {
font-size: 12px;
}
.form-filter {
margin: 3px;
}
.form-filter input ~ .txt {
padding: 2px 10px;
font-size: 16px;
}
.filter-slider .item .button-row .button {
font-size: 16px;
padding: 2px 10px;
}
.filter-slider .item .button-row .button .icon {
font-size: 20px;
}
.pr-slider-row{
}
.pr-slider-row .ttl-row{
margin:15px 0;
}
.pr-slider-row .ttl-row .ttl{
font-size:16px;
}
.pr-slider .slider-item .img-con{
width:35vw;
height:35vw;
margin-top:15px;
}
.pr-slider .slider-item .txt-con{
margin:10px 0;
}
.pr-slider .slider-item .txt-con .ttl{
font-size:12px;
}
.pr-slider .slider-item .color-con{
margin-bottom:7px;
}
.pr-slider .slider-item .color-con .color{
margin:2px;
width:15px;
height:15px;
}
.pr-slider .owl-nav {
position:absolute;
top:calc(35vw);
width:100%;
left:0;
}
.pr-slider .owl-nav .owl-next span,
.pr-slider .owl-nav .owl-prev span
{
font-size:20px;
}
.pr-slider .owl-dots {
margin:10px 0;
}
.pr-slider .owl-dots .owl-dot {
width:9px;
height:9px;
margin:5px;
}
.pr-slider-row .btn-row {
margin-top:15px;
}
.pr-slider-row .btn-row .button{
padding:5px 20px;
font-size:14px;
}
.i-news-row .ttl-row {
margin:10px 0;
padding:10px 0;
}
.i-news-row .ttl-row .ttl {
font-size:16px;
}
.i-news-row .i-news-con {
grid-template-columns: repeat(1,1fr);
}
.i-news-row .i-news-con .news-item a{
padding:10px 0;
}
.i-news-row .i-news-con .news-item .ttl{
font-size:14px;
}
.i-news-row .i-news-con .news-item .date{
font-size:10px;
margin-top:5px;
}
.i-news-row .btn-row {
margin-top:15px;
}
.i-news-row .btn-row .button{
padding:5px 20px;
font-size:14px;
}
}
/*__________________PRODUCTS_____________*/
.page-top-row .page-top-con{
display:flex;
align-items:center;
}
.page-top-row .page-top-con .bread{
margin-left:15px;
}
.page-top-row .page-top-con .line{
flex-grow:1;
height:1px;
background-color:#1d1d1d;
}
.page-top-row.light .page-top-con .line{
background-color:#fff;
}
.bread ul {
padding: 0;
margin:0;
list-style:none;
}
.bread ul>li {
display:inline-block;
}
.bread ul>li+li:before {
content: "|";
padding: 0 5px;
color: #1d1d1d;
}
.page-top-row.light .bread ul>li+li:before {
color: #fff;
}
.bread ul>li a {
font-size:12px;
font-weight:300;
color:#1d1d1d;
}
.bread ul>li a:hover {
color:#999;
}
.page-top-row.light .bread ul>li a {
color:#fff;
}
.page-top-row.light .bread ul>li a:hover {
color:#999;
}
.share{
position:relative;
margin-right:15px;
}
.share .share-ttl{
cursor:pointer;
}
.share .share-ttl .icon{
font-size:21px;
display:block;
}
.share .dropdown-menu{
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
min-width:initial;
width: 150px;
padding: 10px;
margin: 0;
margin-top:5px;
background-color: #fff;
border: 1px solid #ddd;
-webkit-box-shadow:none;
box-shadow: none;
text-align:center;
}
.share .dropdown-menu .ttl{
font-size:12px;
font-weight:300;
margin-bottom:10px;
}
.page-title-row{
text-align:center;
padding:20px 0;
}
.page-title-row .head1{
margin: 0;
font-weight: 300;
font-size: 36px;
}
.page-title-row .head2{
font-weight: 100;
font-size: 24px;
margin: 0;
padding: 0;
}
.page-title-row .head3{
font-weight: 300;
font-size: 22px;
margin: 0;
padding: 0;
}
.products-row{
margin-bottom:3vw;
}
.products-row .products-top-row {
border:1px solid #999;
border-width:1px 0;
margin-bottom:-1px;
position:relative;
z-index:20;
background-color:#eee;
}
.products-row .products-top-row .products-top-con {
padding:15px 0;
display:flex;
align-items:center;
}
.products-row .products-top-row .pr-count span {
font-weight:700;
}
.products-row .products-top-row .filter-btns {
display:flex;
flex-wrap:wrap;
margin-right:10px;
}
.products-row .products-top-row .filter-btns .button {
display:flex;
align-items:center;
margin:2px 4px;
background-color:#fff;
padding:2px 10px;
border:1px solid #aaa;
color:#1d1d1d;
transition:all 0.3s;
}
.products-row .products-top-row .filter-btns .button .icon {
margin-right:5px;
font-size:18px;
}
.products-row .products-top-row .filter-btns .button:hover {
border:1px solid red;
}
.products-row .products-top-row .filter-icon-con{
display:none;
}
.products-row .products-top-row .filter-icon-con a{
display:flex;
align-items:center;
color:#1d1d1d;
}
.products-row .products-top-row .filter-icon-con a{
display:flex;
align-items:center;
cursor:pointer;
}
.products-row .products-top-row .filter-icon-con a .icon{
margin-left:5px;
font-size:18px;
}
.products-row .products-top-row .filter-icon-con a .count{
padding:2px 5px;
background-color:#1d1d1d;
color:#Fff;
margin-right:5px;
}
.products-row .products-con{
display:flex;
align-items:flex-start;
}
.products-row .products-con .side-col{
flex:1 0 0;
}
.products-row .products-con .main-col{
flex:4 0 0;
}
.products-row .products-con .main-col .pr-con{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid #999;
border-right: 1px solid #999;
}
.products-row .pr-item{
text-align:center;
overflow:hidden;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
position:relative;
}
.products-row .pr-item .slider-bg{
position:absolute;
right:0;
top:0;
background-color:#fff;
width:100%;
height:100%;
z-index:1;transition:all 0.3s;
}
.products-row .pr-item .img-con{
width:14vw;
height:14vw;
position:relative;
display:inline-block;
overflow: hidden;
margin-top:30px;
z-index:3;
}
.products-row .pr-item .img-con .bg {
position: absolute;
right: 0;
top: 0;
background-color: #ccc;
width: 100%;
height: 100%;
z-index: 4;
background-image: url(../../img/loading.gif);
background-repeat: no-repeat;
background-position: center center;
}
.products-row .pr-item .img-con .img {
position: relative;
z-index: 5;
width: 100%;
height: 100%;
overflow: hidden;
}
.products-row .pr-item .img-con .img img {
object-fit: cover;
width: 100%;
height: 100%;
transition: all 0.6s;
}
.products-row .pr-item:hover .img-con .img img {
transform: scale(1.2);
}
.products-row .pr-item .txt-con {
position: relative;
z-index: 3;
margin: 15px 0;
}
.products-row .pr-item .txt-con p {
margin:0;padding:0;
color:#333;
font-size:12px;
}
.products-row .pr-item .txt-con .ttl{
font-size:16px;
font-weight:300;
padding:0 10px;
margin:0;
display:inline-block;
color:#1d1d1d;
position:relative;
z-index:4
}
.products-row .pr-item .color-con{
position:relative;
margin-bottom:12px;
z-index:3;
}
.products-row .pr-item .color-con .color{
display:inline-block;
margin:3px;
width:20px;
height:20px;
position:relative;
border:1px solid #efefef
}
.products-row .pr-item .color-con .color.out:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 0.8px), rgba(0,0,0,1) 50%, rgba(0,0,0,0) calc(50% + 0.8px), rgba(0,0,0,0) 100%), linear-gradient(to top right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 0.8px), rgba(0,0,0,1) 50%, rgba(0,0,0,0) calc(50% + 0.8px), rgba(0,0,0,0) 100%) !important;
}
.products-row .pr-item .tag{
position:absolute;
z-index:4;
top:calc(30px);
right:0;
background-color:#999;
font-size:15px;
padding:5px 0;
color:#fff;
text-align:center;
width:80px;
overflow:hidden;
}
.products-row .pr-item .tag.new{
background-color:#20d1e1;
}
.products-row .pr-item .tag.sale{
background-color:#e96110;
}
.filter-con{
width:100%;
border-bottom:none;
padding:30px 3vw;
}
.filter-con .filter-item{
width:100%;
border-bottom:1px solid #1d1d1d;
padding:10px 0;
}
.filter-con .filter-item .filter-ttl{
font-size:14px;
font-weight:300;
position:relative;
cursor:pointer;
color:#1d1d1d;
}
.filter-con .filter-item .filter-ttl:after{
content:'';
position:absolute;
left:0;
top:50%;
width:15px;
height:1px;
background-color:#1d1d1d;
}
.filter-con .filter-item .filter-ttl:before{
content:'';
position:absolute;
left:7px;
top:50%;
margin-top:0px;
width:1px;
height:1px;
background-color:#1d1d1d;
transition:all 0.2s;
}
.filter-con .filter-item .filter-ttl.collapsed:before{
height:15px;
margin-top:-7px;
}
.filter-con .filter-item .filter-fields {
border-top: 1px solid #1d1d1d;
margin-top: 10px;
}
span.hasmores {
display: block;
text-align: center;
position: absolute;
bottom: -20px;
right: 0;
width: 100%;
height: 35px;
background-color:transparent
/*background: rgba(238,238,238,.8);
background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(238,238,238,1) 0%, rgba(238,238,238,0.8463760504201681) 50%, rgba(238,238,238,0) 100%);*/
}
span.hasmores img {
height: 20px;
width: 40px;
}
.filter-con .filter-item .fields-con {
padding-top: 10px;
max-height: 300px;
overflow: hidden;
}
.form-filter2{
display: block;
margin-bottom: 10px;
}
.form-filter2 input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.form-filter2 input ~ .checkmark {
width: 100%;
padding: 0;
font-weight:300;
padding-right: 20px;
font-size:14px;
color:#1d1d1d;
display:inline-block;
position:relative;
transition:all 0.2s;
cursor: pointer;
}
.form-filter2 input ~ .checkmark:before {
content: "";
position: absolute;
top: 50%;
margin-top:-6px;
right: 0px;
width: 12px;
height: 12px;
border:1px solid #1d1d1d;
background-color:#fff;
}
.form-filter2 input:hover ~ .checkmark:after {
content: "";
position: absolute;
top: 50%;
margin-top:-4px;
right: 2px;
width: 8px;
height: 8px;
background-color:#ddd;
}
.form-filter2 input:checked ~ .checkmark:after {
content: "";
position: absolute;
top: 50%;
margin-top:-4px;
right: 2px;
width: 8px;
height: 8px;
background-color:#1d1d1d;
}
.form-filter2 input ~ .checkmark .head {
font-weight:bold;
font-size:14px;
color:#333;
float:right;
margin-left:5px;
}
.side-col .side-col-m{
position:relative;
border-bottom:1px solid #1d1d1d;
display:none;
}
.side-col .side-col-m .close-icon{
position:absolute;
top:20px;
left:17px;
color:#1d1d1d;
}
.side-col .side-col-m .close-icon .icon{
display:block;
font-size:28px
}
.side-col .side-col-m .filter-btns {
display:flex;
flex-wrap:wrap;
padding:16px 26px;
margin-top:45px;
}
.side-col .side-col-m .filter-btns .button {
display:flex;
align-items:center;
justify-content:center;
margin:4px 4px;
background-color:#fff;
padding:2px 3px;
border:1px solid #aaa;
color:#1d1d1d;
font-size:12px;
transition:all 0.3s;
flex-grow:1;
max-width:50%;
}
.side-col .side-col-m .filter-btns .button .icon {
margin-right:5px;
font-size:16px;
}
.side-col .side-col-m .filter-btns .button:hover {
border:1px solid red;
}
.paging{
display:flex;
margin:15px 0;
justify-content:center;
}
.paging a{
background-color:#fff;
font-size:18px;
font-weight:400;
color:#1d1d1d;
border:1px solid #666;
display:flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
margin:5px;
transition:all 0.3s;
}
.paging a:hover{
background-color:#eee;
}
.paging a.active{
background-color:#1d1d1d;
color:#fff;
}
@media(max-width:1199px){
.products-row .products-con .side-col{
flex:1 0 0;
}
.products-row .products-con .main-col{
flex:3 0 0;
}
.products-row .products-con .main-col .pr-con {
grid-template-columns: repeat(3,1fr);
}
.products-row .pr-item .img-con {
width: 19vw;
height: 19vw;
}
}
@media(max-width:991px){
.products-row .products-con .main-col{
flex:2 0 0;
}
.products-row .products-con .main-col .pr-con {
grid-template-columns: repeat(2,1fr);
}
.products-row .pr-item .img-con {
width: 27vw;
height: 27vw;
}
}
@media(max-width:767px) {
.page-top-row .page-top-con .bread {
margin-left: 5px;
}
.page-top-row .page-top-con .line {
}
.bread ul > li + li:before {
padding: 0 3px;
font-size: 10px;
}
.bread ul > li a {
font-size: 10px;
}
.share {
margin-right:5px;
}
.share .share-ttl .icon {
font-size: 18px;
display: block;
}
.page-title-row {
padding: 15px 0;
}
.page-title-row .head1 {
font-size: 28px;
}
.page-title-row .head2 {
font-size: 18px;
}
.page-title-row .head3{
font-size: 18px;
}
.products-row {
margin-bottom: 40px;
}
.products-row .products-top-row .products-top-con {
padding: 7px 0;
}
.products-row .products-top-row .pr-count {
font-size: 12px;
flex-grow: 1;
color: #999;
}
.products-row .products-top-row .pr-count span {
color: #1d1d1d;
}
.products-row .products-top-row .filter-btns {
display: none;
}
.products-row .products-top-row .filter-icon-con {
display: block;
}
.products-row .products-top-row .filter-icon-con a {
font-size: 12px;
}
.products-row .products-top-row .filter-icon-con a .count {
padding: 2px 5px;
}
.products-row .products-con {
}
.products-row .products-con .side-col {
position: fixed;
top: 0;
left: -110%;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 500;
}
.products-row .products-con .main-col {
}
.products-row .products-con .main-col .pr-con {
grid-template-columns: repeat(2,1fr);
}
.products-row .pr-item .img-con {
width: 44vw;
height: 44vw;
margin-top: 3vw;
}
.products-row .pr-item .txt-con {
margin: 10px 0;
}
.products-row .pr-item .txt-con .ttl {
font-size: 14px;
padding: 0 10px;
}
.products-row .pr-item .color-con {
margin-bottom: 5px;
}
.products-row .pr-item .color-con .color {
margin: 2px;
width: 16px;
height: 16px;
}
.products-row .pr-item .tag{
top:3vw;
font-size:14px;
padding:3px 0;
width:60px;
}
.filter-con {
padding: 15px 30px;
}
.side-col .side-col-m{
display:block
}
.paging {
margin: 10px 0;
}
.paging a {
font-size: 16px;
width: 30px;
height: 30px;
margin: 5px;
}
}
/*_________________PRODUCT______________*/
.product-row {
margin-top: 30px;
margin-bottom: 30px;
}
.product-row .product-con {
width:100%;
display:flex;
}
.product-row .product-con .info-col
{
display:flex;
flex:2 0 0;
overflow:hidden;
align-content: flex-start;
}
.product-row .product-con .info-col .img-col,
.product-row .product-con .info-col .txt-col
{
flex:1 0 0;
overflow:hidden;
}
.product-row .product-con .order-col
{
flex:1 0 0;
overflow:hidden;
}
.product-row .pr-txt-con {
padding:0 3vw;
}
.product-row .pr-head{
display:flex;
align-items:center;
}
.product-row .pr-head .head1{
font-size:28px;
padding:0;
margin:0;
font-weight:300;
flex-grow:1;
}
.product-row .pr-head .like{
color:#1d1d1d;
margin-right:15px;
}
.product-row .pr-head .like .icon{
display:block;
font-size:22px;
}
.product-row .pr-txt{
font-size:16px;
margin-bottom:30px;
}
.product-row .pr-info .info-item {
display:flex;
align-items:center;
padding: 0;
margin: 0;
font-size:14px;
width:100%;
margin-bottom:10px;
}
.product-row .pr-info .info-item:after {
content:'';
flex-grow:1;
height:1px;
background-color:#ccc;
margin:0 10px;
order:2;
}
.product-row .pr-info .info-item .ttl {
order:1;
color:#999
}
.product-row .pr-info .info-item .val {
order:3;
text-align:left;
}
.product-row .pr-info .info-item .val .value{
display:inline-block;
}
.product-row .pr-info .info-item .hh {
padding:0;
margin:0;
font-weight:normal;
}
.product-row .pr-info .info-item a {
border-bottom: 1px solid #1d1d1d;
color: #1d1d1d;
}
.product-row .pr-info .info-item a:hover {
color: #999;
}
.product-row .pr-info .info-item .value+.value:before {
content: "،";
padding: 0 3px;
color: #1d1d1d;
}
.product-row .feature-con {
margin-top:30px;
width:100%;
background-color:#ddd;
padding:1px 20px;
}
.product-row .feature-con .feature-item{
margin:20px 0;
}
.product-row .feature-con .feature-item a{
display:flex;
color:#1d1d1d;
}
.product-row .feature-con .feature-item a .icon{
font-size:22px;
margin-left:20px;
}
.product-row .feature-con .feature-item a .ttl{
font-size:16px;
margin-bottom:5px;
}
.product-row .feature-con .feature-item a .desc{
font-size:14px;
color:#777;
transition:all 0.3s;
}
.product-row .feature-con .feature-item a:hover .desc{
transform:translateX(15px)
}
.pr-order-row .tab-heads-row{
position:relative;
z-index:5
}
.pr-order-row .tab-heads{
list-style:none;
margin:0;
padding:0;
}
.pr-order-row .tab-heads li{
display:inline-block;
float:right;
margin-left:-1px;
}
.pr-order-row .tab-heads li a{
display:block;
color:#1d1d1d;
background-color:#ddd;
padding:10px 15px;
border:1px solid #999;
}
.pr-order-row .tab-heads li.active a{
background-color:#fff;
border-bottom-color:#ddd;
}
.pr-order-row .tab-heads li a .head{
font-size:14px;
font-weight:normal;
padding:0;
margin:0;
}
.pr-order-row .tab-content-row{
width:100%;
margin-top:-1px;
position:relative;
background-color:#fff;
border:1px solid #999;
z-index:4;
}
.pr-order-row .tab-content{
width:100%;
}
.pr-order-row .order-main-btn{
padding:10px;
position:relative;
overflow:hidden;
}
.pr-order-row .order-main-btn .button{
background-color:#1d1d1d;
padding:7px;
width:100%;
display:flex;
align-items:center;
color:#Fff;
position:relative;
z-index:3;
transform:translateY(200%);
transition:all 0.5s;
}
.pr-order-row .order-main-btn .button.in{
transform:translateY(0%)
}
.pr-order-row .order-main-btn .button .txt{
font-size:18px;
flex-grow:1;
text-align:center;
}
.pr-order-row .order-main-btn .button .icon{
font-size:22px;
margin:0 10px;
}
.pr-order-row .order-main-btn .guide-row{
position:absolute;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:16px;
color:#999;
top:0;
left:0;
z-index:2
}
.pr-order-row .pr-order-con{
width:100%;
}
.pr-order-row .pr-order-con .pr-order-item{
width:100%;
padding:10px;
display:flex;
align-items:center;
border-bottom:1px solid #ddd;
}
.pr-order-row .pr-order-con .pr-order-item.type_2, .pr-order-item.type_2 {
background-color: #d3d3d3;
border-bottom: 1px solid #fff;
}
.pr-order-item.type_2, .pr-order-item.type_1{
padding-bottom: 5px !important;
}
.pr-order-row .pr-order-con .pr-order-item .color-con {
margin-left: 10px;
}
.pr-order-row .pr-order-con .pr-order-item .color-con .color{
width:34px;
height:34px;
}
.pr-order-row .pr-order-con .pr-order-item .img-con {
width:64px;
height:64px;
margin-left:10px;
}
.pr-order-row .pr-order-con .pr-order-item .img-con img {
width:100%;
height:100%;
object-fit:cover;
}
.pr-order-row .pr-order-con .pr-order-item .txt-con{
flex:1 0 0;
text-align:right;
}
.pr-order-row .pr-order-con .pr-order-item .txt-con .ttl{
font-size:17px;
font-weight:400;
color:#1d1d1d
}
.pr-order-row .pr-order-con .pr-order-item .txt-con .opt{
font-size:15px;
margin:3px 0;
color:#1d1d1d
}
.pr-order-row .pr-order-con .pr-order-item .txt-con .code{
font-size:14px;
color:#666;
}
.pr-order-row .pr-order-con .pr-order-item .stat-con{
flex:1 0 0;
}
h1.visible-xs {
font-size:1.4em; text-align:center
}
.pr-order-row .pr-order-con .pr-order-item .stat-con .stat {
display: inline-block;
background-color: #1d1d1d;
color: #fff;
min-width: 80px;
text-align: center;
font-weight: bold;
line-height: 2;
font-size: 15px;
padding: 3px 2px 2px 2px;
}
.pr-order-row .pr-order-con .pr-order-item .stat-con .stat span{
}
.pr-order-row .pr-order-con .pr-order-item .stat-con .stat.stat-1{
background-color:#21b109;
}
.pr-order-row .pr-order-con .pr-order-item .stat-con .stat.stat-2{
background-color:#8fb109;
}
.pr-order-row .pr-order-con .pr-order-item .stat-con .stat.stat-3{
background-color:#deb700;
}
.pr-order-row .pr-order-con .pr-order-item .stat-con .stat.stat-4{
background-color:#de7d00;
}
.pr-order-row .pr-order-con .pr-order-item .stat-con .stat.stat-5 {
background-color: #ca3900;
line-height: 1.5;
}
.pr-order-row .pr-order-con .pr-order-item .stat-con .stat.stat-6{
background-color:#999;
line-height:1.5;
}
.pr-order-row .pr-order-con .pr-order-item .btn-con{
min-width:110px;
text-align:left;
}
.pr-order-row .pr-order-con .pr-order-item .btn-con .remove-con {
margin-top: 5px;
}
.pr-order-row .pr-order-con .pr-order-item .btn-con.order .remove-con {
margin-top: 25px;
}
.pr-order-row .pr-order-con .pr-order-item .remove-con a{
display:inline-block;
color:#1d1d1d;
padding:5px;
}
.pr-order-row .pr-order-con .pr-order-item .remove-con a:hover{
color:red
}
.pr-order-row .pr-order-con .pr-order-item .remove-con a .icon{
display:block;
font-size:22px;
}
.pr-order-row .pr-order-con .pr-order-item .qty-con{
font-family:IRANSans;
min-width:64px;
font-size:14px;
}
.pr-order-row .pr-order-con .pr-order-item .qty-con .unit{
font-size: 12px;
font-weight: 300;
font-family:peyda;
}
.pr-order-row .pr-order-con .pr-order-item .req-link{
display:inline-block;
color:#1d1d1d;
text-decoration:underline;
font-size:14px;
cursor:pointer;
}
.quantity {
position: relative;
display:inline-block;
height: auto;
padding:0 0;
width:110px;
background-color:#1d1d1d;
text-align: center;
transition:all 0.3s;
}
.order .quantity {
background-color:#777
}
.quantity.alert {
background-color: #ca3900 !important;
}
.order .quantity:after {
width: 100%;
content: 'درخواست از نمایندگی';
background-color: #999;
position: absolute;
left: 0;
font-size: 11px;
color: #fff;
padding: 2px 1px;
bottom:-19px
}
@media (max-width:767px) {
.order .quantity:after {
font-size: 10px;
}
}
.order .quantity.zero:after {
display: none
}
.quantity.light {
background-color:#eee;
}
.quantity input {
width: 50px;
padding: 0;
color:#Fff;
position:absolute;
top:3px;
left:30px;
font-size: 16px;
font-weight:normal;
margin: 0;
border: none;
text-align: center;
background-color: transparent;
font-family:IRANSans;
z-index:9;
}
.quantity.light input {
color:#1d1d1d;
}
.quantity.h34 {
min-height:34px;
}
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity input[type=number] {
-moz-appearance: textfield;
}
.quantity input:focus {
outline: 0;
}
.quantity .q-con {
width: 100%;
position: relative;
height: 100%;
display:flex;
align-items:center;
justify-content: space-between;
}
.quantity .q-con .q-button {
position: relative;
cursor: pointer;
text-align: center;
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.quantity .q-con .q-button.dsble {
cursor:not-allowed;
opacity:.3
}
.quantity.light .q-con .q-button {
color: #1d1d1d;
}
.quantity .q-con .q-button .icon{
display:block;
font-size: 22px;
padding:6px;
}
/*.quantity .q-con .q-button.q-up:hover {
color: #21b109;
}
.quantity .q-con .q-button.q-down:hover {
color: #ca3900;
}*/
.quantity .unit {
display:inline-block;
padding: 0;
color: #Fff;
position: absolute;
bottom: -2px;
left: 50%;
margin-left:-10.35px;
font-size: 11px;
font-weight: 300;
}
.quantity.light .unit {
color: #999;
}
.quantity.zero{
width:34px;
}
.quantity.zero input{
display:none;
}
.quantity.zero .unit{
display:none;
}
.quantity.zero .q-con .q-button.q-down {
display:none;
}
.product-row .img-col{
position: relative;
padding-bottom:0;
}
.product-row .img-col .gallery-con{
position: relative;
}
.product-row .img-col .gallery-con .tag{
position:absolute;
top:5Px;
right:0;
padding:5px 25px;
background-color:#1d1d1d;
color:#fff;
font-weight:300;
font-size:16px;
transition:all 0.3s;
min-width:85px;
text-align:center
}
.product-row .img-col .gallery-con .tag.second {
top: 42px;
}
.product-row .img-col .tag.sale{
background-color:#e96110
}
.product-row .img-col .tag.new{
background-color:#20d1e1
}
.product-row .img-col .tag.out{
background-color:#999
}
.lg-outer {
direction: ltr;
}
.lg-backdrop {
background-color: #fff;
}
.lg-toolbar {
background-color: rgba(255,255, 255, 0.5);
}
.lg-toolbar .lg-icon {
color: #1d1d1d;
font-size: 28px;
}
.lg-toolbar .lg-icon:hover {
color: #000;
}
.lg-icon {
font-family: 'icomoon';
font-weight: normal;
font-style: normal;
font-display: block;
}
.lg-toolbar .lg-close:after {
content: "\e92e";
}
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(255, 255, 255, 0);
border-radius: 0%;
color: #1d1d1d;
padding: 10px;
font-size: 28px;
margin-top: -14px;
top: 50%;
}
.lg-actions .lg-next {
right: 0px;
}
.lg-actions .lg-prev {
left: 0px;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
color: #000;
}
.lg-sub-html {
background-color: rgba(255, 255, 255, 0.5);
color: #1d1d1d;
font-size: 14px;
direction:rtl;
}
#lg-actual-size,
.lg-fullscreen,
.lg-autoplay-button {
display:none;
}
#image-gallery li {
text-align:center;
padding:0;
cursor:zoom-in;
}
#image-gallery li img {
width:auto;
width:100%;
height:31.3vw;
object-fit:cover;
}
.lSSlideOuter .lSPager.lSGallery {
text-align:center;
width:100% !important;
display:flex;
justify-content:center;
padding-top:10px;
}
.lSSlideOuter .lSPager.lSGallery li {
opacity:0.5;
float:none;
display:inline-block;
transition:all 0.3s;
margin:0 5px !important;
}
.lSSlideOuter .lSPager.lSGallery img{
width:100%;
height:3.3vw;
object-fit:cover;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 0px;
opacity:1;
}
.lSAction>a {
width: auto;
display: flex;
top: 50%;
height: auto;
background-image: none;
margin-top: -12px;
opacity: .5;
color:#2d2f30;
font-size:24px;
}
@media(max-width:1199px) {
.product-row .product-con .info-col {
flex-wrap: wrap;
flex: 1 0 0;
padding-left:4vw;
}
.product-row .product-con .info-col .img-col,
.product-row .product-con .info-col .txt-col {
min-width: 100%;
}
.product-row .img-col .gallery-con {
margin-bottom:30px;
}
.product-row .pr-txt-con {
padding: 0;
}
#image-gallery li img {
height: 45.5vw;
}
.lSSlideOuter .lSPager.lSGallery img {
height: 5vw;
}
}
@media(max-width:991px) {
.pr-order-row .pr-order-con .pr-order-item .stat-con .stat {
min-width: 70px;
}
.pr-order-row .pr-order-con .pr-order-item .stat-con .stat span {
display: block;
}
.pr-order-row .pr-order-con .pr-order-item .btn-con {
min-width: 90px;
}
.quantity {
width: 90px;
}
}
@media(max-width:767px) {
.product-row {
margin-top: 10px;
}
.product-row .pr-txt-con {
padding: 0;
margin-top:15px;
}
.product-row .pr-head {
margin-bottom: 10px;
}
.product-row .pr-head .head1 {
font-size: 22px;
}
.product-row .pr-head .like{
margin-right:10px;
}
.product-row .pr-head .like .icon{
font-size:18px;
}
.product-row .pr-txt {
font-size: 14px;
margin-bottom: 15px;
}
.product-row .product-con .info-col {
padding-left: 0;
}
.product-row .pr-info .info-item {
font-size: 12px;
margin-bottom: 7px;
}
.product-row .pr-info .info-item:after {
margin: 0 5px;
}
.product-row .feature-con {
margin-top: 30px;
padding: 1px 15px;
}
.product-row .feature-con .feature-item {
margin: 15px 0;
}
.product-row .feature-con .feature-item a .icon {
font-size: 18px;
margin-left: 15px;
}
.product-row .feature-con .feature-item a .ttl {
font-size: 14px;
margin-bottom: 5px;
}
.product-row .feature-con .feature-item a .desc {
font-size: 10px;
}
.pr-order-row .tab-heads li a {
padding: 7px 15px;
}
.pr-order-row .tab-heads li a .head {
font-size: 12px;
}
.pr-order-row .order-main-btn .button {
padding: 7px;
}
.pr-order-row .order-main-btn .button .txt {
font-size: 18px;
}
.pr-order-row .order-main-btn .button .icon {
font-size: 22px;
margin: 0 10px;
}
.pr-order-row .order-main-btn .guide-row {
font-size: 12px;
}
.pr-order-row .pr-order-con .pr-order-item {
padding:5px;
}
.pr-order-row .pr-order-con .pr-order-item .color-con {
margin-left: 10px;
}
.pr-order-row .pr-order-con .pr-order-item .color-con .color {
width: 26px;
height: 26px;
}
.pr-order-row .pr-order-con .pr-order-item .img-con {
width: 48px;
height: 48px;
margin-left: 10px;
}
.pr-order-row .pr-order-con .pr-order-item .txt-con {
flex: 1 0 0;
margin-left:5px;
max-width:calc(100vw - 170px);
}
.pr-order-row .pr-order-con .pr-order-item .txt-con .ttl {
font-size: 15px;
}
.pr-order-row .pr-order-con .pr-order-item .txt-con .opt {
font-size: 13px;
margin: 3px 0;
}
.pr-order-row .pr-order-con .pr-order-item .txt-con .code {
font-size: 12px;
}
.pr-order-row .pr-order-con .pr-order-item .stat-con{
flex-grow:initial;
margin-left:10px;
}
.pr-order-row .pr-order-con .pr-order-item .stat-con .stat {
font-size:14px;
min-width: 64px;
}
.pr-order-row .pr-order-con .pr-order-item .stat-con .stat.long {
min-width:115px;
}
.pr-order-row .pr-order-con .pr-order-item .stat-con .stat span {
display:none;
}
.pr-order-row .pr-order-con .pr-order-item .btn-con {
min-width: 80px;
overflow:hidden
}
.pr-order-row .pr-order-con .pr-order-item .remove-con{
margin-right:5px;
}
.pr-order-row .pr-order-con .pr-order-item .remove-con a{
padding:3px;
}
.pr-order-row .pr-order-con .pr-order-item .remove-con a .icon{
font-size:18px;
}
.pr-order-row .pr-order-con .pr-order-item .req-link {
font-size: 12px;
}
.pr-order-row .pr-order-con .pr-order-item .qty-con{
min-width:48px;
font-size:12px;
}
.pr-order-row .pr-order-con .pr-order-item .qty-con .unit{
font-size: 10px;
}
.quantity {
width: 90px;
}
.quantity input {
font-size: 14px;
top:2px;
width:40px;
left:25px;
}
.quantity .q-con {
padding:3px 0
}
.quantity .q-con .q-button .icon {
display: block;
font-size: 18px;
padding: 4px;
}
.quantity .unit {
bottom: -4px;
font-size: 11px;
}
.quantity.zero {
width: 26px;
}
.product-row .img-col .gallery-con {
margin-bottom:15px;
padding:0 0
}
.product-row .img-col .gallery-con .tag.second {
top:36px;
}
.product-row .img-col .gallery-con .tag {
padding: 3px 15px;
font-size: 14px;
min-width:66px;
}
.lg-toolbar .lg-icon {
font-size: 24px;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
padding: 5px;
font-size: 24px;
margin-top: -12px;
}
.lg-sub-html {
font-size: 12px;
}
#image-gallery li img {
height:79vw;
}
.lSSlideOuter {
position: relative;
padding-left: calc(15vw + 30px);
}
.lSSlideWrapper {
flex-grow:1;
}
.lSSlideOuter .lSPager.lSGallery {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
flex-direction:column;
width:auto !important;
}
.lSSlideOuter .lSPager.lSGallery li {
margin:5px 0 !important;
}
.lSSlideOuter .lSPager.lSGallery img {
height: 10vw;
}
}
/*_________________BASKET________________*/
.basket-row{
display:flex;
margin-top:30px;
margin-bottom:90px;
}
.basket-row .basket-con{
flex:1 0 0;
margin-left:3vw;
}
.basket-row .form-con{
flex:1 0 0;
}
.basket-row .basket-con .basket-head{
width:100%;
margin-bottom:15px;
display:flex;
align-items:center;
}
.basket-row .basket-con .basket-head .icon{
font-size:22px;
margin-left:5px;
}
.basket-row .basket-con .basket-head .ttl{
font-size:18px;
margin-left:10px;
}
.basket-row .basket-con .basket-head .count{
width:32px;
height:32px;
display:flex;
align-items:center;
justify-content:center;
background-color:#1d1d1d;
border-radius:50%;
color:#fff;
font-family:IRANSans;
}
.basket-row .basket-con .basket-head i {
font-style: normal;
font-size: 16px;
margin-right: 5px
}
.basket-row .basket-con .pr-order-row{
background-color:#fff;
}
.form-filter3{
display: block;
width:100%;
margin-bottom: 10px;
}
.form-filter3 input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.form-filter3 input ~ .txt {
width: 100%;
padding: 5px 30px 5px 10px;
font-weight: 400;
font-size: 16px;
color: #1d1d1d;
display: block;
position: relative;
transition: all 0.2s;
cursor: pointer;
background-color: #fff;
border: 1px solid #fff;
}
.form-filter3 input ~ .txt.gray {
border: 1px solid #999;
}
.form-filter3 input:checked ~ .txt {
border:1px solid #1d1d1d;
background-color:#fff;
}
.form-filter3 input:disabled ~ .txt {
background-color:#ddd;
border:1px solid #ddd;
cursor:not-allowed
}
.form-filter3 input ~ .txt:before {
content: "";
position: absolute;
top: 50%;
margin-top:-6px;
right: 10px;
width: 12px;
height: 12px;
border:1px solid #1d1d1d;
background-color:#fff;
}
.form-filter3 input:disabled ~ .txt:before {
border:1px solid #999;
background-color:#ddd;
}
.form-filter3 input:hover ~ .txt:after {
content: "";
position: absolute;
top: 50%;
margin-top:-4px;
right: 12px;
width: 8px;
height: 8px;
background-color:#ddd;
}
.form-filter3 input:checked ~ .txt:after {
content: "";
position: absolute;
top: 50%;
margin-top:-4px;
right: 12px;
width: 8px;
height: 8px;
background-color:#1d1d1d;
}
.form-filter3 input ~ .txt .desc{
font-size:12px;
color:#333;
display:block;
}
.basket-row .form-con .form-head{
width:100%;
margin-bottom:15px;
display:flex;
}
.basket-row .form-con .form-head .icon{
font-size:22px;
margin-left:10px;
}
.basket-row .form-con .form-head .ttl{
font-size:18px;
}
.basket-row .form-con .form-desc{
font-size:14px;
margin-bottom:15px;
}
.basket-row .form-con .form-desc.result {
font-size: 18px;
text-align:center;
padding:15px 0;
border:1px solid #333;
}
.basket-row .form-con .btn-row {
display: flex;
justify-content: flex-end;
margin-top:10px;
}
.basket-row .form-con .btn-row .button{
margin: 0;
flex-grow:1;
font-size:20px;
display:flex;
align-items:center;
justify-content:center;
width:auto;
cursor:pointer;
background-color:#1d1d1d;
color:#fff;
padding:5px 15px;
}
.basket-row .form-con .btn-row .button .icon{
font-size:24px;
margin-right:10px;
transition:all 0.3s;
}
.basket-row .form-con .btn-row .button:hover .icon{
margin-right:30px;
}
.basket-row .form-con .btn-row .button.pre{
background-color:#fff;
color:#1d1d1d;
border:1px solid #1d1d1d;
margin-left:10px;
flex-grow:0;
}
.basket-row .form-con .btn-row .button.pre .icon{
margin-left:10px;
margin-right:0;
}
.basket-row .form-con .btn-row .button.pre:hover .icon{
margin-left:30px;
margin-right:0;
}
.feature-row{
margin-bottom:90px;
}
.feature-row .feature-con{
width:100%;
background-color:#eee;
display:flex;
padding:0;
}
.feature-row .feature-con .feature-item{
flex:1 0 0;
padding:15px;
}
.feature-row .feature-con .feature-item a{
display:flex;
color:#1d1d1d;
}
.feature-row .feature-con .feature-item a .icon{
font-size:22px;
margin-left:20px;
}
.feature-row .feature-con .feature-item a .ttl{
font-size:16px;
margin-bottom:5px;
}
.feature-row .feature-con .feature-item a .desc{
font-size:14px;
color:#888;
transition:all 0.3s;
}
.feature-row .feature-con .feature-item a:hover .desc{
transform:translateX(15px)
}
@media(max-width:767px) {
.basket-row {
flex-wrap: wrap;
margin-top: 15px;
margin-bottom: 60px;
}
.basket-row .basket-con {
min-width: 100%;
margin-left: 0;
margin-bottom: 30px;
}
.basket-row .form-con {
min-width: 100%;
}
.basket-row .basket-con .basket-head {
margin-bottom: 10px;
}
.basket-row .basket-con .basket-head .icon {
font-size: 18px;
margin-left: 5px;
}
.basket-row .basket-con .basket-head .ttl {
font-size: 14px;
margin-left: 5px;
}
.basket-row .basket-con .basket-head .count {
width: 28px;
height: 28px;
font-size: 12px;
}
.basket-row .form-con .form-head {
margin-bottom: 10px;
}
.basket-row .form-con .form-head .icon {
font-size: 18px;
margin-left: 5px;
}
.basket-row .form-con .form-desc {
font-size: 13px;
}
.form-filter3 input ~ .txt {
font-size: 14px;
}
.form-filter3 input ~ .txt .desc {
font-size: 10px;
}
.basket-row .form-con .btn-row {
margin-top: 5px;
}
.basket-row .form-con .btn-row .button {
font-size: 16px;
padding: 5px 5px;
}
.basket-row .form-con .btn-row .button .icon {
font-size: 18px;
margin-right: 5px;
transition: all 0.3s;
}
.basket-row .form-con .btn-row .button:hover .icon {
margin-right: 10px;
}
.basket-row .form-con .btn-row .button.pre {
margin-left: 5px;
}
.basket-row .form-con .btn-row .button.pre .icon {
margin-left: 5px;
}
.basket-row .form-con .btn-row .button.pre:hover .icon {
margin-left: 10px;
}
.feature-row{
margin-bottom:45px;
}
.feature-row .feature-con{
flex-wrap:wrap;
}
.feature-row .feature-con .feature-item{
min-width:100%;
padding:0;
margin-bottom:15px;
}
.feature-row .feature-con .feature-item a .icon {
font-size: 18px;
margin-left: 15px;
}
.feature-row .feature-con .feature-item a .ttl {
font-size: 14px;
margin-bottom: 5px;
}
.feature-row .feature-con .feature-item a .desc {
font-size: 10px;
}
}
/*___________ORDER___________*/
.order-row-con{
text-align:center;
min-height:300px;
}
.order-row{
margin:30px 0 90px 0;
border:1px solid #999;
display:inline-block;
width:100%;
max-width:850px;
text-align:right;
min-height:300px
}
.order-row.order-row-report {
min-height: initial;
margin: 0;
border: none;
}
.order-row .order-item{
display:flex;
background-color:#fff;
border-bottom:1px solid #999;
}
.order-row .order-item .order-pr {
display: flex;
border-left: 1px solid #ddd;
padding: 10px;
text-align: center;
align-items: flex-start
}
.order-row .order-item .order-pr .img{
width:64px;
height:64px;
display:inline-block;
}
.order-row .order-item .order-pr .img img{
width:100%;
height:100%;
object-fit:cover;
}
.order-row .order-item .order-pr .ttl{
text-align:center;
margin-top:5px;
font-size:16px;
color:#1d1d1d;
width:120px;
}
.order-row .order-item .pr-order-row{
flex-grow:1;
display: flex;
align-items: center;
}
.order-row .order-item .pr-order-item:last-of-type{
border-bottom:none;
}
.order-row .pr-order-row{
background-color:#fff;
}
.report-con{
margin:30px 0 90px 0;
border:1px solid #999;
display:inline-block;
background-color:#fff;
width:100%;
max-width:850px;
text-align:right;
min-height:300px;
}
.report-con.wait, .order-row-con.wait {
height: 300px;
overflow-y: hidden;
}
.waiting {
font-size: 20px;
background-color: rgba(255, 255, 255,.6);
min-height: 260px;
text-align: center;
flex-direction: column;
justify-content: center;
width: 100%;
vertical-align: middle;
display: grid;
align-content: center;
justify-items: center;
}
.waiting i {
font-style:normal;
margin-bottom:20px;
}
.pr-order-row .pr-order-con .pr-order-item.date-item {
background-color: #eee;
}
.report-date {
font-weight:bold;
color:#333
}
.report-btn {
padding: 10px;
text-align: center;
justify-content: center;
display: flex;
}
.report-btn.null {
height: 300px;
flex-direction: column;
align-items: center;
}
.report-btn a {
width: 100%;
max-width: 360px;
background-color: #1d1d1d;
padding: 7px;
font-size: 16px;
color: #fff;
display: flex;
align-items: center;
justify-content: center
}
.report-btn.null a {
max-width: 370px;
}
.report-btn a .icon{
font-size:22px;
margin-left:10px;
}
@media(max-width:767px){
.order-row{
margin:15px 0 60px 0;
}
.order-row .order-item{
flex-wrap:wrap;
}
.order-row .order-item .order-pr{
border-left:none;
border-bottom:1px solid #ddd;
min-width:100%;
padding:5px;
}
.order-row .order-item .order-pr a{
display:flex;
align-items:center;
}
.order-row .order-item .order-pr .img{
width:36px;
height:36px;
}
.order-row .order-item .order-pr .ttl{
margin-top:0;
margin-right:10px;
font-size:16px;
width:auto;
font-weight:bold
}
.order-row .order-item .pr-order-row{
min-width:100%;
}
.report-con {
margin: 15px 0 60px 0;
}
.pr-order-row .pr-order-con .pr-order-item.date-item {
font-size:12px;
}
.report-btn{
padding:5px;
}
.report-btn a{
padding:6px;
font-size:14px;
}
.report-btn a .icon{
font-size:18px;
margin-left:10px;
}
}
/*_________________Profile___________*/
.profile-row{
margin:30px 0 90px;
min-height:60vh;
}
.profile-row .profile-top-row{
display:flex;
align-items:center;
margin-bottom:30px;
}
.profile-row .profile-top-row .ttl-con{
font-size:18px;
}
.profile-row .profile-top-row .line{
flex-grow:1;
height:1px;
background-color:#1d1d1d;
margin:0 15px;
}
.profile-row .profile-top-row .btn-con .button{
display:flex;
background-color:#fff;
padding:5px 15px;
color:#1d1d1d;
align-items:center;
transition:all 0.3s;
}
.profile-row .profile-top-row .btn-con .button:hover{
background-color:#1d1d1d;
color:#fff;
}
.profile-row .profile-top-row .btn-con .button .icon{
font-size:21px;
margin-right:5px;
}
.profile-tab-row {
}
.profile-tab-row .tab-heads {
display: flex;
flex-wrap: nowrap;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
border-bottom:1px solid #1d1d1d;
}
.profile-tab-row .tab-heads li {
flex:1 0 0;
text-align: center;
transition: all 0.3s;
padding: 5px;
position:relative;
background-color:#fff;
}
.profile-tab-row .tab-heads li:not(:last-child) {
border-left:1px solid #ddd;
}
.profile-tab-row .tab-heads li:hover {
background-color:#ddd;
}
.profile-tab-row .tab-heads li.active {
opacity:1;
background-color:#1d1d1d;
}
.profile-tab-row .tab-heads li .head {
padding: 5px;
margin: 0;
transition: all 0.1s;
display:flex;
align-items:center;
justify-content:center;
color:#1d1d1d
}
.profile-tab-row .tab-heads li span.hidden-xs {
color: #1d1d1d
}
.profile-tab-row .tab-heads li.active span.hidden-xs {
color: #fff
}
.profile-tab-row .tab-heads li.active .head {
color:#fff
}
.profile-tab-row .tab-heads li .head .icon {
font-size: 22px;
display:block;
margin-left:10px;
}
.profile-tab-row .tab-heads li .head .txt {
font-size: 18px;
display: block;
margin: 0;
}
.profile-tab-row .tab-content {
padding-top:15px;
}
.orders-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
display: grid;
grid-gap: 15px;
}
.orders-row .order-item {
transition: all 0.3s;
background-color:#fff;
display:flex;
align-items:center;
padding:15px;
}
.orders-row .order-item .txt-con {
display: flex;
align-items: center;
flex-grow:1;
}
.orders-row .order-item .txt-con .info {
margin-left:30px;
}
.orders-row .order-item .txt-con .info .ttl {
font-size:12px;
color:#999;
}
.orders-row .order-item .txt-con .info .val {
font-size:16px;
}
.orders-row .order-item .btn-con .button {
display:flex;
align-items:center;
border:1px solid #ddd;
background-color:#eee;
color:#1d1d1d;
padding:4px 10px;
font-size:14px;
cursor:pointer;
transition:all 0.3s;
}
.orders-row .order-item .btn-con .button:hover {
border:1px solid #1d1d1d;
background-color:#1d1d1d;
color:#fff;
}
.orders-row .order-item .btn-con .button .icon {
margin-right:5px;
font-size:18px;
transition:all 0.3s;
}
.orders-row .order-item .btn-con .button:hover .icon {
margin-right:15px;
}
.fav-row {
grid-template-columns: repeat(3, minmax(0, 1fr));
display: grid;
grid-gap: 15px;
}
.fav-row .pr-item {
position: relative;
background-color: #fff;
padding:10px;
display:flex;
align-items:center;
justify-content:space-between
}
.fav-row .pr-item .pr-con {
display:flex;
align-items:center;
}
.fav-row .pr-item .pr-con img {
width:64px;
height:64px;
object-fit:cover;
margin-left:10px;
}
.fav-row .pr-item .pr-con .ttl {
font-size: 16px;
padding: 0;
margin: 0;
color:#1d1d1d;
}
.fav-row .pr-item .remove {
color: #1d1d1d;
margin-right:10px;
}
.fav-row .pr-item .remove:hover {
color: red;
}
.fav-row .pr-item .remove .icon {
font-size: 22px;
display: block;
}
.profile-form-row {
text-align:center;
}
.profile-form-row .profile-form-con{
display:inline-block;
width:100%;
text-align:initial;
background-color:#fff;
padding:3vw;
}
@media(max-width:1199px) {
.orders-row {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media(max-width:991px) {
.fav-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media(max-width:767px) {
.profile-row {
margin: 15px 0 30px;
}
.profile-row .profile-top-row {
margin-bottom: 15px;
}
.profile-row .profile-top-row .ttl-con {
font-size: 14px;
}
.profile-row .profile-top-row .line {
margin: 0 10px;
}
.profile-row .profile-top-row .btn-con .button {
font-size: 12px;
padding: 5px 10px;
}
.profile-row .profile-top-row .btn-con .button .icon {
font-size: 18px;
margin-right: 10px;
}
.profile-row .profile-top-row .btn-con .button .txt-d {
display: none;
}
.profile-tab-row .tab-heads li .head .icon {
font-size: 18px;
margin-left: 0;
}
.profile-tab-row .tab-heads li .head {
display:block
}
.profile-tab-row .tab-heads li .head .txt {
/* display: none;*/
font-size: 10px;
margin-top: 10px;
}
.profile-tab-row .tab-content {
padding-top: 10px;
}
.orders-row {
grid-gap: 10px;
}
.orders-row .order-item {
padding: 10px;
flex-wrap: wrap;
}
.orders-row .order-item .txt-con {
min-width: 100%;
margin-bottom: 10px;
justify-content: space-between;
}
.orders-row .order-item .txt-con .info {
margin-left: 0px;
}
.orders-row .order-item .btn-con {
display: flex;
justify-content: center;
min-width: 100%;
}
.orders-row .order-item .btn-con .button {
padding: 5px 5px;
font-size: 12px;
width: auto;
}
.orders-row .order-item .btn-con .button .icon {
font-size: 14px;
}
.orders-row .order-item .txt-con .info .ttl {
font-size: 10px;
}
.orders-row .order-item .txt-con .info .val {
font-size: 14px;
}
.fav-row {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 10px;
}
.fav-row .pr-item {
padding: 5px;
}
.fav-row .pr-item .pr-con img {
width: 48px;
height: 48px;
}
.fav-row .pr-item .pr-con .ttl {
font-size: 12px;
}
.fav-row .pr-item .remove {
padding: 10px;
}
.fav-row .pr-item .remove .icon {
font-size: 18px;
}
.profile-form-row .profile-form-con {
max-width: 100%;
padding:6vw 3vw;
}
}
/*_____________GUIDE______________*/
.guide-row {
margin-bottom:90px;
display:flex;
}
.guide-row .right-col{
width:220px;
min-width:220px;
}
.guide-row .main-col{
padding-left:220px;
}
.guide-row .guide-list-con{
padding-left:30px;
}
.guide-row .guide-list-con .head{
font-size:16px;
font-weight:300;
margin:14px 0;
}
.guide-row .guide-list-con .guide-list{
list-style:none;
padding:0;
margin:0;
}
.guide-row .guide-list-con .guide-list li{
border-top:1px solid #1d1d1d;
border-bottom:1px solid #1d1d1d;
text-align:center;
margin-bottom:-1px;
}
.guide-row .guide-list-con .guide-list li a{
font-size:16px;
font-weight:300;
color:#000;
transition:all 0.3s;
display:block;
padding:7px 15px;
}
.guide-row .guide-list-con .guide-list li a:hover{
background-color:#ddd;
}
.guide-row .guide-list-con .guide-list li.active a{
background-color:#1d1d1d;
color:#fff;
}
.guide-row .guide-item-con{
}
.guide-row .guide-item{
margin-top:-100px;
padding-top:100px;
margin-bottom:45px;
}
.guide-row .guide-item:last-of-type{
margin-bottom:0;
}
.guide-row .guide-item .guide-con{
padding:3vw;
background-color:#fff;
}
.guide-row .guide-item .guide-head{
position:relative;
margin-bottom:15px;
display:flex;
align-items:center
}
.guide-row .guide-item .guide-head:after{
content:'';
height:1px;
background-color:#000;
flex-grow:1;
}
.guide-row .guide-item .guide-head .head{
padding:0;
margin:0;
margin-left:15px;
font-size:18px;
}
.guide-row .guide-item .txt{
font-weight:300;
font-size:16px;
}
.faq-con{
}
.faq-con .faq-item{
background-color:#eee;
margin-bottom:15px;
}
.faq-con .faq-item:last-of-type{
margin-bottom:0;
}
.faq-con .faq-item .faq-ttl{
padding:7px 15px;
font-size:16px;
cursor:pointer;
}
.faq-con .faq-item .faq-answer{
padding:15px 15px;
font-weight:300;
font-size:16px;
border-top:1px solid #1d1d1d;
background-color:#fff
}
@media(max-width:991px){
.guide-row .main-col {
padding-left: 0;
}
}
@media(max-width:767px) {
.guide-row .right-col {
display: none;
}
.guide-row .guide-item {
margin-top: -65px;
padding-top: 65px;
margin-bottom: 30px;
}
.guide-row .guide-item .guide-con {
padding: 15px;
}
.guide-row .guide-item .guide-head .head {
margin-left: 10px;
font-size: 16px;
}
.guide-row .guide-item .txt {
font-size: 12px;
}
.faq-con .faq-item {
margin-bottom: 10px;
}
.faq-con .faq-item .faq-ttl {
font-size: 12px;
}
.faq-con .faq-item .faq-answer {
font-size: 12px;
}
}
/*____________NEWS__________*/
.news-row{
grid-template-columns: repeat(2, minmax(0, 1fr));
display: grid;
grid-gap: 15px;
margin-bottom:90px;
}
.news-row .news-item{
background-color:#fff;
padding:15px;
}
.news-row .news-item .item-con{
display:flex;
height:100%;
}
.news-row .news-item .item-con .img{
width:72px;
min-width:72px;
height:72px;
margin-left:10px;
background-color:#aaa;
}
.news-row .news-item .item-con .img img{
width:100%;
height:100%;
object-fit:cover;
}
.news-row .news-item .item-con .txt{
flex-grow:1;
display:flex;
flex-direction:column;
justify-content:space-between
}
.news-row .news-item .item-con .ttl{
font-size: 16px;
font-weight: 300;
color: #1d1d1d;
padding: 0;
margin: 0;
transition: all 0.3s;
min-width: 100%
}
.news-row .news-item .item-con:hover .ttl{
color:#999;
}
.news-row .news-item .item-con .date{
font-size:12px;
font-weight:100;
color:#999;
padding:0;
margin:0;
margin-top:10px;
}
.newspost-row{
display:flex;
margin:15px 0 90px 0;
}
.newspost-row .post-col{
flex:1 0 0;
margin-left:3vw;
overflow:hidden;
background-color:#fff;
}
.newspost-row .post-col .post-con{
padding:15px;
}
.newspost-row .post-col .post-con img{
width:100%;
}
.newspost-row .post-col .post-con .head1{
font-size:20px;
font-weight:300;
margin:15px 0;
}
.newspost-row .post-col .post-con .date{
font-size:12px;
font-weight:300;
color:#999;
margin-bottom:15px;
}
.newspost-row .post-col .post-con .post-body{
font-size:16px;
padding:15px;
}
.newspost-row .news-col{
flex:1 0 0;
}
.newspost-row .news-col .news-col-ttl{
font-size:18px;
margin-bottom:15px;
}
.newspost-row .news-col .news-row {
grid-template-columns: repeat(1, minmax(0, 1fr));
margin-bottom: 0;
}
@media(max-width:991px) {
.news-row {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.newspost-row {
flex-wrap: wrap;
}
.newspost-row .post-col {
min-width: 100%;
margin-left: 0;
margin-bottom: 60px;
}
.newspost-row .post-col .post-con {
padding: 3vw;
}
.newspost-row .news-col {
min-width: 100%;
}
}
@media(max-width:767px) {
.news-row {
grid-gap: 10px;
margin-bottom: 45px;
}
.news-row .news-item {
padding: 10px;
}
.news-row .news-item .item-con .img {
width: 64px;
min-width: 64px;
height: 64px;
}
.news-row .news-item .item-con .ttl {
font-size: 14px;
}
.news-row .news-item .item-con .date {
font-size: 10px;
margin-top: 5px;
}
.newspost-row {
margin: 15px 0 45px 0;
}
.newspost-row .post-col {
margin-bottom: 45px;
}
.newspost-row .post-col .post-con .head1 {
font-size: 18px;
margin: 10px 0;
}
.newspost-row .post-col .post-con .date {
font-size: 10px;
margin-bottom: 15px;
}
.newspost-row .post-col .post-con .post-body {
font-size: 14px;
padding: 0px;
}
.newspost-row .news-col .news-col-ttl {
font-size: 16px;
margin-bottom: 10px;
}
}
/*___________ABOUT CONTACT____________*/
.about-row{
width:100%; height:100vh;
display:flex;
position:relative;
}
.about-row .img-col{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:2
}
.about-row .img-col video{
width:100%;
height:100%;
object-fit:cover;
}
.about-row .txt-col{
z-index:3;
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
}
.about-row .txt-col .about-con{
background-color:#eee;
padding:3vw;
width:100%;
max-width:720px;
}
.about-row .txt-col .about-con .head1{
font-size:24px;
text-align:center;
font-weight:300;
margin:30px 0;
}
.about-row .txt-col .about-con .txt{
font-size:18px;
}
.about-row .txt-col .about-con .txt-foot{
margin-top:30px;
padding-top:30px;
font-style:italic;
position:relative;
font-size:14px;
}
.about-row .txt-col .about-con .txt-foot:before{
content:'';
position:absolute;
top:0;
right:0;
width:120px;
height:1px;
background-color:#1d1d1d;
}
.contact-row{
width:100%; min-height:100vh;
display:flex;
position:relative;
}
.contact-row .img-col{
flex:1 0 0;
}
.contact-row .img-col video,
.contact-row .img-col img{
width:100%;
height:100%;
object-fit:cover;
}
.contact-row .txt-col{
flex:1 0 0;
overflow:hidden;
}
.contact-row .txt-col .contact-txt {
font-size:16px;
line-height:2;
text-align:justify;
margin-bottom:20px;
}
.contact-row .contact-con{
color:#fff;
}
.contact-row .contact-con .head1{
font-size: 24px;
text-align: center;
font-weight: 300;
margin: 30px 0;
}
.contact-row .contact-con .contact-btn{
justify-content:center;
display:flex;
margin-bottom:60px;
flex-wrap:wrap;
}
.contact-row .contact-con .contact-btn a{
display:flex;
margin:5px;
background-color:#fff;
padding:7px 15px;
align-items:center;
color:#1d1d1d;
transition:all 0.3s;
position:relative
}
.contact-row .contact-con .contact-btn a:hover {
color: #fff;
}
.contact-row .contact-con .contact-btn a .icon{
font-size:22px;
margin-left:10px;
position:relative;
z-index:2;
}
.contact-row .contact-con .contact-btn a .txt{
font-size:18px;
direction:ltr;
position:relative;
z-index:2;
}
.contact-row .contact-con .contact-btn a:after{
content: '';
position: absolute;
right: 0;
top: 0;
width: 0%;
height: 100%;
background-color:#1d1d1d;
transition:all 0.3s;
z-index:1
}
.contact-row .contact-con .contact-btn a:hover:after{
width: 100%;
}
.contact-row .contact-con .contact-form-con .ttl-row{
display:flex;
align-items:center;
margin-bottom:15px;
}
.contact-row .contact-con .contact-form-con .ttl-row .ttl{
font-size:18px;
margin-left:15px;
}
.contact-row .contact-con .contact-form-con .ttl-row:after {
content: '';
flex-grow: 1;
height: 1px;
background-color: #999;
}
@media(max-width:991px) {
.about-row .txt-col {
padding: 3vw;
}
.about-row .txt-col .about-con {
width: 100%;
max-width: initial;
}
.contact-row {
flex-wrap: wrap;
}
.contact-row .img-col {
display: none;
}
.contact-row .txt-col {
min-width: 100%;
}
}
@media(max-width:767px) {
.about-row .txt-col {
padding: 6vw;
}
.about-row .txt-col .about-con {
padding: 15px;
}
.about-row .txt-col .about-con .head1 {
font-size: 18px;
margin: 15px 0;
}
.about-row .txt-col .about-con .txt {
font-size: 14px;
}
.about-row .txt-col .about-con .txt-foot {
margin-top: 15px;
padding-top: 15px;
font-size: 10px;
}
.contact-row .contact-con .head1 {
font-size: 18px;
margin: 15px 0;
}
.contact-row .contact-con .contact-btn {
margin-bottom: 45px;
}
.contact-row .contact-con .contact-btn a{
padding:5px 15px;
}
.contact-row .contact-con .contact-btn a .icon{
font-size:18px;
}
.contact-row .contact-con .contact-btn a .txt{
font-size:14px;
}
.contact-row .contact-con .contact-form-con {
margin-bottom: 45px;
}
.contact-row .contact-con .contact-form-con .ttl-row .ttl {
font-size: 14px;
margin-left: 10px;
}
}
.ps-scrollbar-y-rail, ps-scrollbar-x-rail {
display: none !important;
visibility:hidden !important
}
.rating {
border: none;
padding: 0;
display:inline-block
}
.rating > input {
display: none;
}
.rating > label:before {
margin-left: 2px;
font-size: 22px;
font-family: icomoon;
font-weight: normal;
display: inline-block;
content: "\e98a";
cursor: pointer;
}
.rating > input:checked ~ label:before, /* show fill star when clicked */
.rating:not(:checked) > label:hover:before,
.rating:not(:checked) > label:hover ~ label:before {
content: "\e9d9";
}
.rating > label {
color: #ccc;
float: right;
margin-bottom: 0;
transition: all 0.1s;
}
.rating.two > label {
color: #000;
}
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label {
color: #000;
}
/* hover previous stars in list */
.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
color: #666;
}
.ratings {
display:block;
width:100%;
text-align:left
}
.modal-res {
text-align: center;
padding: 10px ;
display: none;
margin-bottom:0 !important;
margin-top:10px;
color:#fff;
width:100%;
}
.modal-res.alerts {
background: #ca1e1e
}
.modal-res.success {
background: #23670f
}
#resmsg {
position: fixed;
top: 0;
left: 0;
width: 100%;
text-align: center;
color: #fff;
padding: 30px 10px;
z-index: 99999;
display: none;
font-size: 18px;
font-weight: bold
}
#resmsg.danger {
background: #ca1e1e
}
#resmsg.success {
background: #23670f
}
.jssocials-share {
display:block
}
.jssocials-share-link {
width: 100%;
display: flex;
justify-content: space-between;
color:#888
}
.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
color: #000;
}
a.showall {
border: 1px solid #777;
margin-bottom: 15px;
color: #000;
padding: 15px 10px;
line-height: 2;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
transition:all.5s
}
a.showall:hover {
border: 1px solid #777;
color: #fff;
background-color:#333;
}
a.showall span {
font-size: 24px;
margin-left: 10px
}
.lead {
color:#333 !important
}
label.tag.sale {
background-color: #e96110;
font-size: 15px;
padding: 2px 10px;
color: #fff;
text-align: center;
margin-right: 5px;
font-weight:normal
}
#drpsort {
width: 100%;
margin-bottom: 15px;
padding: 5px 0;
}
@media(min-width:560px) and (max-width:767px) {
.header-row.footer {
display:none !important;
}
}
.product-height {
width: 25px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.product-height div {
transform: rotate(90deg);
display: block;
font-size: 20px;
color: #000;
white-space: nowrap;
text-align: center;
}
.product-height span {
font-size: 30px;
transform: scaleY(1.5);
font-weight:700
}
.product-height span.icon-arrow-down {
margin-bottom: 15px;
}
.product-height span.icon-arrow-up {
margin-top: 15px;
}
.product-height div p {
margin: 0;
background: #eee;
display: inline-block;
padding: 0 10px;
}
.line-dir {
width: 2px;
margin-left: -17px;
background: #1d1d1d;
margin-right: 17px;
margin-top: 50px;
}
@media(max-width:1199px) {
.product-con .info-col {
position:relative
}
.product-height {
position: absolute;
top: 80px;
left: 8px;
z-index:2
}
.line-dir {
position: absolute;
top: 50px;
left: 33px;
z-index: 1;
}
}
@media(max-width:767px) {
.product-height {
left: calc(15vw + 5px);
}
.line-dir {
left: calc(15vw + 30px);
}
}