@charset "UTF-8";
@charset "UTF-8";
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:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{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]{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;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box}:after,:before{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:Karla,Arial,sans-serif;font-size:15px;line-height:1.33333333;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#00b19e;text-decoration:none}a:focus,a:hover{color:#00655a;text-decoration:underline}a:focus{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:4px}.img-thumbnail{padding:4px;line-height:1.33333333;background-color:#fff;border:1px solid #ddd;border-radius:2px;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:19px;margin-bottom:19px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;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}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:19px;margin-bottom:9.5px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:9.5px;margin-bottom:9.5px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:39px}.h2,h2{font-size:32px}.h3,h3{font-size:26px}.h4,h4{font-size:19px}.h5,h5{font-size:15px}.h6,h6{font-size:13px}p{margin:0 0 9.5px}.lead{margin-bottom:19px;font-size:17px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:22.5px}}.small,small{font-size:86%}.mark,mark{padding:.2em;background-color:#f5d16f}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#00b19e}a.text-primary:focus,a.text-primary:hover{color:#007e70}.text-success{color:#fff}a.text-success:focus,a.text-success:hover{color:#e6e6e6}.text-info{color:#fff}a.text-info:focus,a.text-info:hover{color:#e6e6e6}.text-warning{color:#fff}a.text-warning:focus,a.text-warning:hover{color:#e6e6e6}.text-danger{color:#fff}a.text-danger:focus,a.text-danger:hover{color:#e6e6e6}.bg-primary{color:#fff;background-color:#00b19e}a.bg-primary:focus,a.bg-primary:hover{background-color:#007e70}.bg-success{background-color:#b5e07b}a.bg-success:focus,a.bg-success:hover{background-color:#9ed652}.bg-info{background-color:#74d6f6}a.bg-info:focus,a.bg-info:hover{background-color:#44c8f3}.bg-warning{background-color:#f5d16f}a.bg-warning:focus,a.bg-warning:hover{background-color:#f2c23f}.bg-danger{background-color:#e44c52}a.bg-danger:focus,a.bg-danger:hover{background-color:#dc2129}.page-header{padding-bottom:8.5px;margin:38px 0 19px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:9.5px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:19px}dd,dt{line-height:1.33333333}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:9.5px 19px;margin:0 0 19px;font-size:18.75px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.33333333;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:19px;font-style:normal;line-height:1.33333333}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:2px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:1px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;box-shadow:none}pre{display:block;padding:9px;margin:0 0 9.5px;font-size:14px;line-height:1.33333333;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:2px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{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-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{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-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{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-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{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}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:19px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.33333333;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>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#b5e07b}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#a9db66}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#74d6f6}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#5ccff4}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#f5d16f}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#f3c957}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#e44c52}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#e1363d}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:14.25px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:19px;font-size:22.5px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:15px;line-height:1.33333333;color:#555}.form-control{display:block;width:100%;height:33px;padding:6px 12px;font-size:15px;line-height:1.33333333;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:2px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.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::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:33px}.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],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:31px}.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],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:48px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:19px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:31px;padding:5px 10px;font-size:13px;line-height:1.5;border-radius:1px}select.input-sm{height:31px;line-height:31px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:31px;padding:5px 10px;font-size:13px;line-height:1.5;border-radius:1px}.form-group-sm select.form-control{height:31px;line-height:31px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:31px;min-height:32px;padding:6px 10px;font-size:13px;line-height:1.5}.input-lg{height:48px;padding:10px 16px;font-size:19px;line-height:1.3333333;border-radius:4px}select.input-lg{height:48px;line-height:48px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:48px;padding:10px 16px;font-size:19px;line-height:1.3333333;border-radius:4px}.form-group-lg select.form-control{height:48px;line-height:48px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:48px;min-height:38px;padding:11px 16px;font-size:19px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:41.25px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:33px;height:33px;line-height:33px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:48px;height:48px;line-height:48px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:31px;height:31px;line-height:31px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#fff}.has-success .form-control{border-color:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#e6e6e6;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff}.has-success .input-group-addon{color:#fff;background-color:#b5e07b;border-color:#fff}.has-success .form-control-feedback{color:#fff}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#fff}.has-warning .form-control{border-color:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#e6e6e6;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff}.has-warning .input-group-addon{color:#fff;background-color:#f5d16f;border-color:#fff}.has-warning .form-control-feedback{color:#fff}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#fff}.has-error .form-control{border-color:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#e6e6e6;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #fff}.has-error .input-group-addon{color:#fff;background-color:#e44c52;border-color:#fff}.has-error .form-control-feedback{color:#fff}.has-feedback label~.form-control-feedback{top:24px}.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 .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:26px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:19px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:13px}}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{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;font-size:15px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:2px;box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:8.5px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.33333333;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#00b19e;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:13px;line-height:1.33333333;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.alert{padding:15px;margin-bottom:19px;border:1px solid transparent;border-radius:2px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.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{color:#fff;background-color:#b5e07b;border-color:#bddb66}.alert-success hr{border-top-color:#b4d652}.alert-success .alert-link{color:#e6e6e6}.alert-info{color:#fff;background-color:#74d6f6;border-color:#52e7f4}.alert-info hr{border-top-color:#3be4f2}.alert-info .alert-link{color:#e6e6e6}.alert-warning{color:#fff;background-color:#f5d16f;border-color:#f3af57}.alert-warning hr{border-top-color:#f2a43f}.alert-warning .alert-link{color:#e6e6e6}.alert-danger{color:#fff;background-color:#e44c52;border-color:#e13659}.alert-danger hr{border-top-color:#dc2148}.alert-danger .alert-link{color:#e6e6e6}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.close{float:right;font-size:22.5px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tooltip{position:absolute;z-index:1070;display:block;font-family:Karla,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.33333333;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:13px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.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{right:5px;bottom:0;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}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:2px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.row:after,.row:before{display:table;content:" "}.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left: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}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.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!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.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!important}tr.visible-md{display:table-row!important}td.visible-md,th.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!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.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!important}tr.visible-print{display:table-row!important}td.visible-print,th.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}}

.clearfix:before,
.clearfix:after,
.wrapper:before,
.wrapper:after,
.standard-menu-container:before,
.standard-menu-container:after,
.dropdown .dropdown-toggle:before,
.dropdown .dropdown-toggle:after,
.woocommerce .woocommerce-Reviews .comment-form:before,
.woocommerce .woocommerce-Reviews .comment-form:after,
.woocommerce-Message:before,
.woocommerce-Message:after,
.woocommerce-notice:before,
.woocommerce-notice:after,
.woocommerce-info:before,
.woocommerce-info:after,
.woocommerce-message:before,
.woocommerce-message:after,
.woocommerce-error:before,
.woocommerce-error:after {
display: table;
content: " ";
}
.clearfix:after,
.wrapper:after,
.standard-menu-container:after,
.dropdown .dropdown-toggle:after,
.woocommerce .woocommerce-Reviews .comment-form:after,
.woocommerce-Message:after,
.woocommerce-notice:after,
.woocommerce-info:after,
.woocommerce-message:after,
.woocommerce-error:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: 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;
}
.affix {
position: fixed;
}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-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;
} @-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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.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(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.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;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
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 heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
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(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-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-duration: 0.75s;
animation-duration: 0.75s;
-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-animation-duration: 0.75s;
animation-duration: 0.75s;
-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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@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);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
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-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@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: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-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(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.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.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 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;
}
.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.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion: reduce) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
} .ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
} .ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px; bottom: 0px; position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px; right: 0; position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
} .ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px; bottom: 2px; position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px; right: 2px; position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
} @supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}   .circle-pulse,
.circle-pulse span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.circle-pulse {
overflow: visible;
padding-top: 32px;
height: 0;
width: 32px;
}
.circle-pulse span {
height: 0;
width: 0;
box-sizing: border-box;
border: 0 solid #fff;
border-radius: 50%;
-webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
@-webkit-keyframes loader-figure {
0% {
height: 0;
width: 0;
background-color: #fff;
}
29% {
background-color: #fff;
}
30% {
height: 32px;
width: 32px;
background-color: transparent;
border-width: 16px;
opacity: 1;
}
100% {
height: 32px;
width: 32px;
border-width: 0;
opacity: 0;
background-color: transparent;
}
}
@keyframes loader-figure {
0% {
height: 0;
width: 0;
background-color: #fff;
}
29% {
background-color: #fff;
}
30% {
height: 32px;
width: 32px;
background-color: transparent;
border-width: 16px;
opacity: 1;
}
100% {
height: 32px;
width: 32px;
border-width: 0;
opacity: 0;
background-color: transparent;
}
} .modern-circular {
position: relative;
margin: 0 auto;
width: 32px;
}
.modern-circular:before {
content: '';
display: block;
padding-top: 100%;
}
.modern-circular .circular {
-webkit-animation: mc-rotate 2s linear infinite;
animation: mc-rotate 2s linear infinite;
height: 100%;
-webkit-transform-origin: center center;
transform-origin: center center;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.modern-circular .path {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
stroke: #fff;
-webkit-animation: mc-dash 1.5s ease-in-out infinite;
animation: mc-dash 1.5s ease-in-out infinite;
stroke-linecap: round;
}
@-webkit-keyframes mc-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes mc-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes mc-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes mc-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
} @-webkit-keyframes spin--clockwise {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin--clockwise {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin--counter-clockwise {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes spin--counter-clockwise {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.double-circle-rotate {
position: relative;
width: 32px;
height: 32px;
}
.double-circle-rotate > span {
position: absolute;
display: block;
width: 32px;
height: 32px;
border: 2px solid #fff;
border-radius: 50%;
border-bottom-color: transparent;
}
.double-circle-rotate > span:nth-child(1) {
-webkit-animation-name: spin--clockwise;
animation-name: spin--clockwise;
-webkit-animation-duration: 990ms;
animation-duration: 990ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.double-circle-rotate > span:nth-child(2) {
width: 14px;
height: 14px;
left: 50%;
top: 50%;
margin-left: -7px;
margin-top: -7px;
-webkit-animation-name: spin--counter-clockwise;
animation-name: spin--counter-clockwise;
-webkit-animation-duration: 990ms;
animation-duration: 990ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
} @-webkit-keyframes scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
45% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.7; }
80% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
@keyframes scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
45% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.7; }
80% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
.ball-pulse > span:nth-child(1) {
-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > span:nth-child(2) {
-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > span:nth-child(3) {
-webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block; }
@-webkit-keyframes ball-pulse-sync {
33% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
66% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes ball-pulse-sync {
33% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
66% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
.ball-pulse-sync > span:nth-child(1) {
-webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; }
.ball-pulse-sync > span:nth-child(2) {
-webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; }
.ball-pulse-sync > span:nth-child(3) {
-webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }
.ball-pulse-sync > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block; }
@-webkit-keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
@keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
.ball-scale > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
height: 60px;
width: 60px;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite; }
@keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
.ball-scale > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
height: 60px;
width: 60px;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite; }
.ball-scale-random {
width: 37px;
height: 40px; }
.ball-scale-random > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
display: inline-block;
height: 30px;
width: 30px;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite; }
.ball-scale-random > span:nth-child(1) {
margin-left: -7px;
-webkit-animation: ball-scale 1s 0.2s ease-in-out infinite;
animation: ball-scale 1s 0.2s ease-in-out infinite; }
.ball-scale-random > span:nth-child(3) {
margin-left: -2px;
margin-top: 9px;
-webkit-animation: ball-scale 1s 0.5s ease-in-out infinite;
animation: ball-scale 1s 0.5s ease-in-out infinite; }
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.ball-rotate {
position: relative; }
.ball-rotate > span {
display: block;
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: relative; }
.ball-rotate > span:first-child {
-webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; }
.ball-rotate > span:before, .ball-rotate > span:after {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
content: "";
position: absolute;
opacity: 0.8; }
.ball-rotate > span:before {
top: 0px;
left: -28px; }
.ball-rotate > span:after {
top: 0px;
left: 25px; }
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.ball-clip-rotate > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
border: 2px solid #fff;
border-bottom-color: transparent;
height: 26px;
width: 26px;
background: transparent !important;
display: inline-block;
-webkit-animation: rotate 0.75s 0s linear infinite;
animation: rotate 0.75s 0s linear infinite; }
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6); }
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1); } }
@keyframes scale {
30% {
-webkit-transform: scale(0.3);
transform: scale(0.3); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
.ball-clip-rotate-pulse {
position: relative;
-webkit-transform: translateY(-15px);
transform: translateY(-15px); }
.ball-clip-rotate-pulse > span {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
top: 0px;
left: 0px;
border-radius: 100%; }
.ball-clip-rotate-pulse > span:first-child {
background: #fff;
height: 16px;
width: 16px;
top: 7px;
left: -7px;
-webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
.ball-clip-rotate-pulse > span:last-child {
position: absolute;
border: 2px solid #fff;
width: 30px;
height: 30px;
left: -16px;
top: -2px;
background: transparent;
border: 2px solid;
border-color: #fff transparent #fff transparent;
-webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
-webkit-animation-duration: 1s;
animation-duration: 1s; }
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6); }
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1); } }
.ball-clip-rotate-multiple {
position: relative; }
.ball-clip-rotate-multiple > span {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
left: -20px;
top: -20px;
border: 2px solid #fff;
border-bottom-color: transparent;
border-top-color: transparent;
border-radius: 100%;
height: 35px;
width: 35px;
-webkit-animation: rotate 1s 0s ease-in-out infinite;
animation: rotate 1s 0s ease-in-out infinite; }
.ball-clip-rotate-multiple > span:last-child {
display: inline-block;
top: -10px;
left: -10px;
width: 15px;
height: 15px;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
border-color: #fff transparent #fff transparent;
-webkit-animation-direction: reverse;
animation-direction: reverse; }
@-webkit-keyframes ball-scale-ripple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1; }
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7; }
100% {
opacity: 0.0; } }
@keyframes ball-scale-ripple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1; }
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7; }
100% {
opacity: 0.0; } }
.ball-scale-ripple > span {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
height: 50px;
width: 50px;
border-radius: 100%;
display: block;
border: 2px solid #fff;
-webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }
@-webkit-keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1; }
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7; }
100% {
opacity: 0.0; } }
@keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1; }
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7; }
100% {
opacity: 0.0; } }
.ball-scale-ripple-multiple {
position: relative;
-webkit-transform: translateY(-25px);
transform: translateY(-25px); }
.ball-scale-ripple-multiple > span:nth-child(0) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
.ball-scale-ripple-multiple > span:nth-child(1) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; }
.ball-scale-ripple-multiple > span:nth-child(2) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.ball-scale-ripple-multiple > span:nth-child(3) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.ball-scale-ripple-multiple > span {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
top: -2px;
left: -26px;
width: 50px;
height: 50px;
border-radius: 100%;
border: 2px solid #fff;
-webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }
@-webkit-keyframes ball-beat {
50% {
opacity: 0.2;
-webkit-transform: scale(0.75);
transform: scale(0.75); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes ball-beat {
50% {
opacity: 0.2;
-webkit-transform: scale(0.75);
transform: scale(0.75); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
.ball-beat > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation: ball-beat 0.7s 0s infinite linear;
animation: ball-beat 0.7s 0s infinite linear; }
.ball-beat > span:nth-child(2n-1) {
-webkit-animation-delay: -0.35s !important;
animation-delay: -0.35s !important; }
@-webkit-keyframes ball-scale-multiple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
5% {
opacity: 1; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
@keyframes ball-scale-multiple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
5% {
opacity: 1; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
.ball-scale-multiple {
position: relative;
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
.ball-scale-multiple > span:nth-child(2) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.ball-scale-multiple > span:nth-child(3) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.ball-scale-multiple > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
left: -30px;
top: 0px;
opacity: 0;
margin: 0;
width: 60px;
height: 60px;
-webkit-animation: ball-scale-multiple 1s 0s linear infinite;
animation: ball-scale-multiple 1s 0s linear infinite; }
@-webkit-keyframes ball-triangle-path-1 {
33% {
-webkit-transform: translate(25px, -50px);
transform: translate(25px, -50px); }
66% {
-webkit-transform: translate(50px, 0px);
transform: translate(50px, 0px); }
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px); } }
@keyframes ball-triangle-path-1 {
33% {
-webkit-transform: translate(25px, -50px);
transform: translate(25px, -50px); }
66% {
-webkit-transform: translate(50px, 0px);
transform: translate(50px, 0px); }
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px); } }
@-webkit-keyframes ball-triangle-path-2 {
33% {
-webkit-transform: translate(25px, 50px);
transform: translate(25px, 50px); }
66% {
-webkit-transform: translate(-25px, 50px);
transform: translate(-25px, 50px); }
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px); } }
@keyframes ball-triangle-path-2 {
33% {
-webkit-transform: translate(25px, 50px);
transform: translate(25px, 50px); }
66% {
-webkit-transform: translate(-25px, 50px);
transform: translate(-25px, 50px); }
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px); } }
@-webkit-keyframes ball-triangle-path-3 {
33% {
-webkit-transform: translate(-50px, 0px);
transform: translate(-50px, 0px); }
66% {
-webkit-transform: translate(-25px, -50px);
transform: translate(-25px, -50px); }
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px); } }
@keyframes ball-triangle-path-3 {
33% {
-webkit-transform: translate(-50px, 0px);
transform: translate(-50px, 0px); }
66% {
-webkit-transform: translate(-25px, -50px);
transform: translate(-25px, -50px); }
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px); } }
.ball-triangle-path {
position: relative;
-webkit-transform: translate(-29.994px, -37.50938px);
transform: translate(-29.994px, -37.50938px); }
.ball-triangle-path > span:nth-child(1) {
-webkit-animation-name: ball-triangle-path-1;
animation-name: ball-triangle-path-1;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.ball-triangle-path > span:nth-child(2) {
-webkit-animation-name: ball-triangle-path-2;
animation-name: ball-triangle-path-2;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.ball-triangle-path > span:nth-child(3) {
-webkit-animation-name: ball-triangle-path-3;
animation-name: ball-triangle-path-3;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.ball-triangle-path > span {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
width: 10px;
height: 10px;
border-radius: 100%;
border: 1px solid #fff; }
.ball-triangle-path > span:nth-of-type(1) {
top: 50px; }
.ball-triangle-path > span:nth-of-type(2) {
left: 25px; }
.ball-triangle-path > span:nth-of-type(3) {
top: 50px;
left: 50px; }
@-webkit-keyframes ball-pulse-rise-even {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
25% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4); }
75% {
-webkit-transform: translateY(30px);
transform: translateY(30px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes ball-pulse-rise-even {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
25% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4); }
75% {
-webkit-transform: translateY(30px);
transform: translateY(30px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(1);
transform: scale(1); } }
@-webkit-keyframes ball-pulse-rise-odd {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4); }
25% {
-webkit-transform: translateY(30px);
transform: translateY(30px); }
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
75% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(0.75);
transform: scale(0.75); } }
@keyframes ball-pulse-rise-odd {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4); }
25% {
-webkit-transform: translateY(30px);
transform: translateY(30px); }
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
75% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(0.75);
transform: scale(0.75); } }
.ball-pulse-rise > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0; }
.ball-pulse-rise > span:nth-child(2n) {
-webkit-animation-name: ball-pulse-rise-even;
animation-name: ball-pulse-rise-even; }
.ball-pulse-rise > span:nth-child(2n-1) {
-webkit-animation-name: ball-pulse-rise-odd;
animation-name: ball-pulse-rise-odd; }
@-webkit-keyframes ball-grid-beat {
50% {
opacity: 0.7; }
100% {
opacity: 1; } }
@keyframes ball-grid-beat {
50% {
opacity: 0.7; }
100% {
opacity: 1; } }
.ball-grid-beat {
width: 57px; }
.ball-grid-beat > span:nth-child(1) {
-webkit-animation-delay: 0.49s;
animation-delay: 0.49s;
-webkit-animation-duration: 0.93s;
animation-duration: 0.93s; }
.ball-grid-beat > span:nth-child(2) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
-webkit-animation-duration: 1.02s;
animation-duration: 1.02s; }
.ball-grid-beat > span:nth-child(3) {
-webkit-animation-delay: 0.63s;
animation-delay: 0.63s;
-webkit-animation-duration: 1.07s;
animation-duration: 1.07s; }
.ball-grid-beat > span:nth-child(4) {
-webkit-animation-delay: -0.04s;
animation-delay: -0.04s;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s; }
.ball-grid-beat > span:nth-child(5) {
-webkit-animation-delay: 0.21s;
animation-delay: 0.21s;
-webkit-animation-duration: 1.41s;
animation-duration: 1.41s; }
.ball-grid-beat > span:nth-child(6) {
-webkit-animation-delay: -0.08s;
animation-delay: -0.08s;
-webkit-animation-duration: 0.66s;
animation-duration: 0.66s; }
.ball-grid-beat > span:nth-child(7) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-duration: 1.36s;
animation-duration: 1.36s; }
.ball-grid-beat > span:nth-child(8) {
-webkit-animation-delay: 0.78s;
animation-delay: 0.78s;
-webkit-animation-duration: 1.17s;
animation-duration: 1.17s; }
.ball-grid-beat > span:nth-child(9) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-duration: 1.49s;
animation-duration: 1.49s; }
.ball-grid-beat > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
float: left;
-webkit-animation-name: ball-grid-beat;
animation-name: ball-grid-beat;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0; }
@-webkit-keyframes ball-grid-pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.7; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
@keyframes ball-grid-pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.7; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
.ball-grid-pulse {
width: 57px; }
.ball-grid-pulse > span:nth-child(1) {
-webkit-animation-delay: 0.19s;
animation-delay: 0.19s;
-webkit-animation-duration: 0.98s;
animation-duration: 0.98s; }
.ball-grid-pulse > span:nth-child(2) {
-webkit-animation-delay: 0.48s;
animation-delay: 0.48s;
-webkit-animation-duration: 1.58s;
animation-duration: 1.58s; }
.ball-grid-pulse > span:nth-child(3) {
-webkit-animation-delay: 0.58s;
animation-delay: 0.58s;
-webkit-animation-duration: 1.13s;
animation-duration: 1.13s; }
.ball-grid-pulse > span:nth-child(4) {
-webkit-animation-delay: 0.63s;
animation-delay: 0.63s;
-webkit-animation-duration: 0.98s;
animation-duration: 0.98s; }
.ball-grid-pulse > span:nth-child(5) {
-webkit-animation-delay: 0.06s;
animation-delay: 0.06s;
-webkit-animation-duration: 0.64s;
animation-duration: 0.64s; }
.ball-grid-pulse > span:nth-child(6) {
-webkit-animation-delay: 0.38s;
animation-delay: 0.38s;
-webkit-animation-duration: 0.85s;
animation-duration: 0.85s; }
.ball-grid-pulse > span:nth-child(7) {
-webkit-animation-delay: -0.06s;
animation-delay: -0.06s;
-webkit-animation-duration: 1.53s;
animation-duration: 1.53s; }
.ball-grid-pulse > span:nth-child(8) {
-webkit-animation-delay: 0.57s;
animation-delay: 0.57s;
-webkit-animation-duration: 0.76s;
animation-duration: 0.76s; }
.ball-grid-pulse > span:nth-child(9) {
-webkit-animation-delay: 0.73s;
animation-delay: 0.73s;
-webkit-animation-duration: 0.98s;
animation-duration: 0.98s; }
.ball-grid-pulse > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
float: left;
-webkit-animation-name: ball-grid-pulse;
animation-name: ball-grid-pulse;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0; }
@-webkit-keyframes ball-spin-fade-loader {
50% {
opacity: 0.3;
-webkit-transform: scale(0.4);
transform: scale(0.4); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes ball-spin-fade-loader {
50% {
opacity: 0.3;
-webkit-transform: scale(0.4);
transform: scale(0.4); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
.ball-spin-fade-loader {
position: relative;
top: -10px;
left: -10px; }
.ball-spin-fade-loader > span:nth-child(1) {
top: 25px;
left: 0;
-webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
.ball-spin-fade-loader > span:nth-child(2) {
top: 17.04545px;
left: 17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
.ball-spin-fade-loader > span:nth-child(3) {
top: 0;
left: 25px;
-webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
.ball-spin-fade-loader > span:nth-child(4) {
top: -17.04545px;
left: 17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
.ball-spin-fade-loader > span:nth-child(5) {
top: -25px;
left: 0;
-webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
.ball-spin-fade-loader > span:nth-child(6) {
top: -17.04545px;
left: -17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
.ball-spin-fade-loader > span:nth-child(7) {
top: 0;
left: -25px;
-webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
.ball-spin-fade-loader > span:nth-child(8) {
top: 17.04545px;
left: -17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
.ball-spin-fade-loader > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute; }
@-webkit-keyframes ball-spin-loader {
75% {
opacity: 0.2; }
100% {
opacity: 1; } }
@keyframes ball-spin-loader {
75% {
opacity: 0.2; }
100% {
opacity: 1; } }
.ball-spin-loader {
position: relative; }
.ball-spin-loader > span:nth-child(1) {
top: 45px;
left: 0;
-webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
animation: ball-spin-loader 2s 0.9s infinite linear; }
.ball-spin-loader > span:nth-child(2) {
top: 30.68182px;
left: 30.68182px;
-webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
animation: ball-spin-loader 2s 1.8s infinite linear; }
.ball-spin-loader > span:nth-child(3) {
top: 0;
left: 45px;
-webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
animation: ball-spin-loader 2s 2.7s infinite linear; }
.ball-spin-loader > span:nth-child(4) {
top: -30.68182px;
left: 30.68182px;
-webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
animation: ball-spin-loader 2s 3.6s infinite linear; }
.ball-spin-loader > span:nth-child(5) {
top: -45px;
left: 0;
-webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
animation: ball-spin-loader 2s 4.5s infinite linear; }
.ball-spin-loader > span:nth-child(6) {
top: -30.68182px;
left: -30.68182px;
-webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
animation: ball-spin-loader 2s 5.4s infinite linear; }
.ball-spin-loader > span:nth-child(7) {
top: 0;
left: -45px;
-webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
animation: ball-spin-loader 2s 6.3s infinite linear; }
.ball-spin-loader > span:nth-child(8) {
top: 30.68182px;
left: -30.68182px;
-webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
animation: ball-spin-loader 2s 7.2s infinite linear; }
.ball-spin-loader > span {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
width: 15px;
height: 15px;
border-radius: 100%;
background: green; }
@-webkit-keyframes ball-zig {
33% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px); }
66% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes ball-zig {
33% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px); }
66% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@-webkit-keyframes ball-zag {
33% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px); }
66% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes ball-zag {
33% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px); }
66% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
.ball-zig-zag {
position: relative;
-webkit-transform: translate(-15px, -15px);
transform: translate(-15px, -15px); }
.ball-zig-zag > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
margin-left: 15px;
top: 4px;
left: -7px; }
.ball-zig-zag > span:first-child {
-webkit-animation: ball-zig 0.7s 0s infinite linear;
animation: ball-zig 0.7s 0s infinite linear; }
.ball-zig-zag > span:last-child {
-webkit-animation: ball-zag 0.7s 0s infinite linear;
animation: ball-zag 0.7s 0s infinite linear; }
@-webkit-keyframes ball-zig-deflect {
17% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px); }
34% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px); }
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
67% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px); }
84% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes ball-zig-deflect {
17% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px); }
34% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px); }
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
67% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px); }
84% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@-webkit-keyframes ball-zag-deflect {
17% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px); }
34% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px); }
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
67% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px); }
84% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes ball-zag-deflect {
17% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px); }
34% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px); }
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
67% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px); }
84% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
.ball-zig-zag-deflect {
position: relative;
-webkit-transform: translate(-15px, -15px);
transform: translate(-15px, -15px); }
.ball-zig-zag-deflect > span {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
margin-left: 15px;
top: 4px;
left: -7px; }
.ball-zig-zag-deflect > span:first-child {
-webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
animation: ball-zig-deflect 1.5s 0s infinite linear; }
.ball-zig-zag-deflect > span:last-child {
-webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
animation: ball-zag-deflect 1.5s 0s infinite linear; } @-webkit-keyframes line-scale {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4); }
100% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
@keyframes line-scale {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4); }
100% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
.line-scale > span:nth-child(1) {
-webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > span:nth-child(2) {
-webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > span:nth-child(3) {
-webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > span:nth-child(4) {
-webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > span:nth-child(5) {
-webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > span {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block; }
@-webkit-keyframes line-scale-party {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes line-scale-party {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
.line-scale-party > span:nth-child(1) {
-webkit-animation-delay: 0.55s;
animation-delay: 0.55s;
-webkit-animation-duration: 1.23s;
animation-duration: 1.23s; }
.line-scale-party > span:nth-child(2) {
-webkit-animation-delay: 0.55s;
animation-delay: 0.55s;
-webkit-animation-duration: 0.55s;
animation-duration: 0.55s; }
.line-scale-party > span:nth-child(3) {
-webkit-animation-delay: 0.09s;
animation-delay: 0.09s;
-webkit-animation-duration: 0.39s;
animation-duration: 0.39s; }
.line-scale-party > span:nth-child(4) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-duration: 0.59s;
animation-duration: 0.59s; }
.line-scale-party > span {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation-name: line-scale-party;
animation-name: line-scale-party;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0; }
@-webkit-keyframes line-scale-pulse-out {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4); }
100% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
@keyframes line-scale-pulse-out {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4); }
100% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
.line-scale-pulse-out > span {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
.line-scale-pulse-out > span:nth-child(2), .line-scale-pulse-out > span:nth-child(4) {
-webkit-animation-delay: -0.4s !important;
animation-delay: -0.4s !important; }
.line-scale-pulse-out > span:nth-child(1), .line-scale-pulse-out > span:nth-child(5) {
-webkit-animation-delay: -0.2s !important;
animation-delay: -0.2s !important; }
@-webkit-keyframes line-scale-pulse-out-rapid {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
80% {
-webkit-transform: scaley(0.3);
transform: scaley(0.3); }
90% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
@keyframes line-scale-pulse-out-rapid {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
80% {
-webkit-transform: scaley(0.3);
transform: scaley(0.3); }
90% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
.line-scale-pulse-out-rapid > span {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
vertical-align: middle;
-webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); }
.line-scale-pulse-out-rapid > span:nth-child(2), .line-scale-pulse-out-rapid > span:nth-child(4) {
-webkit-animation-delay: -0.25s !important;
animation-delay: -0.25s !important; }
.line-scale-pulse-out-rapid > span:nth-child(1), .line-scale-pulse-out-rapid > span:nth-child(5) {
-webkit-animation-delay: 0s !important;
animation-delay: 0s !important; }
@-webkit-keyframes line-spin-fade-loader {
50% {
opacity: 0.3; }
100% {
opacity: 1; } }
@keyframes line-spin-fade-loader {
50% {
opacity: 0.3; }
100% {
opacity: 1; } }
.line-spin-fade-loader {
position: relative;
top: -10px;
left: -4px; }
.line-spin-fade-loader > span:nth-child(1) {
top: 20px;
left: 0;
-webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; }
.line-spin-fade-loader > span:nth-child(2) {
top: 13.63636px;
left: 13.63636px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; }
.line-spin-fade-loader > span:nth-child(3) {
top: 0;
left: 20px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; }
.line-spin-fade-loader > span:nth-child(4) {
top: -13.63636px;
left: 13.63636px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; }
.line-spin-fade-loader > span:nth-child(5) {
top: -20px;
left: 0;
-webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; }
.line-spin-fade-loader > span:nth-child(6) {
top: -13.63636px;
left: -13.63636px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; }
.line-spin-fade-loader > span:nth-child(7) {
top: 0;
left: -20px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; }
.line-spin-fade-loader > span:nth-child(8) {
top: 13.63636px;
left: -13.63636px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; }
.line-spin-fade-loader > span {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
width: 5px;
height: 15px; } @-webkit-keyframes triangle-skew-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0); } }
@keyframes triangle-skew-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0); } }
.triangle-skew-spin > span {
display: block;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #fff;
-webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
@-webkit-keyframes square-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0); } }
@keyframes square-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0); } }
.square-spin > span {
display: block;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 50px;
height: 50px;
background: #fff;
-webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
@-webkit-keyframes rotate_pacman_half_up {
0% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); } }
@keyframes rotate_pacman_half_up {
0% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); } }
@-webkit-keyframes rotate_pacman_half_down {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } }
@keyframes rotate_pacman_half_down {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } }
@-webkit-keyframes pacman-balls {
75% {
opacity: 0.7; }
100% {
-webkit-transform: translate(-100px, -6.25px);
transform: translate(-100px, -6.25px); } }
@keyframes pacman-balls {
75% {
opacity: 0.7; }
100% {
-webkit-transform: translate(-100px, -6.25px);
transform: translate(-100px, -6.25px); } }
.pacman {
position: relative; }
.pacman span {
display: block; }
.pacman > span:nth-child(2) {
-webkit-animation: pacman-balls 1s -0.99s infinite linear;
animation: pacman-balls 1s -0.99s infinite linear; }
.pacman > span:nth-child(3) {
-webkit-animation: pacman-balls 1s -0.66s infinite linear;
animation: pacman-balls 1s -0.66s infinite linear; }
.pacman > span:nth-child(4) {
-webkit-animation: pacman-balls 1s -0.33s infinite linear;
animation: pacman-balls 1s -0.33s infinite linear; }
.pacman > span:nth-child(5) {
-webkit-animation: pacman-balls 1s 0s infinite linear;
animation: pacman-balls 1s 0s infinite linear; }
.pacman > span:first-of-type {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #fff;
border-left: 25px solid #fff;
border-bottom: 25px solid #fff;
border-radius: 25px;
-webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
animation: rotate_pacman_half_up 0.5s 0s infinite;
position: relative;
left: -30px; }
.pacman > span:nth-child(2) {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #fff;
border-left: 25px solid #fff;
border-bottom: 25px solid #fff;
border-radius: 25px;
-webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
animation: rotate_pacman_half_down 0.5s 0s infinite;
margin-top: -50px;
position: relative;
left: -30px; }
.pacman > span:nth-child(3),
.pacman > span:nth-child(4),
.pacman > span:nth-child(5),
.pacman > span:nth-child(6) {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
width: 10px;
height: 10px;
position: absolute;
-webkit-transform: translate(0, -6.25px);
transform: translate(0, -6.25px);
top: 25px;
left: 70px; }
@-webkit-keyframes cube-transition {
25% {
-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
transform: translateX(50px) scale(0.5) rotate(-90deg); }
50% {
-webkit-transform: translate(50px, 50px) rotate(-180deg);
transform: translate(50px, 50px) rotate(-180deg); }
75% {
-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
transform: translateY(50px) scale(0.5) rotate(-270deg); }
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg); } }
@keyframes cube-transition {
25% {
-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
transform: translateX(50px) scale(0.5) rotate(-90deg); }
50% {
-webkit-transform: translate(50px, 50px) rotate(-180deg);
transform: translate(50px, 50px) rotate(-180deg); }
75% {
-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
transform: translateY(50px) scale(0.5) rotate(-270deg); }
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg); } }
.cube-transition {
position: relative;
-webkit-transform: translate(-25px, -25px);
transform: translate(-25px, -25px); }
.cube-transition > span {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 10px;
height: 10px;
position: absolute;
top: -5px;
left: -5px;
background-color: #fff;
-webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
animation: cube-transition 1.6s 0s infinite ease-in-out; }
.cube-transition > span:last-child {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
@-webkit-keyframes spin-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes spin-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.semi-circle-spin {
position: relative;
width: 35px;
height: 35px;
overflow: hidden; }
.semi-circle-spin > span {
position: absolute;
border-width: 0px;
border-radius: 100%;
-webkit-animation: spin-rotate 0.6s 0s infinite linear;
animation: spin-rotate 0.6s 0s infinite linear;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #fff), to(#fff));
background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
width: 100%;
height: 100%; }  @font-face {
font-family: 'FontAwesome';
src: url(//hualien1913.nat.gov.tw/template/assets/css/fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0);
src: url(//hualien1913.nat.gov.tw/template/assets/css/fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(//hualien1913.nat.gov.tw/template/assets/css/fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(//hualien1913.nat.gov.tw/template/assets/css/fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(//hualien1913.nat.gov.tw/template/assets/css/fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(//hualien1913.nat.gov.tw/template/assets/css/fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
} .pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
-webkit-filter: none;
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
} .fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
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;
}

@font-face {
font-family: "linea";
src:url(//hualien1913.nat.gov.tw/template/assets/css/fonts/linea-iconfont/fonts/linea.eot);
src:url(//hualien1913.nat.gov.tw/template/assets/css/fonts/linea-iconfont/fonts/linea.eot?#iefix) format("embedded-opentype"),
url(//hualien1913.nat.gov.tw/template/assets/css/fonts/linea-iconfont/fonts/linea.woff) format("woff"),
url(//hualien1913.nat.gov.tw/template/assets/css/fonts/linea-iconfont/fonts/linea.ttf) format("truetype"),
url(//hualien1913.nat.gov.tw/template/assets/css/fonts/linea-iconfont/fonts/linea.svg#linea) format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "linea" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "linea" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-basic-accelerator:before {
content: "a";
}
.icon-basic-alarm:before {
content: "b";
}
.icon-basic-anchor:before {
content: "c";
}
.icon-basic-anticlockwise:before {
content: "d";
}
.icon-basic-archive:before {
content: "e";
}
.icon-basic-archive-full:before {
content: "f";
}
.icon-basic-ban:before {
content: "g";
}
.icon-basic-battery-charge:before {
content: "h";
}
.icon-basic-battery-empty:before {
content: "i";
}
.icon-basic-battery-full:before {
content: "j";
}
.icon-basic-battery-half:before {
content: "k";
}
.icon-basic-bolt:before {
content: "l";
}
.icon-basic-book:before {
content: "m";
}
.icon-basic-book-pen:before {
content: "n";
}
.icon-basic-book-pencil:before {
content: "o";
}
.icon-basic-bookmark:before {
content: "p";
}
.icon-basic-calculator:before {
content: "q";
}
.icon-basic-calendar:before {
content: "r";
}
.icon-basic-cards-diamonds:before {
content: "s";
}
.icon-basic-cards-hearts:before {
content: "t";
}
.icon-basic-case:before {
content: "u";
}
.icon-basic-chronometer:before {
content: "v";
}
.icon-basic-clessidre:before {
content: "w";
}
.icon-basic-clock:before {
content: "x";
}
.icon-basic-clockwise:before {
content: "y";
}
.icon-basic-cloud:before {
content: "z";
}
.icon-basic-clubs:before {
content: "A";
}
.icon-basic-compass:before {
content: "B";
}
.icon-basic-cup:before {
content: "C";
}
.icon-basic-diamonds:before {
content: "D";
}
.icon-basic-display:before {
content: "E";
}
.icon-basic-download:before {
content: "F";
}
.icon-basic-exclamation:before {
content: "G";
}
.icon-basic-eye:before {
content: "H";
}
.icon-basic-eye-closed:before {
content: "I";
}
.icon-basic-female:before {
content: "J";
}
.icon-basic-flag1:before {
content: "K";
}
.icon-basic-flag2:before {
content: "L";
}
.icon-basic-floppydisk:before {
content: "M";
}
.icon-basic-folder:before {
content: "N";
}
.icon-basic-folder-multiple:before {
content: "O";
}
.icon-basic-gear:before {
content: "P";
}
.icon-basic-geolocalize-01:before {
content: "Q";
}
.icon-basic-geolocalize-05:before {
content: "R";
}
.icon-basic-globe:before {
content: "S";
}
.icon-basic-gunsight:before {
content: "T";
}
.icon-basic-hammer:before {
content: "U";
}
.icon-basic-headset:before {
content: "V";
}
.icon-basic-heart:before {
content: "W";
}
.icon-basic-heart-broken:before {
content: "X";
}
.icon-basic-helm:before {
content: "Y";
}
.icon-basic-home:before {
content: "Z";
}
.icon-basic-info:before {
content: "0";
}
.icon-basic-ipod:before {
content: "1";
}
.icon-basic-joypad:before {
content: "2";
}
.icon-basic-key:before {
content: "3";
}
.icon-basic-keyboard:before {
content: "4";
}
.icon-basic-laptop:before {
content: "5";
}
.icon-basic-life-buoy:before {
content: "6";
}
.icon-basic-lightbulb:before {
content: "7";
}
.icon-basic-link:before {
content: "8";
}
.icon-basic-lock:before {
content: "9";
}
.icon-basic-lock-open:before {
content: "!";
}
.icon-basic-magic-mouse:before {
content: "\"";
}
.icon-basic-magnifier:before {
content: "#";
}
.icon-basic-magnifier-minus:before {
content: "$";
}
.icon-basic-magnifier-plus:before {
content: "%";
}
.icon-basic-mail:before {
content: "&";
}
.icon-basic-mail-multiple:before {
content: "'";
}
.icon-basic-mail-open:before {
content: "(";
}
.icon-basic-mail-open-text:before {
content: ")";
}
.icon-basic-male:before {
content: "*";
}
.icon-basic-map:before {
content: "+";
}
.icon-basic-message:before {
content: ",";
}
.icon-basic-message-multiple:before {
content: "-";
}
.icon-basic-message-txt:before {
content: ".";
}
.icon-basic-mixer2:before {
content: "/";
}
.icon-basic-mouse:before {
content: ":";
}
.icon-basic-notebook:before {
content: ";";
}
.icon-basic-notebook-pen:before {
content: "<";
}
.icon-basic-notebook-pencil:before {
content: "=";
}
.icon-basic-paperplane:before {
content: ">";
}
.icon-basic-pencil-ruler:before {
content: "?";
}
.icon-basic-pencil-ruler-pen:before {
content: "@";
}
.icon-basic-photo:before {
content: "[";
}
.icon-basic-picture:before {
content: "]";
}
.icon-basic-picture-multiple:before {
content: "^";
}
.icon-basic-pin1:before {
content: "_";
}
.icon-basic-pin2:before {
content: "`";
}
.icon-basic-postcard:before {
content: "{";
}
.icon-basic-postcard-multiple:before {
content: "|";
}
.icon-basic-printer:before {
content: "}";
}
.icon-basic-question:before {
content: "~";
}
.icon-basic-rss:before {
content: "\\";
}
.icon-basic-server:before {
content: "\e000";
}
.icon-basic-server2:before {
content: "\e001";
}
.icon-basic-server-cloud:before {
content: "\e002";
}
.icon-basic-server-download:before {
content: "\e003";
}
.icon-basic-server-upload:before {
content: "\e004";
}
.icon-basic-settings:before {
content: "\e005";
}
.icon-basic-share:before {
content: "\e006";
}
.icon-basic-sheet:before {
content: "\e007";
}
.icon-basic-sheet-multiple:before {
content: "\e008";
}
.icon-basic-sheet-pen:before {
content: "\e009";
}
.icon-basic-sheet-pencil:before {
content: "\e00a";
}
.icon-basic-sheet-txt:before {
content: "\e00b";
}
.icon-basic-signs:before {
content: "\e00c";
}
.icon-basic-smartphone:before {
content: "\e00d";
}
.icon-basic-spades:before {
content: "\e00e";
}
.icon-basic-spread:before {
content: "\e00f";
}
.icon-basic-spread-bookmark:before {
content: "\e010";
}
.icon-basic-spread-text:before {
content: "\e011";
}
.icon-basic-spread-text-bookmark:before {
content: "\e012";
}
.icon-basic-star:before {
content: "\e013";
}
.icon-basic-tablet:before {
content: "\e014";
}
.icon-basic-target:before {
content: "\e015";
}
.icon-basic-todo:before {
content: "\e016";
}
.icon-basic-todo-pen:before {
content: "\e017";
}
.icon-basic-todo-pencil:before {
content: "\e018";
}
.icon-basic-todo-txt:before {
content: "\e019";
}
.icon-basic-todolist-pen:before {
content: "\e01a";
}
.icon-basic-todolist-pencil:before {
content: "\e01b";
}
.icon-basic-trashcan:before {
content: "\e01c";
}
.icon-basic-trashcan-full:before {
content: "\e01d";
}
.icon-basic-trashcan-refresh:before {
content: "\e01e";
}
.icon-basic-trashcan-remove:before {
content: "\e01f";
}
.icon-basic-upload:before {
content: "\e020";
}
.icon-basic-usb:before {
content: "\e021";
}
.icon-basic-video:before {
content: "\e022";
}
.icon-basic-watch:before {
content: "\e023";
}
.icon-basic-webpage:before {
content: "\e024";
}
.icon-basic-webpage-img-txt:before {
content: "\e025";
}
.icon-basic-webpage-multiple:before {
content: "\e026";
}
.icon-basic-webpage-txt:before {
content: "\e027";
}
.icon-basic-world:before {
content: "\e028";
}
.icon-ecommerce-bag:before {
content: "\e029";
}
.icon-ecommerce-bag-check:before {
content: "\e02a";
}
.icon-ecommerce-bag-cloud:before {
content: "\e02b";
}
.icon-ecommerce-bag-download:before {
content: "\e02c";
}
.icon-ecommerce-bag-minus:before {
content: "\e02d";
}
.icon-ecommerce-bag-plus:before {
content: "\e02e";
}
.icon-ecommerce-bag-refresh:before {
content: "\e02f";
}
.icon-ecommerce-bag-remove:before {
content: "\e030";
}
.icon-ecommerce-bag-search:before {
content: "\e031";
}
.icon-ecommerce-bag-upload:before {
content: "\e032";
}
.icon-ecommerce-banknote:before {
content: "\e033";
}
.icon-ecommerce-banknotes:before {
content: "\e034";
}
.icon-ecommerce-basket:before {
content: "\e035";
}
.icon-ecommerce-basket-check:before {
content: "\e036";
}
.icon-ecommerce-basket-cloud:before {
content: "\e037";
}
.icon-ecommerce-basket-download:before {
content: "\e038";
}
.icon-ecommerce-basket-minus:before {
content: "\e039";
}
.icon-ecommerce-basket-plus:before {
content: "\e03a";
}
.icon-ecommerce-basket-refresh:before {
content: "\e03b";
}
.icon-ecommerce-basket-remove:before {
content: "\e03c";
}
.icon-ecommerce-basket-search:before {
content: "\e03d";
}
.icon-ecommerce-basket-upload:before {
content: "\e03e";
}
.icon-ecommerce-bath:before {
content: "\e03f";
}
.icon-ecommerce-cart:before {
content: "\e040";
}
.icon-ecommerce-cart-check:before {
content: "\e041";
}
.icon-ecommerce-cart-cloud:before {
content: "\e042";
}
.icon-ecommerce-cart-content:before {
content: "\e043";
}
.icon-ecommerce-cart-download:before {
content: "\e044";
}
.icon-ecommerce-cart-minus:before {
content: "\e045";
}
.icon-ecommerce-cart-plus:before {
content: "\e046";
}
.icon-ecommerce-cart-refresh:before {
content: "\e047";
}
.icon-ecommerce-cart-remove:before {
content: "\e048";
}
.icon-ecommerce-cart-search:before {
content: "\e049";
}
.icon-ecommerce-cart-upload:before {
content: "\e04a";
}
.icon-ecommerce-cent:before {
content: "\e04b";
}
.icon-ecommerce-colon:before {
content: "\e04c";
}
.icon-ecommerce-creditcard:before {
content: "\e04d";
}
.icon-ecommerce-diamond:before {
content: "\e04e";
}
.icon-ecommerce-dollar:before {
content: "\e04f";
}
.icon-ecommerce-euro:before {
content: "\e050";
}
.icon-ecommerce-franc:before {
content: "\e051";
}
.icon-ecommerce-gift:before {
content: "\e052";
}
.icon-ecommerce-graph1:before {
content: "\e053";
}
.icon-ecommerce-graph2:before {
content: "\e054";
}
.icon-ecommerce-graph3:before {
content: "\e055";
}
.icon-ecommerce-graph-decrease:before {
content: "\e056";
}
.icon-ecommerce-graph-increase:before {
content: "\e057";
}
.icon-ecommerce-guarani:before {
content: "\e058";
}
.icon-ecommerce-kips:before {
content: "\e059";
}
.icon-ecommerce-lira:before {
content: "\e05a";
}
.icon-ecommerce-megaphone:before {
content: "\e05b";
}
.icon-ecommerce-money:before {
content: "\e05c";
}
.icon-ecommerce-naira:before {
content: "\e05d";
}
.icon-ecommerce-pesos:before {
content: "\e05e";
}
.icon-ecommerce-pound:before {
content: "\e05f";
}
.icon-ecommerce-receipt:before {
content: "\e060";
}
.icon-ecommerce-receipt-bath:before {
content: "\e061";
}
.icon-ecommerce-receipt-cent:before {
content: "\e062";
}
.icon-ecommerce-receipt-dollar:before {
content: "\e063";
}
.icon-ecommerce-receipt-euro:before {
content: "\e064";
}
.icon-ecommerce-receipt-franc:before {
content: "\e065";
}
.icon-ecommerce-receipt-guarani:before {
content: "\e066";
}
.icon-ecommerce-receipt-kips:before {
content: "\e067";
}
.icon-ecommerce-receipt-lira:before {
content: "\e068";
}
.icon-ecommerce-receipt-naira:before {
content: "\e069";
}
.icon-ecommerce-receipt-pesos:before {
content: "\e06a";
}
.icon-ecommerce-receipt-pound:before {
content: "\e06b";
}
.icon-ecommerce-receipt-rublo:before {
content: "\e06c";
}
.icon-ecommerce-receipt-rupee:before {
content: "\e06d";
}
.icon-ecommerce-receipt-tugrik:before {
content: "\e06e";
}
.icon-ecommerce-receipt-won:before {
content: "\e06f";
}
.icon-ecommerce-receipt-yen:before {
content: "\e070";
}
.icon-ecommerce-receipt-yen2:before {
content: "\e071";
}
.icon-ecommerce-recept-colon:before {
content: "\e072";
}
.icon-ecommerce-rublo:before {
content: "\e073";
}
.icon-ecommerce-rupee:before {
content: "\e074";
}
.icon-ecommerce-safe:before {
content: "\e075";
}
.icon-ecommerce-sale:before {
content: "\e076";
}
.icon-ecommerce-sales:before {
content: "\e077";
}
.icon-ecommerce-ticket:before {
content: "\e078";
}
.icon-ecommerce-tugriks:before {
content: "\e079";
}
.icon-ecommerce-wallet:before {
content: "\e07a";
}
.icon-ecommerce-won:before {
content: "\e07b";
}
.icon-ecommerce-yen:before {
content: "\e07c";
}
.icon-ecommerce-yen2:before {
content: "\e07d";
}
.icon-music-beginning-button:before {
content: "\e029";
}
.icon-music-bell:before {
content: "\e02a";
}
.icon-music-cd:before {
content: "\e02b";
}
.icon-music-diapason:before {
content: "\e02c";
}
.icon-music-eject-button:before {
content: "\e02d";
}
.icon-music-end-button:before {
content: "\e02e";
}
.icon-music-fastforward-button:before {
content: "\e02f";
}
.icon-music-headphones:before {
content: "\e030";
}
.icon-music-ipod:before {
content: "\e031";
}
.icon-music-loudspeaker:before {
content: "\e032";
}
.icon-music-microphone:before {
content: "\e033";
}
.icon-music-microphone-old:before {
content: "\e034";
}
.icon-music-mixer:before {
content: "\e035";
}
.icon-music-mute:before {
content: "\e036";
}
.icon-music-note-multiple:before {
content: "\e037";
}
.icon-music-note-single:before {
content: "\e038";
}
.icon-music-pause-button:before {
content: "\e039";
}
.icon-music-play-button:before {
content: "\e03a";
}
.icon-music-playlist:before {
content: "\e03b";
}
.icon-music-radio-ghettoblaster:before {
content: "\e03c";
}
.icon-music-radio-portable:before {
content: "\e03d";
}
.icon-music-record:before {
content: "\e03e";
}
.icon-music-recordplayer:before {
content: "\e03f";
}
.icon-music-repeat-button:before {
content: "\e040";
}
.icon-music-rewind-button:before {
content: "\e041";
}
.icon-music-shuffle-button:before {
content: "\e042";
}
.icon-music-stop-button:before {
content: "\e043";
}
.icon-music-tape:before {
content: "\e044";
}
.icon-music-volume-down:before {
content: "\e045";
}
.icon-music-volume-up:before {
content: "\e046";
}
.icon-ecommerce-bag:before {
content: "\e047";
}
.icon-ecommerce-bag-check:before {
content: "\e048";
}
.icon-ecommerce-bag-cloud:before {
content: "\e049";
}
.icon-ecommerce-bag-download:before {
content: "\e04a";
}
.icon-ecommerce-bag-minus:before {
content: "\e04b";
}
.icon-ecommerce-bag-plus:before {
content: "\e04c";
}
.icon-ecommerce-bag-refresh:before {
content: "\e04d";
}
.icon-ecommerce-bag-remove:before {
content: "\e04e";
}
.icon-ecommerce-bag-search:before {
content: "\e04f";
}
.icon-ecommerce-bag-upload:before {
content: "\e050";
}
.icon-ecommerce-banknote:before {
content: "\e051";
}
.icon-ecommerce-banknotes:before {
content: "\e052";
}
.icon-ecommerce-basket:before {
content: "\e053";
}
.icon-ecommerce-basket-check:before {
content: "\e054";
}
.icon-ecommerce-basket-cloud:before {
content: "\e055";
}
.icon-ecommerce-basket-download:before {
content: "\e056";
}
.icon-ecommerce-basket-minus:before {
content: "\e057";
}
.icon-ecommerce-basket-plus:before {
content: "\e058";
}
.icon-ecommerce-basket-refresh:before {
content: "\e059";
}
.icon-ecommerce-basket-remove:before {
content: "\e05a";
}
.icon-ecommerce-basket-search:before {
content: "\e05b";
}
.icon-ecommerce-basket-upload:before {
content: "\e05c";
}
.icon-ecommerce-bath:before {
content: "\e05d";
}
.icon-ecommerce-cart:before {
content: "\e05e";
}
.icon-ecommerce-cart-check:before {
content: "\e05f";
}
.icon-ecommerce-cart-cloud:before {
content: "\e060";
}
.icon-ecommerce-cart-content:before {
content: "\e061";
}
.icon-ecommerce-cart-download:before {
content: "\e062";
}
.icon-ecommerce-cart-minus:before {
content: "\e063";
}
.icon-ecommerce-cart-plus:before {
content: "\e064";
}
.icon-ecommerce-cart-refresh:before {
content: "\e065";
}
.icon-ecommerce-cart-remove:before {
content: "\e066";
}
.icon-ecommerce-cart-search:before {
content: "\e067";
}
.icon-ecommerce-cart-upload:before {
content: "\e068";
}
.icon-ecommerce-cent:before {
content: "\e069";
}
.icon-ecommerce-colon:before {
content: "\e06a";
}
.icon-ecommerce-creditcard:before {
content: "\e06b";
}
.icon-ecommerce-diamond:before {
content: "\e06c";
}
.icon-ecommerce-dollar:before {
content: "\e06d";
}
.icon-ecommerce-euro:before {
content: "\e06e";
}
.icon-ecommerce-franc:before {
content: "\e06f";
}
.icon-ecommerce-gift:before {
content: "\e070";
}
.icon-ecommerce-graph1:before {
content: "\e071";
}
.icon-ecommerce-graph2:before {
content: "\e072";
}
.icon-ecommerce-graph3:before {
content: "\e073";
}
.icon-ecommerce-graph-decrease:before {
content: "\e074";
}
.icon-ecommerce-graph-increase:before {
content: "\e075";
}
.icon-ecommerce-guarani:before {
content: "\e076";
}
.icon-ecommerce-kips:before {
content: "\e077";
}
.icon-ecommerce-lira:before {
content: "\e078";
}
.icon-ecommerce-megaphone:before {
content: "\e079";
}
.icon-ecommerce-money:before {
content: "\e07a";
}
.icon-ecommerce-naira:before {
content: "\e07b";
}
.icon-ecommerce-pesos:before {
content: "\e07c";
}
.icon-ecommerce-pound:before {
content: "\e07d";
}
.icon-ecommerce-receipt:before {
content: "\e07e";
}
.icon-ecommerce-receipt-bath:before {
content: "\e07f";
}
.icon-ecommerce-receipt-cent:before {
content: "\e080";
}
.icon-ecommerce-receipt-dollar:before {
content: "\e081";
}
.icon-ecommerce-receipt-euro:before {
content: "\e082";
}
.icon-ecommerce-receipt-franc:before {
content: "\e083";
}
.icon-ecommerce-receipt-guarani:before {
content: "\e084";
}
.icon-ecommerce-receipt-kips:before {
content: "\e085";
}
.icon-ecommerce-receipt-lira:before {
content: "\e086";
}
.icon-ecommerce-receipt-naira:before {
content: "\e087";
}
.icon-ecommerce-receipt-pesos:before {
content: "\e088";
}
.icon-ecommerce-receipt-pound:before {
content: "\e089";
}
.icon-ecommerce-receipt-rublo:before {
content: "\e08a";
}
.icon-ecommerce-receipt-rupee:before {
content: "\e08b";
}
.icon-ecommerce-receipt-tugrik:before {
content: "\e08c";
}
.icon-ecommerce-receipt-won:before {
content: "\e08d";
}
.icon-ecommerce-receipt-yen:before {
content: "\e08e";
}
.icon-ecommerce-receipt-yen2:before {
content: "\e08f";
}
.icon-ecommerce-recept-colon:before {
content: "\e090";
}
.icon-ecommerce-rublo:before {
content: "\e091";
}
.icon-ecommerce-rupee:before {
content: "\e092";
}
.icon-ecommerce-safe:before {
content: "\e093";
}
.icon-ecommerce-sale:before {
content: "\e094";
}
.icon-ecommerce-sales:before {
content: "\e095";
}
.icon-ecommerce-ticket:before {
content: "\e096";
}
.icon-ecommerce-tugriks:before {
content: "\e097";
}
.icon-ecommerce-wallet:before {
content: "\e098";
}
.icon-ecommerce-won:before {
content: "\e099";
}
.icon-ecommerce-yen:before {
content: "\e09a";
}
.icon-ecommerce-yen2:before {
content: "\e09b";
}
@font-face {
font-family: "Flaticon";
src: url(//hualien1913.nat.gov.tw/template/assets/css/fonts/flaticons-custom/flaticon.eot);
src: url(//hualien1913.nat.gov.tw/template/assets/css/fonts/flaticons-custom/flaticon.eot#iefix) format("embedded-opentype"),
url(//hualien1913.nat.gov.tw/template/assets/css/fonts/flaticons-custom/flaticon.woff) format("woff"),
url(//hualien1913.nat.gov.tw/template/assets/css/fonts/flaticons-custom/flaticon.ttf) format("truetype"),
url(//hualien1913.nat.gov.tw/template/assets/css/fonts/flaticons-custom/flaticon.svg) format("svg");
font-weight: normal;
font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
font-family: Flaticon;
font-style: normal;
}
.flaticon-3x3:before {
content: "\e000";
}
.flaticon-arrow398:before {
content: "\e001";
}
.flaticon-arrow408:before {
content: "\e002";
}
.flaticon-arrow413:before {
content: "\e003";
}
.flaticon-arrow414:before {
content: "\e004";
}
.flaticon-arrow427:before {
content: "\e005";
}
.flaticon-arrow429:before {
content: "\e006";
}
.flaticon-arrowhead2:before {
content: "\e007";
}
.flaticon-bottom4:before {
content: "\e008";
}
.flaticon-chevron15:before {
content: "\e009";
}
.flaticon-close38:before {
content: "\e00a";
}
.flaticon-close39:before {
content: "\e00b";
}
.flaticon-cross37:before {
content: "\e00c";
}
.flaticon-expand22:before {
content: "\e00d";
}
.flaticon-four60:before {
content: "\e00e";
}
.flaticon-replay2:before {
content: "\e00f";
}
.flaticon-squares8:before {
content: "\e010";
}
.flaticon-thin16:before {
content: "\e011";
}
.flaticon-verification24:before {
content: "\e012";
}
.wrapper {
position: relative;
background: #fff;
z-index: 100;
-webkit-transition: -webkit-transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: -webkit-transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
@media screen and (max-width: 768px) {
.wrapper {
margin: 0;
padding: 0;
}
}
footer.site-footer {
-webkit-transition: -webkit-transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: -webkit-transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), -webkit-transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: none;
}
.wrapper a,
.site-footer a {
position: relative;
display: inline-block;
}
.wrapper a:after,
.site-footer a:after {
content: '';
overflow: hidden;
position: absolute;
left: 0;
bottom: -1px;
display: block;
width: 0;
height: 1px;
background-color: #00b19e;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
}
.wrapper a:hover,
.site-footer a:hover {
text-decoration: none;
color: #00b19e;
}
.wrapper a:active:after,
.site-footer a:active:after,
.wrapper a.link-hover:after,
.site-footer a.link-hover:after {
width: 100%;
}
.section-title {
margin-top: 20px;
margin-bottom: 40px;
position: relative;
}
@media screen and (max-width: 480px) {
.section-title {
margin-top: 0px;
}
}
.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4 {
font-size: 26px;
color: #333;
margin-top: 0;
position: relative;
}
.section-title h1 span,
.section-title h2 span,
.section-title h3 span,
.section-title h4 span {
color: #898989;
}
.section-title h1 span.category-title,
.section-title h2 span.category-title,
.section-title h3 span.category-title,
.section-title h4 span.category-title {
color: #333;
}
.section-title p {
color: #898989;
font-size: 16px;
line-height: 26px;
position: relative;
}
.section-title .container {
width: 100%;
padding: 0;
}
.section-title + .page-container {
margin-top: 25px;
}
.page-container {
position: relative;
width: 100%;
margin-top: 55px;
margin-bottom: 55px;
}
@media screen and (max-width: 768px) {
.page-container {
margin-top: 27.5px;
margin-bottom: 27.5px;
}
}
.page-border {
position: fixed;
z-index: 999999;
height: 100%;
left: 0;
top: 0;
width: 100%;
pointer-events: none;
}
.page-border .top-border,
.page-border .bottom-border,
.page-border .left-border,
.page-border .right-border {
background: #f3f3ef;
position: fixed;
z-index: 9999;
}
.page-border .top-border,
.page-border .bottom-border {
width: 100%;
padding: 11px;
left: 0;
}
.page-border .left-border,
.page-border .right-border {
padding: 11px;
height: 100%;
top: 0;
}
.page-border .bottom-border {
bottom: 0;
}
.page-border .top-border {
top: 0;
}
.admin-bar .page-border .top-border {
top: 32px;
display: none;
}
.page-border .right-border {
right: 0;
}
.admin-bar .page-border .right-border {
top: 32px;
}
.page-border .left-border {
left: 0;
}
.admin-bar .page-border .left-border {
top: 32px;
}
.lg-on .page-border .top-border,
.lg-on .page-border .bottom-border,
.lg-on .page-border .left-border,
.lg-on .page-border .right-border {
opacity: 0;
}
@media screen and (max-width: 992px) {
.page-border {
display: none;
}
}
.text-on-center {
text-align: center;
}
.dash {
height: 1px;
background: #ddd;
margin: 20px auto;
}
.dash.small {
width: 40px;
}
.dash.medium {
width: 50px;
}
.dash.big {
width: 100px;
}
.dash.thin {
height: 1px;
}
.dash.thick {
height: 3px;
}
.bg-main-color {
background: #00b19e;
}
.has-fixed-footer .wrapper {
min-height: 100%;
padding-bottom: 0;
z-index: 300;
}
.has-page-borders.has-fixed-footer .wrapper {
min-height: 0;
}
.has-fixed-footer .wrapper .vc-container {
margin-bottom: 0;
}
@media screen and (max-width: 992px) {
.has-page-borders .wrapper {
margin-top: 0;
}
}
@-webkit-keyframes fadeInLab {
0% {
top: 40px;
opacity: 0;
}
100% {
top: 0px;
opacity: 1;
}
}
@keyframes fadeInLab {
0% {
top: 40px;
opacity: 0;
}
100% {
top: 0px;
opacity: 1;
}
}
.fadeInLab {
-webkit-animation-name: fadeInLab;
animation-name: fadeInLab;
}
.wow.fast {
-webkit-animation-duration: 300ms;
animation-duration: 300ms;
}
header.main-header {
padding-top: 50px;
padding-bottom: 50px;
position: relative;
pointer-events: none;
z-index: 100000;
background-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
header.main-header .full-screen-menu,
header.main-header a {
pointer-events: auto;
}
.header-absolute header.main-header {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.header-absolute header.main-header .container:before,
.header-absolute header.main-header .container:after {
display: none;
}
@media screen and (max-width: 768px) {
header.main-header {
padding-top: 25px;
padding-bottom: 25px;
}
}
header.main-header.fullwidth-header .container {
width: 100%;
}
@media screen and (min-width: 769px) {
header.main-header.fullwidth-header .container {
padding-left: 45px;
padding-right: 45px;
}
}
header.main-header .logo-and-menu-container {
display: -webkit-box;
display: flex;
width: 100%;
flex-wrap: wrap;
-webkit-box-align: stretch;
align-items: stretch;
-webkit-box-align: center;
align-items: center;
}
header.main-header .logo-and-menu-container .menu-column {
-webkit-box-flex: 1;
flex-grow: 1;
}
header.main-header.header-bottom-border {
border-bottom: 1px solid #f3f3f3;
}
header.main-header.header-bottom-spacing {
margin-bottom: 40px;
} .main-header {
position: relative;
background-color: rgba(255, 255, 255, 0);
box-shadow: rgba(255, 255, 255, 0) 0px 5px 10px 5px;
z-index: 10000;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.main-header.sticky-absolute {
position: absolute;
}
.main-header.sticky-absolute.sticky-fixed {
position: fixed;
}
.main-header.sticky-fixed {
position: fixed;
}
.main-header + .sticky-spacer {
display: none;
}
.main-header.sticky-initialized + .sticky-spacer {
display: block;
}
.main-header .header-logo {
position: relative;
overflow: hidden; }
.main-header .header-logo .logo-entry {
display: block;
left: 0;
top: 0;
max-width: 100%;
height: 100%;
}
.header-logo {
position: relative;
font-size: 32px;
}
.header-logo.logo-image {
position: relative;
display: block;
overflow: hidden;
}
.header-logo.logo-image img {
position: relative;
display: block;
z-index: 10;
width: 100%;
height: auto;
max-width: 100%;
}
.menu-bar {
min-width: 44px;
height: 44px;
text-align: center;
display: block;
z-index: 101;
-webkit-transform: all ease 0.3s;
transform: all ease 0.3s;
margin-left: 30px;
-webkit-animation: blinkBackground 4s infinite;
animation: blinkBackground 4s infinite;
}
.menu-bar .ham {
display: block;
width: 23px;
height: 2px;
position: absolute;
vertical-align: bottom;
background: #00b19e;
white-space: nowrap;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
top: 22px;
right: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.menu-bar .ham:before {
top: -8px;
}
.menu-bar .ham:after {
top: 8px;
}
.menu-bar .ham:before,
.menu-bar .ham:after {
position: absolute;
content: '';
display: inline-block;
width: 23px;
height: 2px;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
outline: 1px solid transparent;
left: 0;
background: #00b19e;
}
.menu-bar.exit {
-webkit-animation: none;
animation: none;
}
.menu-bar.exit .ham {
background-color: transparent !important;
}
.menu-bar.exit .ham:before {
-webkit-transform: translateY(8px) rotateZ(-45deg);
transform: translateY(8px) rotateZ(-45deg);
}
.menu-bar.exit .ham:after {
-webkit-transform: translateY(-8px) rotateZ(45deg);
transform: translateY(-8px) rotateZ(45deg);
}
.menu-bar.exit-arrow {
-webkit-animation: none;
animation: none;
}
.menu-bar.exit-arrow .ham {
background-color: transparent !important;
-webkit-transition-duration: 100ms;
transition-duration: 100ms;
}
.menu-bar.exit-arrow .ham:before {
top: 100%;
-webkit-transform: rotate(-48deg) translate(-2px, -5px);
transform: rotate(-48deg) translate(-2px, -5px);
}
.menu-bar.exit-arrow .ham:after {
-webkit-transform: rotate(45deg) translate(5px, -5px);
transform: rotate(45deg) translate(5px, -5px);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.menu-bar.exit-arrow:hover {
background: none;
}
.menu-bar .show-menu-text { }
.menu-bar .show-menu-text.icon-hide ~ .ham {
display: none;
}
.menu-bar .show-menu-text.icon-left .show-menu-text,
.menu-bar .show-menu-text.icon-left .hide-menu-text {
padding-left: 44px;
}
.menu-bar .show-menu-text,
.menu-bar .hide-menu-text {
display: block;
line-height: 44px;
}
.menu-bar .show-menu-text {
visibility: visible;
opacity: 1;
}
.menu-bar .show-menu-text.icon-left {
padding-left: 44px;
}
.menu-bar .show-menu-text.icon-left + .hide-menu-text {
padding-left: 44px;
}
.menu-bar .show-menu-text.icon-left ~ .ham {
right: 44px;
}
.menu-bar .show-menu-text.icon-right {
padding-right: 44px;
}
.menu-bar .show-menu-text.icon-right + .hide-menu-text {
padding-right: 44px;
}
.menu-bar .hide-menu-text {
visibility: hidden;
opacity: 0;
margin-top: -44px;
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
.menu-bar.exit .show-menu-text,
.menu-bar.exit-arrow .show-menu-text {
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
.menu-bar.exit .hide-menu-text,
.menu-bar.exit-arrow .hide-menu-text {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.menu-bar.menu-skin-dark .ham {
background-color: #000;
}
.menu-bar.menu-skin-dark .ham:before,
.menu-bar.menu-skin-dark .ham:after {
background-color: #000;
}
.menu-bar.menu-skin-dark .show-menu-text,
.menu-bar.menu-skin-dark .hide-menu-text {
color: #000;
}
.menu-bar.menu-skin-light .ham {
background-color: #fff;
}
.menu-bar.menu-skin-light .ham:before,
.menu-bar.menu-skin-light .ham:after {
background-color: #fff;
}
.menu-bar.menu-skin-light .show-menu-text,
.menu-bar.menu-skin-light .hide-menu-text {
color: #fff;
}
@-webkit-keyframes blinkBackground {
0%,
45%,
55%,
65%,
100% {
background: transparent;
}
50%,
60% {
background: transparent;
}
}
@keyframes blinkBackground {
0%,
45%,
55%,
65%,
100% {
background: transparent;
}
50%,
60% {
background: transparent;
}
}
.menu-items-blocks {
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
}
.standard-menu-container {
text-align: right;
}
.standard-menu-container .menu-bar,
.standard-menu-container > nav {
align-self: center;
}
.standard-menu-container.dropdown-caret .menu > .menu-item-has-children > a > span {
text-decoration: none;
}
.standard-menu-container.dropdown-caret .menu > .menu-item-has-children > a > span:after {
position: relative;
font-family: Flaticon;
content: '\e008';
margin-left: 8px;
font-size: 11px;
text-decoration: none;
line-height: 0;
top: -1px;
font-weight: bold;
}
.standard-menu-container .menu-bar {
position: relative;
}
.standard-menu-container ul {
list-style: none;
padding: 0;
margin: 0;
}
.standard-menu-container ul li {
padding: 0;
margin: 0;
}
.standard-menu-container ul li a {
text-decoration: none;
}
.standard-menu-container ul.menu,
.standard-menu-container div.menu > ul {
pointer-events: auto;
}
@media screen and (max-width: 768px) {
}
.standard-menu-container ul.menu > li,
.standard-menu-container div.menu > ul > li {
display: inline-block;
}
.standard-menu-container ul.menu > li > a,
.standard-menu-container div.menu > ul > li > a {
color: #00b19e;
font-size: 16px;
}
.standard-menu-container ul.menu > li > a:after,
.standard-menu-container div.menu > ul > li > a:after {
zoom: 1;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
background-color: #00b19e;
}
.standard-menu-container ul.menu > li.current-menu-item > a:after,
.standard-menu-container div.menu > ul > li.current-menu-item > a:after,
.standard-menu-container ul.menu > li.current_page_item > a:after,
.standard-menu-container div.menu > ul > li.current_page_item > a:after,
.standard-menu-container ul.menu > li.current-menu-ancestor > a:after,
.standard-menu-container div.menu > ul > li.current-menu-ancestor > a:after,
.standard-menu-container ul.menu > li.current_page_ancestor > a:after,
.standard-menu-container div.menu > ul > li.current_page_ancestor > a:after {
width: 100%;
}
.standard-menu-container ul.menu > li + li,
.standard-menu-container div.menu > ul > li + li {
margin-left: 45px;
}
@media screen and (max-width: 992px) {
.standard-menu-container ul.menu > li + li,
.standard-menu-container div.menu > ul > li + li {
margin-left: 27px;
}
}
.standard-menu-container ul.menu > li > ul li,
.standard-menu-container div.menu > ul > li > ul li {
overflow: hidden;
padding-bottom: 1px;
}
.standard-menu-container ul.menu > li > ul li.sub-visible,
.standard-menu-container div.menu > ul > li > ul li.sub-visible {
overflow: visible;
}
.standard-menu-container ul.menu li,
.standard-menu-container div.menu > ul li {
position: relative;
}
.standard-menu-container ul.menu li.sub-visible > ul,
.standard-menu-container div.menu > ul li.sub-visible > ul {
visibility: visible;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.standard-menu-container ul.menu li.sub-visible > ul > li > a,
.standard-menu-container div.menu > ul li.sub-visible > ul > li > a {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.standard-menu-container ul.menu li > ul > li > a,
.standard-menu-container div.menu > ul li > ul > li > a {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 0ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
-webkit-transition-duration: 120ms;
transition-duration: 120ms;
}
.standard-menu-container ul.menu li > ul > li:nth-last-child(n+1) > a,
.standard-menu-container div.menu > ul li > ul > li:nth-last-child(n+1) > a {
-webkit-transition-duration: 120ms;
transition-duration: 120ms;
}
.standard-menu-container ul.menu li > ul > li:nth-last-child(n+2) > a,
.standard-menu-container div.menu > ul li > ul > li:nth-last-child(n+2) > a {
-webkit-transition-duration: 240ms;
transition-duration: 240ms;
}
.standard-menu-container ul.menu li > ul > li:nth-last-child(n+3) > a,
.standard-menu-container div.menu > ul li > ul > li:nth-last-child(n+3) > a {
-webkit-transition-duration: 360ms;
transition-duration: 360ms;
}
.standard-menu-container ul.menu li > ul > li:nth-last-child(n+4) > a,
.standard-menu-container div.menu > ul li > ul > li:nth-last-child(n+4) > a {
-webkit-transition-duration: 480ms;
transition-duration: 480ms;
}
.standard-menu-container ul.menu li > ul > li:nth-last-child(n+5) > a,
.standard-menu-container div.menu > ul li > ul > li:nth-last-child(n+5) > a {
-webkit-transition-duration: 600ms;
transition-duration: 600ms;
}
.standard-menu-container ul.menu li:hover > ul > li > a,
.standard-menu-container div.menu > ul li:hover > ul > li > a {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.standard-menu-container ul.menu li:hover > ul > li:nth-child(n+1) > a,
.standard-menu-container div.menu > ul li:hover > ul > li:nth-child(n+1) > a {
-webkit-transition-duration: 120ms;
transition-duration: 120ms;
}
.standard-menu-container ul.menu li:hover > ul > li:nth-child(n+2) > a,
.standard-menu-container div.menu > ul li:hover > ul > li:nth-child(n+2) > a {
-webkit-transition-duration: 240ms;
transition-duration: 240ms;
}
.standard-menu-container ul.menu li:hover > ul > li:nth-child(n+3) > a,
.standard-menu-container div.menu > ul li:hover > ul > li:nth-child(n+3) > a {
-webkit-transition-duration: 360ms;
transition-duration: 360ms;
}
.standard-menu-container ul.menu li:hover > ul > li:nth-child(n+4) > a,
.standard-menu-container div.menu > ul li:hover > ul > li:nth-child(n+4) > a {
-webkit-transition-duration: 480ms;
transition-duration: 480ms;
}
.standard-menu-container ul.menu li:hover > ul > li:nth-child(n+5) > a,
.standard-menu-container div.menu > ul li:hover > ul > li:nth-child(n+5) > a {
-webkit-transition-duration: 600ms;
transition-duration: 600ms;
}
.standard-menu-container ul.menu ul,
.standard-menu-container div.menu > ul ul {
position: absolute;
top: 100%;
left: 0;
text-align: left;
background: #00b19e;
padding: 15px 20px;
margin-top: 20px;
visibility: hidden;
min-width: 200px;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950); }
.standard-menu-container ul.menu ul li a,
.standard-menu-container div.menu > ul ul li a {
position: relative;
color: #fff;
white-space: nowrap;
}
.standard-menu-container ul.menu ul li a:after,
.standard-menu-container div.menu > ul ul li a:after {
background-color: #fff;
}
.standard-menu-container ul.menu ul li.menu-item-has-children:before,
.standard-menu-container div.menu > ul ul li.menu-item-has-children:before {
content: '';
position: relative;
display: inline-block;
float: right;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 4px;
border-color: transparent transparent transparent #fff;
top: 6px;
}
.standard-menu-container ul.menu ul li:hover > a:after,
.standard-menu-container div.menu > ul ul li:hover > a:after {
width: 100%;
}
.standard-menu-container ul.menu ul li.current-menu-item > a:after,
.standard-menu-container div.menu > ul ul li.current-menu-item > a:after,
.standard-menu-container ul.menu ul li.current_page_item > a:after,
.standard-menu-container div.menu > ul ul li.current_page_item > a:after,
.standard-menu-container ul.menu ul li.current-menu-ancestor > a:after,
.standard-menu-container div.menu > ul ul li.current-menu-ancestor > a:after,
.standard-menu-container ul.menu ul li.current_page_ancestor > a:after,
.standard-menu-container div.menu > ul ul li.current_page_ancestor > a:after {
width: 100%;
}
.standard-menu-container ul.menu ul li + li,
.standard-menu-container div.menu > ul ul li + li {
margin-top: 10px;
}
.standard-menu-container ul.menu ul ul,
.standard-menu-container div.menu > ul ul ul {
left: 100%;
top: 0;
margin-top: 0;
margin-left: 21px;
}
.standard-menu-container ul.menu ul.open-from-left,
.standard-menu-container div.menu > ul ul.open-from-left {
left: auto;
right: 0;
margin-left: 21px;
margin-right: 0;
}
.standard-menu-container ul.menu ul.open-from-left ul,
.standard-menu-container div.menu > ul ul.open-from-left ul {
left: auto;
right: 100%;
margin-right: 21px;
margin-left: 0;
}
.standard-menu-container ul.menu ul .open-from-left,
.standard-menu-container div.menu > ul ul .open-from-left {
left: auto;
right: 100%;
margin-right: 21px;
margin-left: 0;
}
@media screen and (min-width: 768px) {
.standard-menu-container.menu-bar-root-items-hidden .menu-bar {
display: block;
}
}
.standard-menu-container.menu-bar-root-items-hidden ul.menu > li,
.standard-menu-container.menu-bar-root-items-hidden div.menu > ul > li {
position: relative;
top: -15px;
visibility: hidden;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0ms cubic-bezier(0.175, 0.885, 0.525, 1.2);
transition: all 0ms cubic-bezier(0.175, 0.885, 0.525, 1.2);
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
}
.standard-menu-container.menu-bar-root-items-hidden ul.menu > li:nth-child(n+1),
.standard-menu-container.menu-bar-root-items-hidden div.menu > ul > li:nth-child(n+1) {
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transition-delay: 60ms;
transition-delay: 60ms;
}
.standard-menu-container.menu-bar-root-items-hidden ul.menu > li:nth-child(n+2),
.standard-menu-container.menu-bar-root-items-hidden div.menu > ul > li:nth-child(n+2) {
-webkit-transition-duration: 350ms;
transition-duration: 350ms;
-webkit-transition-delay: 120ms;
transition-delay: 120ms;
}
.standard-menu-container.menu-bar-root-items-hidden ul.menu > li:nth-child(n+3),
.standard-menu-container.menu-bar-root-items-hidden div.menu > ul > li:nth-child(n+3) {
-webkit-transition-duration: 450ms;
transition-duration: 450ms;
-webkit-transition-delay: 180ms;
transition-delay: 180ms;
}
.standard-menu-container.menu-bar-root-items-hidden ul.menu > li:nth-child(n+4),
.standard-menu-container.menu-bar-root-items-hidden div.menu > ul > li:nth-child(n+4) {
-webkit-transition-duration: 550ms;
transition-duration: 550ms;
-webkit-transition-delay: 240ms;
transition-delay: 240ms;
}
.standard-menu-container.menu-bar-root-items-hidden ul.menu > li:nth-child(n+5),
.standard-menu-container.menu-bar-root-items-hidden div.menu > ul > li:nth-child(n+5) {
-webkit-transition-duration: 650ms;
transition-duration: 650ms;
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.standard-menu-container.menu-bar-root-items-hidden ul.menu > li:nth-child(n+6),
.standard-menu-container.menu-bar-root-items-hidden div.menu > ul > li:nth-child(n+6) {
-webkit-transition-duration: 750ms;
transition-duration: 750ms;
-webkit-transition-delay: 360ms;
transition-delay: 360ms;
}
.standard-menu-container.menu-bar-root-items-hidden ul.menu > li:nth-child(n+7),
.standard-menu-container.menu-bar-root-items-hidden div.menu > ul > li:nth-child(n+7) {
-webkit-transition-duration: 750ms;
transition-duration: 750ms;
-webkit-transition-delay: 420ms;
transition-delay: 420ms;
}
.standard-menu-container.menu-bar-root-items-hidden ul.menu > li:nth-child(n+8),
.standard-menu-container.menu-bar-root-items-hidden div.menu > ul > li:nth-child(n+8) {
-webkit-transition-duration: 750ms;
transition-duration: 750ms;
-webkit-transition-delay: 480ms;
transition-delay: 480ms;
}
.standard-menu-container.menu-bar-root-items-hidden.items-visible ul.menu > li,
.standard-menu-container.menu-bar-root-items-hidden.items-visible div.menu > ul > li {
visibility: visible;
top: 0;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.standard-menu-container.menu-bar-root-items-hidden.items-visible ul.menu > li:nth-last-child(n+1),
.standard-menu-container.menu-bar-root-items-hidden.items-visible div.menu > ul > li:nth-last-child(n+1) {
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transition-delay: 60ms;
transition-delay: 60ms;
}
.standard-menu-container.menu-bar-root-items-hidden.items-visible ul.menu > li:nth-last-child(n+2),
.standard-menu-container.menu-bar-root-items-hidden.items-visible div.menu > ul > li:nth-last-child(n+2) {
-webkit-transition-duration: 350ms;
transition-duration: 350ms;
-webkit-transition-delay: 120ms;
transition-delay: 120ms;
}
.standard-menu-container.menu-bar-root-items-hidden.items-visible ul.menu > li:nth-last-child(n+3),
.standard-menu-container.menu-bar-root-items-hidden.items-visible div.menu > ul > li:nth-last-child(n+3) {
-webkit-transition-duration: 450ms;
transition-duration: 450ms;
-webkit-transition-delay: 180ms;
transition-delay: 180ms;
}
.standard-menu-container.menu-bar-root-items-hidden.items-visible ul.menu > li:nth-last-child(n+4),
.standard-menu-container.menu-bar-root-items-hidden.items-visible div.menu > ul > li:nth-last-child(n+4) {
-webkit-transition-duration: 550ms;
transition-duration: 550ms;
-webkit-transition-delay: 240ms;
transition-delay: 240ms;
}
.standard-menu-container.menu-bar-root-items-hidden.items-visible ul.menu > li:nth-last-child(n+5),
.standard-menu-container.menu-bar-root-items-hidden.items-visible div.menu > ul > li:nth-last-child(n+5) {
-webkit-transition-duration: 650ms;
transition-duration: 650ms;
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.standard-menu-container.menu-bar-root-items-hidden.items-visible ul.menu > li:nth-last-child(n+6),
.standard-menu-container.menu-bar-root-items-hidden.items-visible div.menu > ul > li:nth-last-child(n+6) {
-webkit-transition-duration: 750ms;
transition-duration: 750ms;
-webkit-transition-delay: 360ms;
transition-delay: 360ms;
}
.standard-menu-container.menu-bar-root-items-hidden.items-visible ul.menu > li:nth-last-child(n+7),
.standard-menu-container.menu-bar-root-items-hidden.items-visible div.menu > ul > li:nth-last-child(n+7) {
-webkit-transition-duration: 750ms;
transition-duration: 750ms;
-webkit-transition-delay: 420ms;
transition-delay: 420ms;
}
.standard-menu-container.menu-bar-root-items-hidden.items-visible ul.menu > li:nth-last-child(n+8),
.standard-menu-container.menu-bar-root-items-hidden.items-visible div.menu > ul > li:nth-last-child(n+8) {
-webkit-transition-duration: 750ms;
transition-duration: 750ms;
-webkit-transition-delay: 480ms;
transition-delay: 480ms;
}
.standard-menu-container.menu-bar-root-items-hidden.reveal-from-right ul.menu > li,
.standard-menu-container.menu-bar-root-items-hidden.reveal-from-right div.menu > ul > li {
top: auto;
right: -15px;
}
.standard-menu-container.menu-bar-root-items-hidden.reveal-from-right.items-visible ul.menu > li,
.standard-menu-container.menu-bar-root-items-hidden.reveal-from-right.items-visible div.menu > ul > li {
top: auto;
right: 0;
}
.standard-menu-container.menu-bar-root-items-hidden.reveal-from-left ul.menu > li,
.standard-menu-container.menu-bar-root-items-hidden.reveal-from-left div.menu > ul > li {
top: auto;
left: -15px;
}
.standard-menu-container.menu-bar-root-items-hidden.reveal-from-left.items-visible ul.menu > li,
.standard-menu-container.menu-bar-root-items-hidden.reveal-from-left.items-visible div.menu > ul > li {
top: auto;
left: 0;
}
.standard-menu-container.menu-bar-root-items-hidden.reveal-from-bottom ul.menu > li,
.standard-menu-container.menu-bar-root-items-hidden.reveal-from-bottom div.menu > ul > li {
top: auto;
bottom: -15px;
}
.standard-menu-container.menu-bar-root-items-hidden.reveal-from-bottom.items-visible ul.menu > li,
.standard-menu-container.menu-bar-root-items-hidden.reveal-from-bottom.items-visible div.menu > ul > li {
top: auto;
bottom: 0;
}
.standard-menu-container.menu-bar-root-items-hidden.reveal-fade ul.menu > li,
.standard-menu-container.menu-bar-root-items-hidden.reveal-fade div.menu > ul > li {
top: auto;
}
.standard-menu-container.menu-skin-main { }
.standard-menu-container.menu-skin-main ul.menu > li > a,
.standard-menu-container.menu-skin-main div.menu > ul > li > a {
color: #00b19e;
}
.standard-menu-container.menu-skin-main ul.menu > li > a:after,
.standard-menu-container.menu-skin-main div.menu > ul > li > a:after {
background-color: #00b19e;
}
.standard-menu-container.menu-skin-main ul.menu ul,
.standard-menu-container.menu-skin-main div.menu > ul ul {
background: #00b19e;
}
.standard-menu-container.menu-skin-main ul.menu ul li a,
.standard-menu-container.menu-skin-main div.menu > ul ul li a {
color: #fff;
}
.standard-menu-container.menu-skin-main ul.menu ul li a:after,
.standard-menu-container.menu-skin-main div.menu > ul ul li a:after {
background-color: #fff;
}
.standard-menu-container.menu-skin-main ul.menu ul li.menu-item-has-children > a:before,
.standard-menu-container.menu-skin-main div.menu > ul ul li.menu-item-has-children > a:before {
border-color: transparent transparent transparent #fff;
}
.standard-menu-container.menu-skin-dark { }
.standard-menu-container.menu-skin-dark ul.menu > li > a,
.standard-menu-container.menu-skin-dark div.menu > ul > li > a {
color: #333;
}
.standard-menu-container.menu-skin-dark ul.menu > li > a:after,
.standard-menu-container.menu-skin-dark div.menu > ul > li > a:after {
background-color: #333;
}
.standard-menu-container.menu-skin-dark ul.menu ul,
.standard-menu-container.menu-skin-dark div.menu > ul ul {
background: #333;
}
.standard-menu-container.menu-skin-dark ul.menu ul li a,
.standard-menu-container.menu-skin-dark div.menu > ul ul li a {
color: #fff;
}
.standard-menu-container.menu-skin-dark ul.menu ul li a:after,
.standard-menu-container.menu-skin-dark div.menu > ul ul li a:after {
background-color: #fff;
}
.standard-menu-container.menu-skin-dark ul.menu ul li.menu-item-has-children > a:before,
.standard-menu-container.menu-skin-dark div.menu > ul ul li.menu-item-has-children > a:before {
border-color: transparent transparent transparent #fff;
}
.standard-menu-container.menu-skin-light { }
.standard-menu-container.menu-skin-light ul.menu > li > a,
.standard-menu-container.menu-skin-light div.menu > ul > li > a {
color: #fff;
}
.standard-menu-container.menu-skin-light ul.menu > li > a:after,
.standard-menu-container.menu-skin-light div.menu > ul > li > a:after {
background-color: #fff;
}
.standard-menu-container.menu-skin-light ul.menu ul,
.standard-menu-container.menu-skin-light div.menu > ul ul {
background: #fff;
}
.standard-menu-container.menu-skin-light ul.menu ul li a,
.standard-menu-container.menu-skin-light div.menu > ul ul li a {
color: #333;
}
.standard-menu-container.menu-skin-light ul.menu ul li a:after,
.standard-menu-container.menu-skin-light div.menu > ul ul li a:after {
background-color: #333;
}
.standard-menu-container.menu-skin-light ul.menu ul li.menu-item-has-children > a:before,
.standard-menu-container.menu-skin-light div.menu > ul ul li.menu-item-has-children > a:before {
border-color: transparent transparent transparent #333;
}
.main-header.menu-type-full-bg-menu .full-screen-menu {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
z-index: 100;
background-color: #00b19e;
display: none;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.translucent-background {
background-color: rgba(0, 177, 158, 0.9);
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav {
display: inline-block;
margin: 0;
padding: 0;
margin-top: 45px;
text-align: left;
}
@media screen and (max-width: 768px) {
.main-header.menu-type-full-bg-menu .full-screen-menu nav {
margin-top: 53px;
}
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul {
padding: 0;
list-style: none;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li {
margin-top: 10px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li a {
font-size: 32px;
color: #fff;
text-decoration: none;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li a:after {
background: none;
}
@media screen and (max-width: 768px) {
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li a {
font-size: 30px;
}
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.to-be-animated > ul {
visibility: visible;
overflow: hidden;
display: block;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.to-be-animated > ul > li {
-webkit-transition: all 350ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 350ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.animate-fade-slide-in > ul > li {
position: relative;
left: 0px;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.animate-fade-slide-out > ul > li {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
left: 0;
-webkit-transition-delay: 35ms;
transition-delay: 35ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.animate-fade-slide-out > ul > li + li {
-webkit-transition-delay: 70ms;
transition-delay: 70ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.animate-fade-slide-out > ul > li + li + li {
-webkit-transition-delay: 105ms;
transition-delay: 105ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.animate-fade-slide-out > ul > li + li + li + li {
-webkit-transition-delay: 140ms;
transition-delay: 140ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.animate-fade-slide-out > ul > li + li + li + li + li {
-webkit-transition-delay: 175ms;
transition-delay: 175ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.animate-fade-slide-out > ul > li + li + li + li + li + li {
-webkit-transition-delay: 210ms;
transition-delay: 210ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.animate-fade-slide-out > ul > li + li + li + li + li + li + li {
-webkit-transition-delay: 245ms;
transition-delay: 245ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.animate-fade-slide-out > ul > li + li + li + li + li + li + li + li {
-webkit-transition-delay: 280ms;
transition-delay: 280ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.animate-fade-slide-out > ul > li + li + li + li + li + li + li + li + li {
-webkit-transition-delay: 315ms;
transition-delay: 315ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.current-menu-item > a:after,
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.current_page_item > a:after,
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.current-menu-ancestor > a:after,
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.current_page_ancestor > a:after {
width: 100%;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul li.is-shown > ul {
display: block;
visibility: visible;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul.menu > li > a:after,
.main-header.menu-type-full-bg-menu .full-screen-menu nav div.menu > ul > li > a:after {
height: 2px;
background-color: #fff;
bottom: 0px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul.menu > li:hover > a:after,
.main-header.menu-type-full-bg-menu .full-screen-menu nav div.menu > ul > li:hover > a:after {
width: 100%;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul.menu ul,
.main-header.menu-type-full-bg-menu .full-screen-menu nav div.menu > ul ul {
display: none;
margin-left: 0;
padding-left: 0;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul.menu ul li,
.main-header.menu-type-full-bg-menu .full-screen-menu nav div.menu > ul ul li {
margin-top: 2px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul.menu ul li a,
.main-header.menu-type-full-bg-menu .full-screen-menu nav div.menu > ul ul li a {
font-size: 20px;
-webkit-transition: opacity 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: opacity 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul.menu ul li a:hover,
.main-header.menu-type-full-bg-menu .full-screen-menu nav div.menu > ul ul li a:hover {
zoom: 1;
filter: alpha(opacity=75);
-webkit-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul.menu ul ul li a,
.main-header.menu-type-full-bg-menu .full-screen-menu nav div.menu > ul ul ul li a {
font-size: 17px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul.menu ul ul ul li a,
.main-header.menu-type-full-bg-menu .full-screen-menu nav div.menu > ul ul ul ul li a {
font-size: 14px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu nav ul.menu ul ul ul li a:after,
.main-header.menu-type-full-bg-menu .full-screen-menu nav div.menu > ul ul ul ul li a:after {
height: 1px;
bottom: -1px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .search-form {
position: relative;
width: 100%;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .search-form .search-field {
background: transparent;
border: 0;
font-size: 32px;
color: #fff;
width: 100%;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .search-form label {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: block;
color: #fff;
font-size: 32px;
font-weight: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
zoom: 1;
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
cursor: text;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .search-form label i {
display: inline-block;
background-color: #fff;
width: 3px;
height: 3px;
-webkit-animation: blink 1s linear infinite;
animation: blink 1s linear infinite;
margin-left: 3px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .search-form label i + i {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .search-form label i + i + i {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .search-form.search-filled label {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer {
color: #fff;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
margin-bottom: 50px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 25px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .left-part {
float: left;
width: 100%;
text-align: left;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .right-part {
float: right;
width: 50%;
text-align: right;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .right-part + .left-part {
width: 50%;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer a {
color: #fff;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer a:hover {
filter: alpha(opacity=55.00000000000001);
zoom: 1;
filter: alpha(opacity=55);
-webkit-opacity: 0.55;
-moz-opacity: 0.55;
opacity: 0.55;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .social-networks li a {
margin: 0;
display: inline-block;
background-color: #fff;
text-align: center;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
width: 24px;
height: 24px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .social-networks li a i {
font-size: 12px;
line-height: 24px;
color: #00b19e;
}
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .social-networks li a span {
display: none;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-aligned-center {
text-align: center;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-aligned-center nav {
text-align: center;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-aligned-center .search-form .search-field {
text-align: center;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center > .container {
position: relative;
height: 100%;
padding-bottom: 100px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center nav {
position: absolute;
top: 50%;
left: 50%;
display: table;
margin-top: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center nav ul.menu,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center nav div.menu > ul {
display: table-cell;
vertical-align: middle;
margin-bottom: 0;
white-space: nowrap;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center nav ul.menu > li,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center nav div.menu > ul > li {
position: relative;
display: inline-block;
margin: 0 20px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center nav ul.menu > li > .sub-menu,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center nav div.menu > ul > li > .sub-menu {
text-align: left;
position: absolute;
top: 100%;
left: 0;
margin-top: 15px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center nav ul.menu > li > .sub-menu li,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center nav div.menu > ul > li > .sub-menu li {
white-space: nowrap;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center nav .search-form {
display: table-cell;
vertical-align: middle;
text-align: left;
padding: 0 15px;
width: 200px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center nav .search-form .search-field {
text-align: left;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center nav .search-form .search-field + label {
left: 15px;
right: 15px;
white-space: nowrap;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-horizontally-center.has-fullmenu-footer nav {
margin-top: -100px;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav ul.menu > li > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav div.menu > ul > li > a {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
transition: all 0ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav ul.menu > li:nth-last-child(n+1) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav div.menu > ul > li:nth-last-child(n+1) > a {
-webkit-transition-duration: 243ms;
transition-duration: 243ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav ul.menu > li:nth-last-child(n+2) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav div.menu > ul > li:nth-last-child(n+2) > a {
-webkit-transition-duration: 306ms;
transition-duration: 306ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav ul.menu > li:nth-last-child(n+3) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav div.menu > ul > li:nth-last-child(n+3) > a {
-webkit-transition-duration: 369ms;
transition-duration: 369ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav ul.menu > li:nth-last-child(n+4) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav div.menu > ul > li:nth-last-child(n+4) > a {
-webkit-transition-duration: 432ms;
transition-duration: 432ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav ul.menu > li:nth-last-child(n+5) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav div.menu > ul > li:nth-last-child(n+5) > a {
-webkit-transition-duration: 495ms;
transition-duration: 495ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav ul.menu > li:nth-last-child(n+6) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav div.menu > ul > li:nth-last-child(n+6) > a {
-webkit-transition-duration: 558ms;
transition-duration: 558ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav ul.menu > li:nth-last-child(n+7) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav div.menu > ul > li:nth-last-child(n+7) > a {
-webkit-transition-duration: 621ms;
transition-duration: 621ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav ul.menu > li:nth-last-child(n+8) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav div.menu > ul > li:nth-last-child(n+8) > a {
-webkit-transition-duration: 684ms;
transition-duration: 684ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav ul.menu > li:nth-last-child(n+9) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade nav div.menu > ul > li:nth-last-child(n+9) > a {
-webkit-transition-duration: 747ms;
transition-duration: 747ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade .search-form,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade .full-menu-footer {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
transition: all 0ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav ul.menu > li > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav div.menu > ul > li > a {
top: 0px;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition-delay: 80ms;
transition-delay: 80ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav ul.menu > li:nth-child(n+1) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav div.menu > ul > li:nth-child(n+1) > a {
-webkit-transition-duration: 243ms;
transition-duration: 243ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav ul.menu > li:nth-child(n+2) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav div.menu > ul > li:nth-child(n+2) > a {
-webkit-transition-duration: 306ms;
transition-duration: 306ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav ul.menu > li:nth-child(n+3) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav div.menu > ul > li:nth-child(n+3) > a {
-webkit-transition-duration: 369ms;
transition-duration: 369ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav ul.menu > li:nth-child(n+4) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav div.menu > ul > li:nth-child(n+4) > a {
-webkit-transition-duration: 432ms;
transition-duration: 432ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav ul.menu > li:nth-child(n+5) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav div.menu > ul > li:nth-child(n+5) > a {
-webkit-transition-duration: 495ms;
transition-duration: 495ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav ul.menu > li:nth-child(n+6) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav div.menu > ul > li:nth-child(n+6) > a {
-webkit-transition-duration: 558ms;
transition-duration: 558ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav ul.menu > li:nth-child(n+7) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav div.menu > ul > li:nth-child(n+7) > a {
-webkit-transition-duration: 621ms;
transition-duration: 621ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav ul.menu > li:nth-child(n+8) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav div.menu > ul > li:nth-child(n+8) > a {
-webkit-transition-duration: 684ms;
transition-duration: 684ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav ul.menu > li:nth-child(n+9) > a,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav div.menu > ul > li:nth-child(n+9) > a {
-webkit-transition-duration: 747ms;
transition-duration: 747ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open .search-form,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open .full-menu-footer {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition-duration: 810ms;
transition-duration: 810ms;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark {
background-color: #1a1a1a;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark.translucent-background {
background-color: rgba(26, 26, 26, 0.9);
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark nav ul li a {
color: #fff;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark nav ul.menu > li > a:after,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark nav div.menu > ul > li > a:after {
background-color: #fff;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark .search-form .search-field {
color: #fff;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark .search-form label {
color: #fff;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark .search-form label i {
background-color: #fff;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark .full-menu-footer {
color: #fff;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark .full-menu-footer .container {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark .full-menu-footer a {
color: #fff;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark .full-menu-footer .social-networks li a {
background-color: #fff;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark .full-menu-footer .social-networks li a i {
color: #1a1a1a;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light {
background-color: #fff;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light.translucent-background {
background-color: rgba(255, 255, 255, 0.9);
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light nav ul li a {
color: #333;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light nav ul.menu > li > a:after,
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light nav div.menu > ul > li > a:after {
background-color: #333;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light .search-form .search-field {
color: #333;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light .search-form label {
color: #333;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light .search-form label i {
background-color: #333;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light .full-menu-footer {
color: #333;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light .full-menu-footer .container {
border-top: 1px solid rgba(51, 51, 51, 0.2);
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light .full-menu-footer a {
color: #333;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light .full-menu-footer .social-networks li a {
background-color: #333;
}
.main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light .full-menu-footer .social-networks li a i {
color: #fff;
}
.fullscreen-menu-is-open .main-header.menu-type-full-bg-menu {
visibility: visible;
-webkit-transform: none;
transform: none;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.fullscreen-menu-is-open {
overflow: hidden;
}
#isotope-container {
margin-left: -15px;
margin-right: -15px;
}
.portfolio-holder:before,
.portfolio-holder:after {
display: table;
content: " ";
}
.portfolio-holder:after {
clear: both;
}
.portfolio-holder:before,
.portfolio-holder:after {
display: table;
content: " ";
}
.portfolio-holder:after {
clear: both;
}
.portfolio-holder.merged-item-spacing {
margin-left: 15px;
margin-right: 15px;
}
.portfolio-holder.merged-item-spacing .portfolio-item {
padding-left: 0 !important;
padding-right: 0 !important;
}
.portfolio-holder.merged-item-spacing .portfolio-item .hover-state.hover-full {
margin: 0;
}
.portfolio-holder.is-masonry-layout {
height: 100%;
}
.portfolio-holder .item-box {
position: relative;
}
.portfolio-holder .item-box .photo {
position: relative;
}
.portfolio-holder .item-box .photo a {
display: block;
}
.portfolio-holder .item-box .photo img {
width: 100%;
}
.portfolio-holder .item-box .photo .on-hover {
position: absolute;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #00b19e;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 350ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 350ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.portfolio-holder .item-box .photo .on-hover i,
.portfolio-holder .item-box .photo .on-hover .custom-hover-icon {
position: absolute;
left: 50%;
top: 50%;
color: #fff;
font-size: 32px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1;
display: block;
margin: 0;
width: 60px;
text-align: center;
height: 25px;
-webkit-transform-origin: -50% -50%;
transform-origin: -50% -50%;
}
.portfolio-holder .item-box .photo .on-hover i img,
.portfolio-holder .item-box .photo .on-hover .custom-hover-icon img {
height: auto;
}
.portfolio-holder .item-box .photo .on-hover i.custom-hover-icon,
.portfolio-holder .item-box .photo .on-hover .custom-hover-icon.custom-hover-icon {
width: auto;
height: auto;
}
.portfolio-holder .item-box .photo .on-hover.distanced {
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
}
.portfolio-holder .item-box .photo.loading-finished .image-placeholder img {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.portfolio-holder .item-box .photo:hover .on-hover {
visibility: visible;
zoom: 1;
filter: alpha(opacity=90);
-webkit-opacity: 0.9;
-moz-opacity: 0.9;
opacity: 0.9;
}
.portfolio-holder .item-box .photo:hover .on-hover.opacity-no {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.portfolio-holder .item-box .info {
padding: 10px 0;
}
.portfolio-holder .item-box .info h3 {
font-size: 20px;
margin-top: 10px;
margin-bottom: 5px;
}
.portfolio-holder .item-box .info h3 a {
color: #333;
-webkit-transition: all 200ms ease-in-out 0;
transition: all 200ms ease-in-out 0;
}
.portfolio-holder .item-box .info h3 a::after {
background: none;
}
.portfolio-holder .item-box .info p {
font-size: 14px;
}
.portfolio-holder .item-box .info p a {
color: #898989;
}
.portfolio-holder .item-box .info p a:hover {
color: #00b19e;
}
.portfolio-holder .animated-eye-icon .item-box .photo .on-hover i {
background: url(//hualien1913.nat.gov.tw/template/assets/images/icons/eye.gif) no-repeat;
width: 45px;
height: 45px;
background-size: 45px;
}
.portfolio-holder .animated-eye-icon .item-box .photo .on-hover i:before {
content: "";
}
.portfolio-holder .dynamic-height-image .info {
padding-bottom: 0;
}
.portfolio-holder .dynamic-height-image .info p {
margin-bottom: 0;
}
.portfolio-holder .thumb {
display: block;
}
.portfolio-holder .thumb > a {
display: block;
}
.portfolio-holder .thumb .hover-state {
overflow: hidden;
cursor: pointer;
}
.portfolio-holder .thumb .hover-state .info {
color: #fff;
bottom: 0;
left: 0;
padding: 40px;
position: absolute;
}
@media screen and (max-width: 768px) {
.portfolio-holder .thumb .hover-state .info {
padding: 25px;
}
}
.portfolio-holder .thumb .hover-state .info h3 {
font-size: 22px;
margin: 0px;
}
@media screen and (max-width: 992px) {
.portfolio-holder .thumb .hover-state .info h3 {
padding: 0px !important;
}
}
@media screen and (max-width: 768px) {
.portfolio-holder .thumb .hover-state .info h3 {
padding-bottom: 10px !important;
}
}
.portfolio-holder .thumb .hover-state .info h3 a {
color: #fff;
}
.portfolio-holder .thumb .hover-state .info h3 a::after {
background: none;
}
.portfolio-holder .thumb .hover-state .info p {
font-size: 15px;
color: #fff;
margin: 0px;
padding-top: 7px;
}
@media screen and (max-width: 992px) {
.portfolio-holder .thumb .hover-state .info p {
display: none;
}
}
@media screen and (max-width: 768px) {
.portfolio-holder .thumb .hover-state .info p {
display: block;
}
}
.portfolio-holder .thumb .hover-state .info p a {
color: #fff;
}
.portfolio-holder .thumb .hover-state .info p a:hover {
color: #fff;
}
.portfolio-holder .thumb .hover-state .likes {
position: absolute;
left: 40px;
top: 40px;
}
@media screen and (max-width: 992px) {
.portfolio-holder .thumb .hover-state .likes {
top: auto;
}
}
.portfolio-holder .thumb .hover-state .likes a {
position: relative;
display: block;
background-color: #fff;
font-size: 18px;
text-align: center;
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.portfolio-holder .thumb .hover-state .likes a i {
line-height: 1;
}
.portfolio-holder .thumb .hover-state .likes a i,
.portfolio-holder .thumb .hover-state .likes a .counter {
display: block;
position: absolute;
left: 0;
right: 0;
top: 50%;
color: #00b19e;
width: 100%;
margin-left: 0;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
}
.portfolio-holder .thumb .hover-state .likes a .counter {
font-size: 15px;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.portfolio-holder .thumb .hover-state .likes a.is-loading {
pointer-events: none;
zoom: 1;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.portfolio-holder .thumb .hover-state.hover-is-visible {
visibility: visible;
zoom: 1;
filter: alpha(opacity=90);
-webkit-opacity: 0.9;
-moz-opacity: 0.9;
opacity: 0.9;
}
.portfolio-holder .thumb .hover-state.hover-is-visible.opacity-no {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.portfolio-holder .thumb .hover-state.hover-full {
margin: 0px;
}
.portfolio-holder .thumb .hover-state.hover-distanced {
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
width: auto;
height: auto;
}
.portfolio-holder .thumb .hover-state.hover-style-black {
background-color: #333;
}
.portfolio-holder .thumb .hover-state.hover-style-black .likes a i,
.portfolio-holder .thumb .hover-state.hover-style-black .likes a .counter {
color: #333;
}
.portfolio-holder .thumb .hover-state.hover-style-white {
background-color: #fff;
}
.portfolio-holder .thumb .hover-state.hover-style-white h3 a {
color: #111;
}
.portfolio-holder .thumb .hover-state.hover-style-white p a {
color: #898989;
}
.portfolio-holder .thumb .hover-state.hover-style-white .likes a {
background-color: #111;
}
.portfolio-holder .thumb .hover-state.hover-style-white .likes a i,
.portfolio-holder .thumb .hover-state.hover-style-white .likes a .counter {
color: #fff;
}
.portfolio-holder .thumb .hover-state.position-bottom-right .info {
right: 0;
left: auto;
text-align: right;
}
.portfolio-holder .thumb .hover-state.position-top-left .likes {
top: auto;
left: auto;
right: 40px;
bottom: 40px;
}
.portfolio-holder .thumb .hover-state.position-top-left .info {
top: 0;
bottom: auto;
}
.portfolio-holder .thumb .hover-state.position-top-right .info {
right: 0;
top: 0;
left: auto;
bottom: auto;
text-align: right;
}
.portfolio-holder .thumb .hover-state.position-center .likes {
left: 50%;
top: 25%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.portfolio-holder .thumb .hover-state.position-center .likes + .info {
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
}
.portfolio-holder .thumb .hover-state.position-center .info {
left: 0;
right: 0;
top: 50%;
bottom: auto;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.portfolio-holder .thumb:hover .hover-state {
zoom: 1;
filter: alpha(opacity=90);
-webkit-opacity: 0.9;
-moz-opacity: 0.9;
opacity: 0.9;
}
.portfolio-holder .thumb:hover .hover-state.opacity-no {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.portfolio-holder .thumb:hover .hover-state.hover-reverse {
visibility: hidden !important;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.portfolio-holder .thumb:hover .hover-state.hover-eff-fade-slide .info h3 {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 0.3s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.3s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.portfolio-holder .thumb:hover .hover-state.hover-eff-fade-slide .info p {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 0.4s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.4s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.portfolio-holder .portfolio.not-clickable .likes {
display: none;
}
.portfolio-holder .portfolio.not-clickable h3 a,
.portfolio-holder .portfolio.not-clickable .hover-state {
cursor: default;
}
.portfolio-endless-pagination {
overflow: hidden;
}
.portfolio-endless-pagination .show-more {
text-align: center;
}
.portfolio-container-and-title .page-container {
margin-bottom: 40px;
}
.portfolio-container-and-title .portfolio-title-vc-content {
padding-left: 15px;
padding-right: 15px;
}
.portfolio-container-and-title.container-fullwidth {
padding-left: 15px;
padding-right: 15px;
}
.portfolio-holder {
clear: both;
position: relative;
}
.portfolio-holder .portfolio-item {
position: relative;
width: 33.33333333%;
float: left;
padding-left: 15px;
padding-right: 15px;
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item {
width: 100%;
}
}
.portfolio-holder .portfolio-item.has-padding {
padding: 15px;
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item.has-padding {
padding-bottom: 0px;
}
}
.portfolio-holder .portfolio-item.masonry-portfolio-item {
padding: 0 !important;
}
.portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box {
position: relative;
z-index: 1;
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box {
display: none;
}
}
.portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box .masonry-thumb {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
overflow: hidden;
margin: 15px;
}
.portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box.masonry-mobile-box {
display: none;
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box.masonry-mobile-box {
display: block;
}
}
.portfolio-holder .portfolio-item.masonry-portfolio-item .item-box-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
overflow: hidden;
}
.portfolio-holder .portfolio-item.masonry-portfolio-item .item-box-container .item-box,
.portfolio-holder .portfolio-item.masonry-portfolio-item .item-box-container .thumb {
width: 100%;
height: 100%;
}
.portfolio-holder .portfolio-item.masonry-portfolio-item.hover-disabled .item-box-container {
display: none;
}
.merged-item-spacing.portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box .masonry-thumb {
margin: 0;
}
.merged-item-spacing.portfolio-holder .portfolio-item.masonry-portfolio-item .item-box-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.portfolio-holder .portfolio-item.grid-two {
width: 50%;
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item.grid-two {
width: 100%;
}
}
.portfolio-holder .portfolio-item.grid-three {
width: 33.33333333%;
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.grid-three {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item.grid-three {
width: 100%;
}
}
.portfolio-holder .portfolio-item.grid-four {
width: 25%;
}
@media screen and (max-width: 992px) {
.portfolio-holder .portfolio-item.grid-four {
width: 33.33333333%;
}
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.grid-four {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item.grid-four {
width: 100%;
}
}
.portfolio-holder .portfolio-item.w2 {
width: 16.66666667%;
}
@media screen and (max-width: 1199px) {
.portfolio-holder .portfolio-item.w2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
.portfolio-holder .portfolio-item.w2 {
float: left;
width: 25%;
}
}
@media screen and (max-width: 991px) {
.portfolio-holder .portfolio-item.w2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.portfolio-holder .portfolio-item.w2 {
float: left;
width: 33.33333333%;
}
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.w2 {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item.w2 {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
.portfolio-holder .portfolio-item.w2-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 992px) {
.portfolio-holder .portfolio-item.w2-4 {
float: left;
width: 20%;
}
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.w2-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@-moz-document url-prefix() {
.portfolio-holder .portfolio-item.w2-4 {
width: 33.33333%;
}
}
}
@media screen and (max-width: 768px) and (min-width: 768px) {
.portfolio-holder .portfolio-item.w2-4 {
float: left;
width: 33.33333333%;
}
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.w2-4 {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item.w2-4 {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
.portfolio-holder .portfolio-item.w3 {
width: 25%;
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.w3 {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item.w3 {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
.portfolio-holder .portfolio-item.w4 {
width: 33.33333333%;
}
@-moz-document url-prefix() {
.portfolio-holder .portfolio-item.w4 {
width: 33.33333%;
}
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.w4 {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item.w4 {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
.portfolio-holder .portfolio-item.w5 {
width: 41.66666667%;
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.w5 {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item.w5 {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
.portfolio-holder .portfolio-item.w6 {
width: 50%;
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.w6 {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item.w6 {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
.portfolio-holder .portfolio-item.w8 {
width: 66.66666667%;
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.w8 {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item.w8 {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
.portfolio-holder .portfolio-item.w9 {
width: 75%;
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.w9 {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .portfolio-item.w9 {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
.portfolio-holder .portfolio-item.w12 {
width: 100%;
}
.portfolio-holder .portfolio-item.bw3 {
width: 25%;
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.bw3 {
width: 50%;
}
}
@media screen and (max-width: 650px) {
.portfolio-holder .portfolio-item.bw3 {
width: 100%;
}
}
.portfolio-holder .portfolio-item.bw4 {
width: 33.33333333%;
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.bw4 {
width: 50%;
}
}
@media screen and (max-width: 650px) {
.portfolio-holder .portfolio-item.bw4 {
width: 100%;
}
}
.portfolio-holder .portfolio-item.bw6 {
width: 50%;
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.bw6 {
width: 100%;
}
}
.portfolio-holder .portfolio-item.bw12 {
width: 100%;
}
@media screen and (max-width: 768px) {
.portfolio-holder .portfolio-item.bw12 {
width: 100%;
}
}
.portfolio-holder.portfolio-type-1 .portfolio-item .info {
padding-bottom: 0;
}
.portfolio-holder.portfolio-type-1 .portfolio-item .info .terms {
margin-bottom: 0;
}
.portfolio-holder ~ .pagination-container {
margin-bottom: 0;
margin-top: 30px;
}
.portfolio-holder .dribbble-container {
margin: 0;
text-align: center;
}
.portfolio-holder .dribbble-container ul {
margin-left: -15px;
margin-right: -15px;
}
.portfolio-holder .dribbble-container ul:before,
.portfolio-holder .dribbble-container ul:after {
display: table;
content: " ";
}
.portfolio-holder .dribbble-container ul:after {
clear: both;
}
.portfolio-holder .dribbble-container ul:before,
.portfolio-holder .dribbble-container ul:after {
display: table;
content: " ";
}
.portfolio-holder .dribbble-container ul:after {
clear: both;
}
.portfolio-holder .dribbble-container .dribbble_shot {
width: 33.3333333%;
padding: 0 15px;
margin-bottom: 30px;
position: relative;
}
.portfolio-holder .dribbble-container .dribbble_shot a {
display: block;
float: none;
}
@media screen and (max-width: 992px) {
.portfolio-holder .dribbble-container .dribbble_shot {
width: 33.3333%;
}
}
@media screen and (max-width: 768px) {
.portfolio-holder .dribbble-container .dribbble_shot {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .dribbble-container .dribbble_shot {
width: 100%;
}
}
.portfolio-holder .dribbble-container .dribbble_shot .dribbble-title {
top: 0px;
left: 0px;
margin: 15px;
padding: 15px;
z-index: 0;
position: absolute;
line-height: 1;
background-color: #00b19e;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.portfolio-holder .dribbble-container .dribbble_shot .dribbble-title span {
display: block;
font-size: 16px;
color: #fff;
margin: 0px;
}
.portfolio-holder .dribbble-container .dribbble_shot:hover .dribbble-title {
zoom: 1;
filter: alpha(opacity=95);
-webkit-opacity: 0.95;
-moz-opacity: 0.95;
opacity: 0.95;
}
.portfolio-holder .dribbble-container .dribbble-errors {
background-color: #e44c52;
color: #fff;
padding: 20px;
}
.portfolio-holder .dribbble-container ~ .endless-pagination .show-more {
margin-top: 0px;
}
.portfolio-holder .dribbble-four-columns .dribbble_shot {
width: 25%;
}
@media screen and (max-width: 992px) {
.portfolio-holder .dribbble-four-columns .dribbble_shot {
width: 33.3333%;
}
}
@media screen and (max-width: 768px) {
.portfolio-holder .dribbble-four-columns .dribbble_shot {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.portfolio-holder .dribbble-four-columns .dribbble_shot {
width: 100%;
}
}
.product-filter {
text-align: right;
position: relative;
}
@media screen and (max-width: 992px) {
.product-filter {
text-align: left;
}
}
.product-filter ul {
list-style-type: none;
padding-left: 0px;
}
.product-filter ul > li:first-child {
margin-left: 0;
}
.product-filter ul li {
display: inline-block;
margin-left: 40px;
}
@media screen and (max-width: 992px) {
.product-filter ul li {
margin-left: 0px;
margin-right: 12px;
}
}
.product-filter ul li a {
font-size: 16px;
color: #898989;
text-decoration: none;
}
.product-filter ul li a:hover {
color: #00b19e;
}
.product-filter ul li.active a:after {
width: 100%;
}
.product-filter ul li.subcategory-back a {
color: #898989;
zoom: 1;
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.product-filter ul li.subcategory-back a i {
display: inline-block;
margin-right: 10px;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.product-filter ul li.subcategory-back a:hover {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.product-filter ul li.subcategory-back a:hover i {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.product-filter ul li.subcategory-back a:after {
display: none;
}
.product-filter ul li {
-webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.product-filter ul li {
-webkit-transition-delay: 50ms;
transition-delay: 50ms;
}
.product-filter ul li + li {
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.product-filter ul li + li + li {
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
.product-filter ul li + li + li + li {
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.product-filter ul li + li + li + li + li {
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
}
.product-filter ul li + li + li + li + li + li {
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.product-filter ul.is-active li {
-webkit-transition-delay: 250ms;
transition-delay: 250ms;
}
.product-filter ul.is-active li + li {
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.product-filter ul.is-active li + li + li {
-webkit-transition-delay: 350ms;
transition-delay: 350ms;
}
.product-filter ul.is-active li + li + li + li {
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.product-filter ul.is-active li + li + li + li + li {
-webkit-transition-delay: 450ms;
transition-delay: 450ms;
}
.product-filter ul.is-active li + li + li + li + li + li {
-webkit-transition-delay: 500ms;
transition-delay: 500ms;
}
.subcategory-active.product-filter .portfolio-root-categories li {
visibility: hidden;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.product-filter .portfolio-subcategory {
position: absolute;
top: 0;
right: 0;
z-index: 10;
visibility: hidden;
}
.product-filter .portfolio-subcategory li {
visibility: hidden;
margin-bottom: 10px;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.product-filter .portfolio-subcategory.is-active {
visibility: visible;
}
.product-filter .portfolio-subcategory.is-active li {
visibility: visible;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.product-filter .portfolio-subcategory + .portfolio-subcategory {
z-index: 15;
}
.portfolio-title-holder {
display: -webkit-box;
display: flex;
-webkit-box-align: end;
align-items: flex-end;
}
@media screen and (max-width: 992px) {
.portfolio-title-holder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: start;
align-items: flex-start;
}
.portfolio-title-holder .pt-column-title + .pt-filters {
margin-bottom: 20px;
}
}
@media screen and (min-width: 769px) {
.portfolio-title-holder .pt-column-title {
max-width: 45%;
padding-right: 20px;
}
}
@media screen and (min-width: 769px) {
.portfolio-title-holder .pt-column-title + .pt-filters {
margin-left: auto;
}
}
.portfolio-title-holder .section-title > *:only-child {
margin-bottom: 0;
}
.portfolio-title-holder .section-title h1 + p,
.portfolio-title-holder .section-title .term-description p {
margin-bottom: 0;
}
.portfolio-title-holder + .page-container {
margin-top: 20px;
}
.row-stretch_row_content_no_spaces .portfolio-title-holder {
padding-left: 30px;
padding-right: 30px;
}
.header-absolute .portfolio-title-vc-content {
margin-top: 40px;
}
.portfolio-title-vc-content .container {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.portfolio-title-vc-content > .lab-row-container:last-child {
margin-bottom: 20px;
}
.single-portfolio .page-container {
margin-top: 30px;
}
.header-absolute.single-portfolio .page-container {
margin-top: 0;
}
.single-portfolio-holder .title {
margin-top: 0;
}
.single-portfolio-holder .title h1 {
margin-top: 15px;
-webkit-transition: margin 220ms linear;
transition: margin 220ms linear;
}
.single-portfolio-holder .details {
-webkit-transition: opacity 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: opacity 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.single-portfolio-holder .details:before,
.single-portfolio-holder .details:after {
display: table;
content: " ";
}
.single-portfolio-holder .details:after {
clear: both;
}
.single-portfolio-holder .details:before,
.single-portfolio-holder .details:after {
display: table;
content: " ";
}
.single-portfolio-holder .details:after {
clear: both;
}
.single-portfolio-holder .details > .row {
position: relative;
}
.single-portfolio-holder .details.disappear {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.single-portfolio-holder .details .project-description {
position: relative;
}
.single-portfolio-holder .details .project-description p {
font-size: 16px;
}
.single-portfolio-holder .details .project-description.ps-container {
margin-right: -12px;
overflow: hidden;
}
.single-portfolio-holder .details .project-description.ps-container .post-formatting,
.single-portfolio-holder .details .project-description.ps-container .widget.widget_media_gallery {
padding-right: 25px;
}
.single-portfolio-holder .details .project-description .lab-row-container {
margin: 0 -15px;
}
.single-portfolio-holder .details .project-description .lab-row-container.lab-full-width .wpb_single_image,
.single-portfolio-holder .details .project-description .lab-row-container.lab-full-width .vc_figure,
.single-portfolio-holder .details .project-description .lab-row-container.lab-full-width .vc_single_image-wrapper,
.single-portfolio-holder .details .project-description .lab-row-container.lab-full-width .vc_single_image-wrapper img {
width: 100%;
}
.single-portfolio-holder .details .lgrad {
position: relative;
height: 25px;
margin-top: -25px;
margin-right: 12px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAuOSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.9)));
background-image: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.9) 100%);
}
.single-portfolio-holder .details .services:before,
.single-portfolio-holder .details .services:after {
display: table;
content: " ";
}
.single-portfolio-holder .details .services:after {
clear: both;
}
.single-portfolio-holder .details .services:before,
.single-portfolio-holder .details .services:after {
display: table;
content: " ";
}
.single-portfolio-holder .details .services:after {
clear: both;
}
.single-portfolio-holder .details .services .checklist-entry {
margin-top: 30px;
}
.single-portfolio-holder .details .services .checklist-entry.half-width {
float: left;
width: 50%;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder .details .services {
margin-top: 50px;
}
}
.single-portfolio-holder .details .services h3 {
font-size: 18px;
margin-top: 0px;
}
.single-portfolio-holder .details .services ul {
padding-left: 0px;
}
.single-portfolio-holder .details .services ul li {
list-style-type: none;
font-size: 16px;
color: #898989;
padding-bottom: 5px;
}
.single-portfolio-holder .details .link {
margin-top: 10px;
font-size: 18px;
}
.single-portfolio-holder .details .link .project-multiple-links + .project-multiple-links {
margin-top: 15px;
}
.single-portfolio-holder .details .services.row + .link {
margin-top: 40px;
}
.single-portfolio-holder .details .inline-checklists {
padding-top: 30px;
margin-bottom: -5px;
display: table;
width: 100%;
table-layout: auto;
}
.single-portfolio-holder .details .inline-checklists .services,
.single-portfolio-holder .details .inline-checklists .link {
display: table-cell;
vertical-align: bottom;
}
.single-portfolio-holder .details .inline-checklists .services {
margin-left: 0;
margin-right: 0;
width: auto;
}
.single-portfolio-holder .details .inline-checklists .services > div {
width: 100%;
padding: 0;
}
.single-portfolio-holder .details .inline-checklists .services > div + .checklist-entry {
margin-top: 0;
}
.single-portfolio-holder .details .inline-checklists .link {
margin-bottom: 0;
text-align: right;
padding-bottom: 15px;
white-space: nowrap;
}
.single-portfolio-holder .social-links-plain {
margin-top: 40px;
display: table;
table-layout: auto;
direction: rtl;
width: 100%;
}
@media screen and (max-width: 992px) {
.single-portfolio-holder .social-links-plain {
margin-bottom: 20px;
}
}
.portfolio-type-2.single-portfolio-holder .social-links-plain,
.portfolio-type-3.single-portfolio-holder .social-links-plain {
direction: ltr;
}
.single-portfolio-holder .social-links-plain .likes,
.single-portfolio-holder .social-links-plain .share-social {
display: table-cell;
vertical-align: middle;
direction: ltr;
}
.single-portfolio-holder .social-links-plain .likes {
width: 1%;
}
.single-portfolio-holder .social-links-plain .likes .fa-heart {
color: #00b19e;
font-size: 20px;
}
.single-portfolio-holder .social-links-plain .likes .counter {
font-size: 14px;
text-align: center;
}
.single-portfolio-holder .social-links-plain .likes .like-btn {
display: block;
background-color: #eeeeee;
position: relative;
color: #333;
text-align: center;
font-size: 18px;
padding-top: 14px;
text-decoration: none;
margin-left: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 68px;
height: 68px;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
}
.portfolio-type-2.single-portfolio-holder .social-links-plain .likes .like-btn,
.portfolio-type-3.single-portfolio-holder .social-links-plain .likes .like-btn {
margin-right: 20px;
margin-left: 0;
}
.single-portfolio-holder .social-links-plain .likes .like-btn i {
margin: 0;
width: auto;
height: auto;
}
.single-portfolio-holder .social-links-plain .likes .like-btn span {
display: block;
text-decoration: none;
border: 0;
}
.single-portfolio-holder .social-links-plain .likes .like-btn.is-loading {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
zoom: 1;
filter: alpha(opacity=40);
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
}
.single-portfolio-holder .social-links-plain .share-social h4 {
font-size: 18px;
margin-top: 8px;
}
@media screen and (max-width: 480px) {
.single-portfolio-holder .social-links-plain .share-social h4 {
margin-top: 0px;
}
}
.single-portfolio-holder .social-links-plain .share-social .social-links a {
font-size: 15px;
color: #898989;
margin-right: 12px;
margin-bottom: 5px;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.facebook:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.facebook:hover i {
color: #1877f2;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.twitter:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.twitter:hover i {
color: #55acee;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.instagram:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.instagram:hover i {
color: #3f729b;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.dribbble:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.dribbble:hover i {
color: #ea4c89;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.behance:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.behance:hover i {
color: #1769ff;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.deviantart:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.deviantart:hover i {
color: #05cc47;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.flickr:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.flickr:hover i {
color: #0063dc;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.pinterest:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.pinterest:hover i {
color: #cc2127;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.google-plus:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.google-plus:hover i,
.single-portfolio-holder .social-links-plain .share-social .social-links a.google:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.google:hover i {
color: #dd4b39;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.linkedin:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.linkedin:hover i {
color: #0976b4;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.vkontakte:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.vkontakte:hover i,
.single-portfolio-holder .social-links-plain .share-social .social-links a.vk:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.vk:hover i {
color: #45668e;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.houzz:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.houzz:hover i {
color: #7ac142;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.social-500px:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.social-500px:hover i {
color: #0099e5;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.youtube:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.youtube:hover i {
color: #e52d27;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.delicious:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.delicious:hover i {
color: #3399ff;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.tumblr:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.tumblr:hover i {
color: #35465c;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.soundcloud:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.soundcloud:hover i {
color: #ff8800;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.snapchat:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.snapchat:hover i,
.single-portfolio-holder .social-links-plain .share-social .social-links a.snapchat.dark:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.snapchat.dark:hover i {
color: #fffc00;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.xing:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.xing:hover i {
color: #026466;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.spotify:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.spotify:hover i {
color: #2ebd59;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.email:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.email:hover i {
color: #666666;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.skype:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.skype:hover i {
color: #00aff0;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.github:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.github:hover i {
color: #4183c4;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.foursquare:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.foursquare:hover i {
color: #f94877;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.vimeo:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.vimeo:hover i {
color: #1ab7ea;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.yelp:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.yelp:hover i {
color: #af0606;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.tripadvisor:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.tripadvisor:hover i {
color: #00af87;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.twitch:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.twitch:hover i {
color: #6441a5;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.whatsapp:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.whatsapp:hover i {
color: #25D366;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.custom:hover,
.single-portfolio-holder .social-links-plain .share-social .social-links a.custom:hover i {
color: #00b19e;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.facebook:after {
background-color: #1877f2;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.twitter:after {
background-color: #55acee;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.instagram:after {
background-color: #3f729b;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.dribbble:after {
background-color: #ea4c89;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.behance:after {
background-color: #1769ff;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.deviantart:after {
background-color: #05cc47;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.flickr:after {
background-color: #0063dc;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.pinterest:after {
background-color: #cc2127;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.google-plus:after,
.single-portfolio-holder .social-links-plain .share-social .social-links a.google:after {
background-color: #dd4b39;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.linkedin:after {
background-color: #0976b4;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.vkontakte:after,
.single-portfolio-holder .social-links-plain .share-social .social-links a.vk:after {
background-color: #45668e;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.houzz:after {
background-color: #7ac142;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.social-500px:after {
background-color: #0099e5;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.youtube:after {
background-color: #e52d27;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.delicious:after {
background-color: #3399ff;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.tumblr:after {
background-color: #35465c;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.soundcloud:after {
background-color: #ff8800;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.xing:after {
background-color: #026466;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.spotify:after {
background-color: #2ebd59;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.email:after {
background-color: #666666;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.skype:after {
background-color: #00aff0;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.github:after {
background-color: #4183c4;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.foursquare:after {
background-color: #f94877;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.vimeo:after {
background-color: #1ab7ea;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.yelp:after {
background-color: #af0606;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.tripadvisor:after {
background-color: #00af87;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.twitch:after {
background-color: #6441a5;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.whatsapp:after {
background-color: #25D366;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a.custom:after {
background-color: #00b19e;
}
.single-portfolio-holder .social-links-plain .share-social .social-links a:last-child {
margin-right: 0;
}
.single-portfolio-holder .social-links-rounded {
margin-top: 15px;
clear: both;
}
.portfolio-type-1.single-portfolio-holder .social-links-rounded,
.portfolio-type-5.single-portfolio-holder .social-links-rounded {
margin-top: 40px;
}
.single-portfolio-holder .social-links-rounded .social-share-icon {
background-color: #eeeeee;
margin-right: 5px;
margin-bottom: 5px;
display: inline-block;
position: relative;
cursor: pointer;
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
-webkit-transition: all 200ms ease-in-out !important;
transition: all 200ms ease-in-out !important;
}
.single-portfolio-holder .social-links-rounded .social-share-icon:hover {
background-color: #d5d5d5;
}
.single-portfolio-holder .social-links-rounded .social-share-icon i {
position: absolute;
font-size: 16px;
color: #333;
margin: 0;
width: auto;
height: auto;
top: 50%;
left: 50%;
margin-left: 0;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.single-portfolio-holder .social-links-rounded .social-share-icon .like-count {
display: none;
}
.single-portfolio-holder .social-links-rounded .social-share-icon.like-btn {
-webkit-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.single-portfolio-holder .social-links-rounded .social-share-icon.like-btn i,
.single-portfolio-holder .social-links-rounded .social-share-icon.like-btn span {
-webkit-transition: opacity 400ms ease-in-out;
transition: opacity 400ms ease-in-out;
}
.single-portfolio-holder .social-links-rounded .social-share-icon.like-btn span {
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: 0;
zoom: 1 !important;
filter: alpha(opacity=0) !important;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
opacity: 0 !important;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.single-portfolio-holder .social-links-rounded .social-share-icon.like-btn.is-loading {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
zoom: 1;
filter: alpha(opacity=40);
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
}
.single-portfolio-holder .social-links-rounded .social-share-icon.like-btn.is-liked {
background-color: #00b19e;
}
.single-portfolio-holder .social-links-rounded .social-share-icon.like-btn.is-liked i,
.single-portfolio-holder .social-links-rounded .social-share-icon.like-btn.is-liked span {
color: #fff;
}
.single-portfolio-holder .social-links-rounded .social-share-icon.like-btn.is-liked:hover i,
.single-portfolio-holder .social-links-rounded .social-share-icon.like-btn.is-liked:hover span {
-webkit-transition-delay: 500ms;
transition-delay: 500ms;
}
.single-portfolio-holder .social-links-rounded .social-share-icon.like-btn.is-liked:hover i {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.single-portfolio-holder .social-links-rounded .social-share-icon.like-btn.is-liked:hover span {
zoom: 1 !important;
filter: alpha(opacity=100) !important;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
}
@media screen and (max-width: 480px) {
.single-portfolio-holder .social-links-rounded .social-share-icon:first-child {
margin-left: 15px !important;
}
.single-portfolio-holder .social-links-rounded .social-share-icon:last-child {
margin-right: 15px !important;
}
}
.single-portfolio-holder .gallery {
position: relative;
margin-left: -15px;
margin-right: -15px;
clear: both; }
.single-portfolio-holder .gallery + .social-links-rounded {
margin-top: 0;
padding-top: 20px;
}
.single-portfolio-holder .gallery.no-spacing .photo,
.single-portfolio-holder .gallery.no-spacing .portfolio-video,
.single-portfolio-holder .gallery.no-spacing .comparison-image-slider,
.single-portfolio-holder .gallery.no-spacing .portfolio-images-slider,
.single-portfolio-holder .gallery.no-spacing blockquote {
margin-bottom: 0;
}
.single-portfolio-holder .gallery.no-spacing .row {
margin: 0;
}
.single-portfolio-holder .gallery.no-spacing .row > div {
padding: 0;
}
.single-portfolio-holder .gallery.full-width-container {
overflow: hidden;
}
.single-portfolio-holder .gallery.full-width-container blockquote {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.single-portfolio-holder .gallery .portfolio-images-slider {
margin-bottom: 30px;
}
.single-portfolio-holder .gallery .portfolio-images-slider a {
display: block;
}
.single-portfolio-holder .gallery .portfolio-images-slider.is-finished img {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.single-portfolio-holder .gallery blockquote {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.single-portfolio-holder .gallery blockquote {
margin-top: 10px;
}
}
.single-portfolio-holder .gallery .photo {
width: 100%;
margin-bottom: 30px;
position: relative;
overflow: hidden;
float: left;
}
.single-portfolio-holder .gallery .photo > a {
display: block;
}
.single-portfolio-holder .gallery .photo img {
width: 100%;
height: auto;
}
.single-portfolio-holder .gallery .photo .caption {
bottom: 15px;
left: 15px;
margin: 15px;
padding: 10px 15px;
background-color: rgba(0, 0, 0, 0.3);
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
z-index: 0;
position: absolute;
text-align: left;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
font-size: 16px;
color: #fff;
margin: 0px;
}
.single-portfolio-holder .gallery .photo .caption a {
display: inline-block;
color: #fff;
}
.single-portfolio-holder .gallery .photo .caption a:after {
background-color: #fff;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder .gallery .photo .caption {
position: relative;
margin: 0px;
padding: 15px 0;
background-color: transparent;
color: #898989;
left: 0;
bottom: 0;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
.single-portfolio-holder .gallery .photo:hover .caption {
z-index: 1;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.single-portfolio-holder .gallery .portfolio-video {
margin-bottom: 30px;
clear: both;
}
.single-portfolio-holder .gallery .quote {
position: relative;
float: left;
}
.single-portfolio-holder .gallery .quote blockquote {
margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
.single-portfolio-holder .gallery .quote blockquote {
margin-bottom: 15px;
}
}
.single-portfolio-holder .gallery.gallery-type-description .row {
position: relative;
margin-left: 0;
margin-right: 0;
}
.single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description {
position: relative;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description {
margin-top: 20px;
margin-bottom: 10px;
}
}
.single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description + .lgrad {
visibility: hidden;
}
.single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description.ps-active-y {
padding-right: 20px;
}
.single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description.ps-active-y .ps-scrollbar-y-rail {
right: -10px !important;
}
.single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description.ps-active-y + .lgrad {
visibility: visible;
}
.single-portfolio-holder .gallery.gallery-type-description .row .gallery-item-description.first-entry {
margin-top: 0;
}
.single-portfolio-holder .gallery.gallery-type-description .row .lgrad {
position: relative;
height: 30px;
margin-top: -30px;
margin-right: 12px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAuOSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.9)));
background-image: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.9) 100%);
}
.single-portfolio-holder .gallery.gallery-type-description.no-spacing .gallery-item-description {
margin-top: 45px;
margin-right: 45px;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder .gallery.gallery-type-description.no-spacing .gallery-item-description {
margin-top: 40px;
margin-right: 0;
}
}
.single-portfolio-holder .gallery.gallery-type-description.no-spacing .gallery-item-description.first-entry {
margin-top: 0;
}
.single-portfolio-holder .gallery.gallery-type-description.no-spacing .gallery-item-description.description-right {
margin-right: 0;
margin-left: 45px;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder .gallery.gallery-type-description.no-spacing .gallery-item-description.description-right {
margin-left: 0;
}
}
.single-portfolio-holder .gallery.gallery-type-description.no-spacing .row {
margin-left: 15px;
margin-right: 15px;
}
.single-portfolio-holder .gallery.gallery-type-description .zz-type-html img {
max-width: 100%;
height: auto !important;
}
.single-portfolio-holder .gallery.captions-hide .caption {
display: none;
}
.single-portfolio-holder .gallery.captions-below .caption {
opacity: 1;
bottom: 0;
left: 0;
display: block;
position: relative;
-webkit-transform: none;
transform: none;
background: transparent;
background: #f6f6f6;
color: #333;
}
.single-portfolio-holder .gallery.captions-below .caption a {
color: #00b19e;
}
.single-portfolio-holder .gallery.captions-below .caption a:after {
background-color: #00b19e;
}
.single-portfolio-holder .portfolio-featured-image {
position: relative;
margin-bottom: 60px;
}
.single-portfolio-holder .portfolio-featured-image a {
display: block;
}
.single-portfolio-holder .portfolio-featured-image img {
width: 100%;
}
.single-portfolio-holder .portfolio-featured-image .caption {
bottom: 0;
margin: 15px;
padding: 10px 15px;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
z-index: 0;
position: absolute;
text-align: left;
}
.single-portfolio-holder .portfolio-featured-image .caption h3 {
font-size: 16px;
color: #fff;
margin: 0px;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder .portfolio-featured-image .caption {
position: relative;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
margin: 0px;
padding: 15px 0;
background-color: transparent;
}
.single-portfolio-holder .portfolio-featured-image .caption h3 {
color: #898989;
}
}
.single-portfolio-holder .portfolio-featured-image.loading-finished img {
visibility: visible;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.single-portfolio-holder .portfolio-featured-image:hover .caption {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
z-index: 1;
}
.single-portfolio-holder .portfolio-navigation {
position: fixed;
bottom: 0px;
z-index: 25;
}
.single-portfolio-holder .portfolio-navigation.is-not-visible a {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.single-portfolio-holder .portfolio-navigation .previous i {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.single-portfolio-holder .portfolio-navigation a {
position: relative;
background: #333;
float: left;
margin: 0;
border: 0;
width: 45px;
height: 45px;
-webkit-transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.single-portfolio-holder .portfolio-navigation a.not-clickable {
pointer-events: none;
}
.single-portfolio-holder .portfolio-navigation a.not-clickable i {
zoom: 1;
filter: alpha(opacity=40);
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
}
.single-portfolio-holder .portfolio-navigation a i {
width: 100%;
font-size: 22px;
color: #fff;
top: 50%;
margin-top: -11px;
text-align: center;
position: absolute;
-webkit-transition: all 200ms ease-in-out 0;
transition: all 200ms ease-in-out 0;
}
.single-portfolio-holder .portfolio-navigation a:hover i {
color: #00b19e;
}
.single-portfolio-holder .portfolio-navigation .back-to-portfolio {
border: 1px solid #393939;
border-top: 0;
border-bottom: 0;
}
.single-portfolio-holder .portfolio-navigation.right-side {
right: 0px;
}
.single-portfolio-holder .portfolio-navigation.left-side {
left: 0px;
}
.single-portfolio-holder .portfolio-navigation.centered {
left: 50%;
-webkit-transform: translateX(-49.63%);
transform: translateX(-49.63%);
}
.single-portfolio-holder .portfolio-big-navigation {
margin-top: 80px;
margin-bottom: 30px;
}
.single-portfolio-holder .portfolio-big-navigation .previous {
float: left;
}
.single-portfolio-holder .portfolio-big-navigation .next {
float: right;
}
.single-portfolio-holder .portfolio-big-navigation .next i {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
@media screen and (max-width: 768px) {
.single-portfolio-holder .portfolio-big-navigation .previous.pc-only,
.single-portfolio-holder .portfolio-big-navigation .next.pc-only {
display: none;
}
}
.single-portfolio-holder .portfolio-big-navigation .previous.not-clickable,
.single-portfolio-holder .portfolio-big-navigation .next.not-clickable {
pointer-events: none;
zoom: 1;
filter: alpha(opacity=40);
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
}
.single-portfolio-holder .portfolio-big-navigation .previous.mobile-only.previous:active,
.single-portfolio-holder .portfolio-big-navigation .next.mobile-only.previous:active {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
.single-portfolio-holder .portfolio-big-navigation .previous.mobile-only.next:active,
.single-portfolio-holder .portfolio-big-navigation .next.mobile-only.next:active {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.single-portfolio-holder .portfolio-big-navigation .previous.mobile-only i,
.single-portfolio-holder .portfolio-big-navigation .next.mobile-only i {
display: none;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder .portfolio-big-navigation .previous.mobile-only i,
.single-portfolio-holder .portfolio-big-navigation .next.mobile-only i {
display: block;
}
}
.single-portfolio-holder .portfolio-big-navigation i {
font-size: 32px;
}
.single-portfolio-holder .portfolio-big-navigation a {
color: #333;
font-size: 20px;
-webkit-transition: all 200ms ease-in-out 0;
transition: all 200ms ease-in-out 0;
}
.single-portfolio-holder .portfolio-big-navigation a:hover {
color: #4d4d4d;
}
@media screen and (max-width: 480px) {
.single-portfolio-holder .portfolio-big-navigation a {
font-size: 17px;
}
}
.single-portfolio-holder .portfolio-navigation-type-simple.with-margin {
margin-bottom: 60px;
}
.single-portfolio-holder.gallery-type-fullbg .gallery {
overflow: hidden;
}
.single-portfolio-holder.gallery-type-fullbg.is-sticky .details {
opacity: 1; }
.single-portfolio-holder.alt-one .services {
margin-top: 30px;
}
.single-portfolio-holder.alt-one .gallery {
padding-left: 0px;
padding-right: 0px;
}
.single-portfolio-holder.alt-two .services {
margin-top: 60px;
}
.single-portfolio-holder.alt-two .gallery {
margin-top: -205px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 992px) {
.single-portfolio-holder.alt-two .gallery {
margin-top: 30px;
}
}
.single-portfolio-holder.alt-two .gallery .photo {
margin-bottom: 0px;
}
@media screen and (max-width: 992px) {
.single-portfolio-holder.alt-two .gallery .photo {
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
}
.single-portfolio-holder.alt-five .gallery {
margin-top: 100px;
float: left;
}
.single-portfolio-holder.alt-five .gallery .image-desc-holder {
float: left;
}
.single-portfolio-holder.alt-five .gallery .image-desc-holder .description {
max-height: 620px;
background-color: transparent;
border-top: 41px solid transparent;
border-bottom: 41px solid transparent;
padding: 0px 45px 0px 0px;
overflow: hidden;
position: relative;
float: right;
}
@media screen and (max-width: 992px) {
.single-portfolio-holder.alt-five .gallery .image-desc-holder .description {
padding: 0px;
max-height: auto;
}
}
.single-portfolio-holder.alt-five .gallery .image-desc-holder .description.first-description {
border-top: 0px;
}
.single-portfolio-holder.alt-five .gallery .image-desc-holder .description.right-desc {
padding-left: 45px;
}
@media screen and (max-width: 992px) {
.single-portfolio-holder.alt-five .gallery .image-desc-holder .description.right-desc {
padding-left: 0px;
}
}
.single-portfolio-holder.alt-five .gallery .image-desc-holder .photo {
width: 100%;
margin-bottom: 0px;
float: left;
}
.single-portfolio-holder.alt-six .social {
padding-left: 15px;
padding-right: 15px;
}
.single-portfolio-holder.alt-six .services {
width: 100%;
margin-top: 50px;
text-align: left;
float: left;
}
@media screen and (max-width: 480px) {
.single-portfolio-holder.alt-six .services {
margin-top: 25px;
}
}
.single-portfolio-holder.alt-six .services h3 {
font-size: 18px;
margin-top: 3px;
margin-right: 25px;
float: left;
}
.single-portfolio-holder.alt-six .services ul {
margin-top: 2px;
float: left;
}
.single-portfolio-holder.alt-six .services ul li {
display: inline-block;
padding-right: 12px;
}
.single-portfolio-holder.alt-six .services .link {
margin-top: 0px;
float: right;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder.alt-six .services .link {
clear: both;
margin-top: 30px;
float: left;
}
}
.single-portfolio-holder.alt-six .gallery {
float: none;
}
.single-portfolio-holder.portfolio-type-1 .details {
padding-left: 0;
padding-right: 0;
}
.single-portfolio-holder.portfolio-type-2 .title.section-title + .portfolio-featured-image {
margin-bottom: 40px;
}
.single-portfolio-holder.portfolio-type-2 .services,
.single-portfolio-holder.portfolio-type-3 .services {
margin-top: -15px;
}
.single-portfolio-holder.portfolio-type-2 .gallery,
.single-portfolio-holder.portfolio-type-3 .gallery {
margin-top: 40px;
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider {
position: relative;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider.carousel-center-mode .gallery-item {
zoom: 1;
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider.carousel-center-mode .gallery-item.slick-center {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider .gallery-item {
margin-left: 15px;
margin-right: 15px;
float: left;
-webkit-transition: opacity 250ms ease-in-out;
transition: opacity 250ms ease-in-out;
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider.no-spacing .gallery-item {
margin-left: 0;
margin-right: 0;
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev,
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next {
background: none;
border: 0;
position: absolute;
top: 50%;
color: #fff;
font-size: 45px;
z-index: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev,
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
}
@media screen and (max-width: 992px) {
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev,
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next {
font-size: 30px;
}
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev:hover,
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next:hover {
color: #00b19e;
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-disabled {
zoom: 1 !important;
filter: alpha(opacity=0) !important;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
opacity: 0 !important;
visibility: hidden;
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev {
left: 200px;
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev:active {
left: 185px;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev {
left: 25px;
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev:active {
left: 30px;
}
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next {
right: 200px;
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next:active {
right: 185px;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next {
right: 25px;
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next:active {
right: 30px;
}
}
@media screen and (max-width: 768px) {
.single-portfolio-holder.portfolio-type-3 .gallery-slider.no-spacing .slick-prev {
left: 15px;
}
}
@media screen and (max-width: 768px) {
.single-portfolio-holder.portfolio-type-3 .gallery-slider.no-spacing .slick-next {
right: 15px;
}
}
.single-portfolio-holder.portfolio-type-3 .gallery-slider:hover .slick-prev,
.single-portfolio-holder.portfolio-type-3 .gallery-slider:hover .slick-next {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.single-portfolio-holder.portfolio-type-3 .portfolio-big-navigation.portfolio-navigation-type-simple {
margin-top: 70px;
margin-bottom: 0;
}
.single-portfolio-holder.portfolio-type-3 .portfolio-video {
margin-bottom: 0;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container {
position: fixed;
left: 0;
bottom: 0;
max-width: 60%;
max-height: 60%;
background: #fff;
padding: 0;
overflow: hidden;
z-index: 10;
}
@media screen and (max-width: 992px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container {
margin: 0;
}
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container h1 {
margin-top: 10px;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .title {
margin-bottom: 30px;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .link {
font-size: 18px;
margin-top: 30px;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .services {
margin-top: 20px;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .services ul li {
padding-bottom: 5px;
display: inline-block;
padding-right: 10px;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .social-links-rounded {
text-align: left;
margin-left: 0;
margin-right: 0;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .social-links-rounded a {
margin-right: 0;
margin-left: 8px;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .social-links-rounded a:first-child {
margin-left: 0px;
}
@media screen and (max-width: 992px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .social-links-rounded {
text-align: left;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .social-links-rounded a {
margin-left: 0 !important;
margin-right: 8px !important;
}
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-sharing-container.col-sm-12 .social-links-rounded {
text-align: left;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-sharing-container.col-sm-12 .social-links-rounded a {
margin-left: 0;
margin-right: 8px;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo {
display: none;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo {
position: relative;
padding: 30px 50px;
}
@media screen and (max-width: 992px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo {
padding: 20px 20px;
}
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo h3 {
position: relative;
margin: 0;
padding-bottom: 10px;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo p {
position: relative;
margin: 0;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo .expand-project-info {
position: absolute;
display: block;
width: 30px;
height: 39px;
top: 0;
right: 0;
margin-right: 2px;
margin-top: 0px;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo .expand-project-info {
display: none;
}
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo .expand-project-info svg {
display: block;
width: 100%;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo {
position: relative;
padding: 30px 50px;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .lab-vc-container {
width: 100% !important;
}
@media screen and (max-width: 992px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo {
padding: 20px 20px;
}
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .collapse-project-info {
position: absolute;
display: block;
top: 0;
right: 0;
padding: 10px;
margin-right: 35px;
margin-top: 25px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media screen and (max-width: 992px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .collapse-project-info {
margin-right: 15px;
margin-top: 15px;
}
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .collapse-project-info svg {
display: block;
width: 30px;
height: 39px;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .project-description {
position: relative;
}
@media screen and (max-width: 992px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .project-description {
max-height: 10000px;
}
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .lgrad {
position: relative;
height: 30px;
margin-top: -30px;
margin-right: 12px;
visibility: hidden;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAuOSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.9)));
background-image: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.9) 100%);
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container.is-collapsed {
cursor: pointer;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container.is-collapsed .portfolio-description-fullinfo {
display: none;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container.is-collapsed .portfolio-description-showinfo {
display: block;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .ps-scrollbar-y-rail {
margin-top: 20px;
margin-bottom: 20px;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .ps-scrollbar-y-rail .ps-scrollbar-y {
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container {
position: fixed;
max-width: 100%;
max-height: 60%;
left: 20px;
right: 20px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 992px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-navigation {
margin: 0;
}
}
@media screen and (max-width: 768px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-navigation {
right: 20px;
bottom: 30px;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-navigation a {
clear: both;
height: 32px;
}
.single-portfolio-holder.portfolio-type-5 .portfolio-navigation a + a {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
}
@media screen and (max-width: 768px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-navigation + .portfolio-description-container {
right: 65px;
}
}
.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav {
position: fixed;
z-index: 9;
right: 20px;
top: 50%;
margin-top: -40px !important;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav {
margin: 0;
}
}
@media screen and (max-width: 768px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav {
bottom: 5px;
right: 20px;
top: auto;
left: 20px;
text-align: center;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a {
display: block;
padding: 6px;
margin: 0;
line-height: 0;
}
@media screen and (max-width: 768px) {
.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a {
display: inline-block;
padding: 6px 2px;
}
}
.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a span {
display: inline-block;
line-height: 1;
background: #fff;
text-indent: -9999px;
overflow: hidden;
width: 6px;
height: 6px;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
-webkit-transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a:hover span {
background-color: rgba(0, 177, 158, 0.5);
}
.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a.current span {
background-color: #00b19e;
}
.single-portfolio-holder.portfolio-type-6 .section-title {
text-align: center;
}
.single-portfolio-holder.portfolio-type-6 .lightbox-featured-image {
position: relative;
display: block;
}
.single-portfolio-holder.portfolio-type-6 .lightbox-featured-image:before {
display: block;
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.1);
z-index: 100;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.single-portfolio-holder.portfolio-type-6 .lightbox-featured-image:hover:before {
background-color: rgba(0, 0, 0, 0.2);
}
.single-portfolio-holder.portfolio-type-6 .lightbox-featured-image em {
display: block;
position: absolute;
font-style: normal;
left: 50%;
top: 50%;
background-color: #000;
color: #fff;
line-height: 1;
margin-bottom: -1px;
padding: 10px 15px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.single-portfolio-holder.portfolio-type-6 .lightbox-featured-image em i {
display: inline-block;
background: url(//hualien1913.nat.gov.tw/template/assets/images/icons/open-lightbox-icon.png) no-repeat right center;
line-height: 1;
margin-left: 5px;
background-size: 12px;
width: 12px;
height: 12px;
}
.single-portfolio-holder.portfolio-type-7 .portfolio-big-navigation {
margin-top: 20px;
}
.single-portfolio-holder.portfolio-type-7 > .vc-container {
margin: 0 -15px;
}
.single-portfolio-holder.portfolio-type-7 > .vc-container .container {
width: 100%;
}
.single-portfolio-holder .vc-container {
overflow: visible;
}
.single-portfolio-holder.portfolio-centered-layout .project-description {
text-align: center;
}
.single-portfolio-holder.portfolio-centered-layout .social-links-plain {
margin-bottom: 10px;
text-align: center;
display: block;
}
.single-portfolio-holder.portfolio-centered-layout .social-links-plain .likes,
.single-portfolio-holder.portfolio-centered-layout .social-links-plain .share-social {
width: 100%;
display: block;
float: none;
margin: 0;
}
.single-portfolio-holder.portfolio-centered-layout .social-links-plain .likes .like-btn {
display: inline-block;
margin-left: 0;
margin-right: 0;
}
.single-portfolio-holder.portfolio-centered-layout .social-links-plain .share-social {
position: relative;
margin-top: 35px;
}
.single-portfolio-holder.portfolio-centered-layout .social-links-plain .share-social a {
margin: 0 7px;
}
.single-portfolio-holder.portfolio-centered-layout .social-links-plain .share-social a i {
margin-left: 0;
}
.single-portfolio-holder.portfolio-centered-layout .social-links-rounded {
text-align: center;
}
.portfolio-full-bg-slider {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #eeeeee;
list-style: none;
margin: 0;
padding: 0;
z-index: 1;
}
.portfolio-full-bg-slider .image-entry {
z-index: 1;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: ew-resize;
cursor: -webkit-image-set(url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjgsMjUgMSwzMiA4LDM5ICIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjU2LDM5IDYzLDMyIDU2LDI1ICIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjYzLDMyIDQzLDMyIDEsMzIgIi8+PC9zdmc+) 1x, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjgsMjUgMSwzMiA4LDM5ICIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjU2LDM5IDYzLDMyIDU2LDI1ICIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjYzLDMyIDQzLDMyIDEsMzIgIi8+PC9zdmc+) 2x), ew-resize;
background: no-repeat center center;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
background-size: cover;
-webkit-transition: all 800ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 800ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.portfolio-full-bg-slider .image-entry.active {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.portfolio-full-bg-slider.is-finished + .portfolio-full-bg-loader {
visibility: hidden;
}
.portfolio-full-bg-loader {
position: fixed;
top: 35%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
div.photo a {
display: block;
}
.portfolio-vc-type-container .lab-full-width .wpb_single_image,
.portfolio-vc-type-container .lab-full-width .vc_figure,
.portfolio-vc-type-container .lab-full-width .vc_single_image-wrapper,
.portfolio-vc-type-container .lab-full-width .vc_single_image-wrapper img {
width: 100%;
}
.portfolio-vc-type-container .portfolio-like-share-vc {
margin-bottom: 20px;
}
.portfolio-vc-type-container .portfolio-like-share-vc .social-links-plain {
margin-top: 0;
}
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-left .social-links-plain {
direction: ltr;
}
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-left .social-links-plain .likes .like-btn {
margin-right: 20px;
margin-left: 0;
}
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-right {
text-align: right;
}
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-right .social-links-plain {
display: inline-table;
width: auto;
}
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-right .social-links-plain .likes {
width: auto;
}
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-center .project-description {
text-align: center;
}
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-center .social-links-plain {
margin-bottom: 10px;
text-align: center;
display: block;
}
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-center .social-links-plain .likes,
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-center .social-links-plain .share-social {
width: 100%;
display: block;
float: none;
margin: 0;
}
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-center .social-links-plain .likes .like-btn {
display: inline-block;
margin-left: 0;
margin-right: 0;
}
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-center .social-links-plain .share-social {
position: relative;
margin-top: 35px;
}
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-center .social-links-plain .share-social a {
margin: 0 7px;
}
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-center .social-links-plain .share-social a i {
margin-left: 0;
}
.portfolio-vc-type-container .portfolio-like-share-vc.alignment-center .social-links-rounded {
text-align: center;
}
.blog .row > .column {
float: left;
padding: 0 15px;
box-sizing: border-box;
width: 100%;
min-height: 1px;
}
@media screen and (min-width: 992px) {
.blog--has-sidebar .row > .column--posts {
width: 75%;
}
}
@media screen and (min-width: 992px) {
.blog--has-sidebar .row > .column--sidebar {
width: 25%;
}
}
@media screen and (min-width: 992px) {
.blog--sidebar-alignment-left .row > .column--posts {
float: right;
}
}
.blog-posts {
list-style: none;
margin: 0 -15px;
padding: 0;
}
.blog-posts:before,
.blog-posts:after {
display: table;
content: " ";
}
.blog-posts:after {
clear: both;
}
.blog-posts:before,
.blog-posts:after {
display: table;
content: " ";
}
.blog-posts:after {
clear: both;
}
.blog-posts > li,
.blog-posts > .loading-posts {
float: left;
margin-bottom: 40px;
box-sizing: border-box;
width: 100%;
padding: 0;
padding-left: 15px;
padding-right: 15px;
}
.blog-posts .loading-posts,
.blog-posts .no-posts-found {
padding-top: 40px;
padding-bottom: 40px;
font-size: 24px;
color: #ddd;
text-align: center;
}
.blog-posts .loading-posts strong,
.blog-posts .no-posts-found strong {
font-weight: normal;
}
.blog-posts .loading-posts ~ li,
.blog-posts .no-posts-found ~ li {
visibility: hidden;
opacity: 0;
}
.blog-posts .no-posts-found {
color: #999;
}
.blog-posts i.icon {
display: inline-block;
margin: 0;
height: auto;
width: auto;
line-height: 1;
vertical-align: text-top;
}
.blog-posts .post-item .post-thumbnail {
position: relative;
}
.blog-posts .post-item .post-thumbnail > a {
position: relative;
display: block;
z-index: 1;
}
.blog-posts .post-item .post-thumbnail .blog-image-placeholder {
background: #eeeeee;
padding-bottom: 70.08547009%;
}
.blog-posts .post-item .post-thumbnail .post-format-icon {
position: absolute;
visibility: visible;
display: -webkit-box;
display: flex;
left: 0;
top: 0;
width: 50px;
height: 50px;
text-align: center;
background-color: #fff;
border-radius: 50%;
margin: 15px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
z-index: 10;
}
.blog-posts .post-item .post-thumbnail:hover .post-format-icon {
visibility: hidden;
opacity: 0;
}
.blog-posts .post-item .post-thumbnail .post-hover {
position: absolute;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 100;
background-color: rgba(0, 177, 158, 0.9);
visibility: hidden;
opacity: 0;
color: #fff;
pointer-events: none;
}
.blog-posts .post-item .post-thumbnail .post-hover.post-hover--no-opacity {
background-color: #00b19e;
}
.blog-posts .post-item .post-thumbnail .post-hover.post-hover--distanced {
top: 15px;
bottom: 15px;
left: 15px;
right: 15px;
}
.blog-posts .post-item .post-thumbnail .post-hover .hover-icon {
font-size: 32px;
}
.blog-posts .post-item .post-thumbnail .post-hover .hover-icon.animated-eye {
background: url(//hualien1913.nat.gov.tw/template/assets/images/icons/eye.gif) no-repeat;
background-size: 45px;
width: 45px;
height: 45px;
}
.blog-posts .post-item .post-thumbnail .post-hover .hover-icon.custom {
max-width: 100%;
}
.blog-posts .post-item .post-thumbnail:hover .post-hover {
visibility: visible;
opacity: 1;
}
.blog-posts .post-item .post-thumbnail .post-gallery-images,
.single-post .post-image .post-gallery-images {
list-style: none;
margin: 0;
padding: 0;
max-width: 100%;
}
.blog-posts .post-item .post-thumbnail .post-gallery-images li,
.single-post .post-image .post-gallery-images li {
margin: 0;
padding: 0;
width: 100%;
}
.blog-posts .post-item .post-thumbnail .post-gallery-images li > a,
.single-post .post-image .post-gallery-images li > a {
display: block;
position: relative;
}
.blog-posts .post-item .post-thumbnail .post-gallery-images li:nth-child(n+2),
.single-post .post-image .post-gallery-images li:nth-child(n+2) {
display: none;
}
.blog-posts .post-item .post-thumbnail .post-gallery-images .flickity-prev-next-button,
.single-post .post-image .post-gallery-images .flickity-prev-next-button {
background-color: transparent;
color: #fff;
text-align: center;
width: auto;
height: auto;
}
@media screen and (max-width: 768px) {
.blog-posts .post-item .post-thumbnail .post-gallery-images .flickity-prev-next-button,
.single-post .post-image .post-gallery-images .flickity-prev-next-button {
padding: 0px;
}
}
.blog-posts .post-item .post-thumbnail .post-gallery-images .flickity-prev-next-button:before,
.single-post .post-image .post-gallery-images .flickity-prev-next-button:before {
position: relative;
display: block;
font-family: Flaticon;
font-style: normal;
content: "\e003";
font-size: 30px;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
.blog-posts .post-item .post-thumbnail .post-gallery-images .flickity-prev-next-button:before,
.single-post .post-image .post-gallery-images .flickity-prev-next-button:before {
font-size: 25px;
}
}
.blog-posts .post-item .post-thumbnail .post-gallery-images .flickity-prev-next-button.previous:before,
.single-post .post-image .post-gallery-images .flickity-prev-next-button.previous:before {
content: '\e005';
}
.blog-posts .post-item .post-thumbnail .post-gallery-images .flickity-prev-next-button.previous:active:before,
.single-post .post-image .post-gallery-images .flickity-prev-next-button.previous:active:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
@media screen and (max-width: 768px) {
.blog-posts .post-item .post-thumbnail .post-gallery-images .flickity-prev-next-button.previous:active:before,
.single-post .post-image .post-gallery-images .flickity-prev-next-button.previous:active:before {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
}
.blog-posts .post-item .post-thumbnail .post-gallery-images .flickity-prev-next-button.next:active:before,
.single-post .post-image .post-gallery-images .flickity-prev-next-button.next:active:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
@media screen and (max-width: 768px) {
.blog-posts .post-item .post-thumbnail .post-gallery-images .flickity-prev-next-button.next:active:before,
.single-post .post-image .post-gallery-images .flickity-prev-next-button.next:active:before {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
}
.blog-posts .post-item .post-thumbnail .post-gallery-images .flickity-prev-next-button:hover,
.single-post .post-image .post-gallery-images .flickity-prev-next-button:hover {
color: #00b19e;
}
.blog-posts .post-item .post-thumbnail .post-gallery-images .flickity-prev-next-button svg,
.single-post .post-image .post-gallery-images .flickity-prev-next-button svg {
display: none;
}
.blog-posts .post-item .post-thumbnail .post-gallery-images.flickity-enabled li:nth-child(n+2),
.single-post .post-image .post-gallery-images.flickity-enabled li:nth-child(n+2) {
display: block;
}
.blog-posts .post-item .post-thumbnail .post-gallery-images.flickity-enabled.flickity-adapt-height .flickity-viewport,
.single-post .post-image .post-gallery-images.flickity-enabled.flickity-adapt-height .flickity-viewport {
-webkit-transition: height 220ms;
transition: height 220ms;
}
.blog-posts .post-item .post-thumbnail blockquote,
.single-post .post-image .post-quote blockquote {
background-color: #eeeeee;
padding-top: 90px;
margin: 0;
border: 0;
font-size: 15px;
font-style: normal;
}
.blog-posts .post-item .post-thumbnail blockquote cite,
.single-post .post-image .post-quote blockquote cite {
display: block;
font-weight: 500;
font-style: italic;
color: #333;
margin-top: 5px;
}
.blog-posts .post-item .post-thumbnail blockquote cite:before,
.single-post .post-image .post-quote blockquote cite:before {
content: '– ';
}
.blog-posts .post-item .post-details .post-title {
margin: 0;
margin-bottom: 15px;
font-size: 24px;
}
.blog-posts .post-item .post-details .post-title a {
color: #333;
}
.blog-posts .post-item .post-details .post-title a:after {
background-color: #333;
}
.blog-posts .post-item .post-details .post-excerpt {
margin-bottom: 20px;
color: #898989;
}
.blog-posts .post-item .post-details .post-meta {
font-size: 14px;
margin-bottom: 10px;
color: #898989;
}
.blog-posts .post-item .post-details .post-meta i {
margin: 0;
width: 25px;
height: auto;
line-height: 1;
font-size: 17px;
}
.blog-posts .post-item.columned {
display: -webkit-box;
display: flex;
-webkit-box-align: start;
align-items: flex-start;
}
@media screen and (max-width: 768px) {
.blog-posts .post-item.columned {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
}
.blog-posts .post-item.columned .post-thumbnail,
.blog-posts .post-item.columned .post-details {
flex-basis: auto;
-webkit-box-flex: 1;
flex-grow: 1;
}
.blog-posts .post-item.columned .post-thumbnail {
margin-right: 30px;
min-width: 35%;
max-width: 35%;
}
.blog--has-sidebar .blog-posts .post-item.columned .post-thumbnail {
min-width: 40%;
max-width: 40%;
}
@media screen and (max-width: 768px) {
.blog--has-sidebar .blog-posts .post-item.columned .post-thumbnail {
min-width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
.blog-posts .post-item.columned .post-thumbnail {
min-width: 100%;
max-width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
}
.blog-posts .post-item.columned .post-thumbnail > a {
display: block;
}
@media screen and (max-width: 768px) {
.blog-posts .post-item.columned .post-details {
min-width: 100%;
max-width: 100%;
}
}
.blog-posts .post-item.template-rounded.columned {
-webkit-box-align: center;
align-items: center;
}
.blog-posts .post-item.template-rounded .post-thumbnail {
margin-right: 50px;
min-width: 30%;
max-width: 30%;
}
.blog--has-sidebar .blog-posts .post-item.template-rounded .post-thumbnail {
min-width: 30%;
max-width: 30%;
}
@media screen and (max-width: 768px) {
.blog--has-sidebar .blog-posts .post-item.template-rounded .post-thumbnail {
min-width: 70%;
max-width: 70%;
}
}
@media screen and (max-width: 768px) {
.blog-posts .post-item.template-rounded .post-thumbnail {
min-width: 70%;
max-width: 70%;
margin-right: 0;
margin-bottom: 30px;
}
}
@media screen and (max-width: 480px) {
.blog-posts .post-item.template-rounded .post-thumbnail {
min-width: 100%;
max-width: 100%;
}
}
.blog-posts .post-item.template-rounded .post-thumbnail .image-placeholder,
.blog-posts .post-item.template-rounded .post-thumbnail .blog-image-placeholder {
border-radius: 50%;
overflow: hidden;
display: block;
}
.blog-posts .post-item.template-rounded .post-thumbnail .image-placeholder img,
.blog-posts .post-item.template-rounded .post-thumbnail .blog-image-placeholder img {
border-radius: 50%;
}
.blog-posts .post-item.template-rounded .post-thumbnail .blog-image-placeholder {
padding-bottom: 100%;
}
.blog-posts .post-item.template-rounded .post-thumbnail .post-hover {
border-radius: 50%;
}
.blog-posts .post-item.template-rounded .post-thumbnail .post-format-icon {
left: 50%;
top: 50%;
margin: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.blog-posts .post-item.template-standard {
overflow: hidden;
}
.blog-posts .post-item.template-standard .post-thumbnail,
.blog-posts .post-item.template-standard .post-details {
border: 1px solid #eaeaea;
}
.blog-posts .post-item.template-standard .post-thumbnail {
border-bottom: 0;
}
.blog-posts .post-item.template-standard .post-thumbnail + .post-details {
border-top: 0;
}
.blog-posts .post-item.template-standard .post-details {
padding: 22px 30px;
}
.blog-posts .post-item.template-standard .post-details > div:last-child {
margin-bottom: 0;
}
.blog-posts .type-post.is-playing .post-format-icon {
visibility: hidden;
opacity: 0;
}
.blog-posts .type-post.format-quote .post-item.template-square .post-thumbnail:hover .post-format-icon,
.blog-posts .type-post.format-quote .post-item.template-standard .post-thumbnail:hover .post-format-icon {
visibility: visible;
opacity: 1;
}
@media screen and (min-width: 992px) {
.blog-posts.columns-2 > li {
width: 50%;
}
.blog-posts.columns-2 > li:nth-child(2n + 1) {
clear: left;
}
}
@media screen and (min-width: 992px) {
.blog-posts.columns-3 > li {
width: 33.33333333%;
}
.blog-posts.columns-3 > li:nth-child(3n + 1) {
clear: left;
}
}
@media screen and (min-width: 992px) {
.blog-posts.columns-4 > li {
width: 25%;
}
.blog-posts.columns-4 > li:nth-child(4n + 1) {
clear: left;
}
}
.blog-posts.columns-gap-0 {
margin-left: 0px;
margin-right: 0px;
}
.blog-posts.columns-gap-0 > li {
padding-left: 0px;
padding-right: 0px;
margin-bottom: 0px;
}
.blog-posts.columns-gap-1 {
margin-left: -0.5px;
margin-right: -0.5px;
}
.blog-posts.columns-gap-1 > li {
padding-left: 0.5px;
padding-right: 0.5px;
margin-bottom: 1px;
}
.blog-posts.columns-gap-2 {
margin-left: -1px;
margin-right: -1px;
}
.blog-posts.columns-gap-2 > li {
padding-left: 1px;
padding-right: 1px;
margin-bottom: 2px;
}
.blog-posts.columns-gap-3 {
margin-left: -1.5px;
margin-right: -1.5px;
}
.blog-posts.columns-gap-3 > li {
padding-left: 1.5px;
padding-right: 1.5px;
margin-bottom: 3px;
}
.blog-posts.columns-gap-4 {
margin-left: -2px;
margin-right: -2px;
}
.blog-posts.columns-gap-4 > li {
padding-left: 2px;
padding-right: 2px;
margin-bottom: 4px;
}
.blog-posts.columns-gap-5 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.blog-posts.columns-gap-5 > li {
padding-left: 2.5px;
padding-right: 2.5px;
margin-bottom: 5px;
}
.blog-posts.columns-gap-6 {
margin-left: -3px;
margin-right: -3px;
}
.blog-posts.columns-gap-6 > li {
padding-left: 3px;
padding-right: 3px;
margin-bottom: 6px;
}
.blog-posts.columns-gap-7 {
margin-left: -3.5px;
margin-right: -3.5px;
}
.blog-posts.columns-gap-7 > li {
padding-left: 3.5px;
padding-right: 3.5px;
margin-bottom: 7px;
}
.blog-posts.columns-gap-8 {
margin-left: -4px;
margin-right: -4px;
}
.blog-posts.columns-gap-8 > li {
padding-left: 4px;
padding-right: 4px;
margin-bottom: 8px;
}
.blog-posts.columns-gap-9 {
margin-left: -4.5px;
margin-right: -4.5px;
}
.blog-posts.columns-gap-9 > li {
padding-left: 4.5px;
padding-right: 4.5px;
margin-bottom: 9px;
}
.blog-posts.columns-gap-10 {
margin-left: -5px;
margin-right: -5px;
}
.blog-posts.columns-gap-10 > li {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}
.blog-posts.columns-gap-11 {
margin-left: -5.5px;
margin-right: -5.5px;
}
.blog-posts.columns-gap-11 > li {
padding-left: 5.5px;
padding-right: 5.5px;
margin-bottom: 11px;
}
.blog-posts.columns-gap-12 {
margin-left: -6px;
margin-right: -6px;
}
.blog-posts.columns-gap-12 > li {
padding-left: 6px;
padding-right: 6px;
margin-bottom: 12px;
}
.blog-posts.columns-gap-13 {
margin-left: -6.5px;
margin-right: -6.5px;
}
.blog-posts.columns-gap-13 > li {
padding-left: 6.5px;
padding-right: 6.5px;
margin-bottom: 13px;
}
.blog-posts.columns-gap-14 {
margin-left: -7px;
margin-right: -7px;
}
.blog-posts.columns-gap-14 > li {
padding-left: 7px;
padding-right: 7px;
margin-bottom: 14px;
}
.blog-posts.columns-gap-15 {
margin-left: -7.5px;
margin-right: -7.5px;
}
.blog-posts.columns-gap-15 > li {
padding-left: 7.5px;
padding-right: 7.5px;
margin-bottom: 15px;
}
.blog-posts.columns-gap-16 {
margin-left: -8px;
margin-right: -8px;
}
.blog-posts.columns-gap-16 > li {
padding-left: 8px;
padding-right: 8px;
margin-bottom: 16px;
}
.blog-posts.columns-gap-17 {
margin-left: -8.5px;
margin-right: -8.5px;
}
.blog-posts.columns-gap-17 > li {
padding-left: 8.5px;
padding-right: 8.5px;
margin-bottom: 17px;
}
.blog-posts.columns-gap-18 {
margin-left: -9px;
margin-right: -9px;
}
.blog-posts.columns-gap-18 > li {
padding-left: 9px;
padding-right: 9px;
margin-bottom: 18px;
}
.blog-posts.columns-gap-19 {
margin-left: -9.5px;
margin-right: -9.5px;
}
.blog-posts.columns-gap-19 > li {
padding-left: 9.5px;
padding-right: 9.5px;
margin-bottom: 19px;
}
.blog-posts.columns-gap-20 {
margin-left: -10px;
margin-right: -10px;
}
.blog-posts.columns-gap-20 > li {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.blog-posts.columns-gap-21 {
margin-left: -10.5px;
margin-right: -10.5px;
}
.blog-posts.columns-gap-21 > li {
padding-left: 10.5px;
padding-right: 10.5px;
margin-bottom: 21px;
}
.blog-posts.columns-gap-22 {
margin-left: -11px;
margin-right: -11px;
}
.blog-posts.columns-gap-22 > li {
padding-left: 11px;
padding-right: 11px;
margin-bottom: 22px;
}
.blog-posts.columns-gap-23 {
margin-left: -11.5px;
margin-right: -11.5px;
}
.blog-posts.columns-gap-23 > li {
padding-left: 11.5px;
padding-right: 11.5px;
margin-bottom: 23px;
}
.blog-posts.columns-gap-24 {
margin-left: -12px;
margin-right: -12px;
}
.blog-posts.columns-gap-24 > li {
padding-left: 12px;
padding-right: 12px;
margin-bottom: 24px;
}
.blog-posts.columns-gap-25 {
margin-left: -12.5px;
margin-right: -12.5px;
}
.blog-posts.columns-gap-25 > li {
padding-left: 12.5px;
padding-right: 12.5px;
margin-bottom: 25px;
}
.blog-posts.columns-gap-26 {
margin-left: -13px;
margin-right: -13px;
}
.blog-posts.columns-gap-26 > li {
padding-left: 13px;
padding-right: 13px;
margin-bottom: 26px;
}
.blog-posts.columns-gap-27 {
margin-left: -13.5px;
margin-right: -13.5px;
}
.blog-posts.columns-gap-27 > li {
padding-left: 13.5px;
padding-right: 13.5px;
margin-bottom: 27px;
}
.blog-posts.columns-gap-28 {
margin-left: -14px;
margin-right: -14px;
}
.blog-posts.columns-gap-28 > li {
padding-left: 14px;
padding-right: 14px;
margin-bottom: 28px;
}
.blog-posts.columns-gap-29 {
margin-left: -14.5px;
margin-right: -14.5px;
}
.blog-posts.columns-gap-29 > li {
padding-left: 14.5px;
padding-right: 14.5px;
margin-bottom: 29px;
}
.blog-posts.columns-gap-30 {
margin-left: -15px;
margin-right: -15px;
}
.blog-posts.columns-gap-30 > li {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.blog-posts.columns-gap-31 {
margin-left: -15.5px;
margin-right: -15.5px;
}
.blog-posts.columns-gap-31 > li {
padding-left: 15.5px;
padding-right: 15.5px;
margin-bottom: 31px;
}
.blog-posts.columns-gap-32 {
margin-left: -16px;
margin-right: -16px;
}
.blog-posts.columns-gap-32 > li {
padding-left: 16px;
padding-right: 16px;
margin-bottom: 32px;
}
.blog-posts.columns-gap-33 {
margin-left: -16.5px;
margin-right: -16.5px;
}
.blog-posts.columns-gap-33 > li {
padding-left: 16.5px;
padding-right: 16.5px;
margin-bottom: 33px;
}
.blog-posts.columns-gap-34 {
margin-left: -17px;
margin-right: -17px;
}
.blog-posts.columns-gap-34 > li {
padding-left: 17px;
padding-right: 17px;
margin-bottom: 34px;
}
.blog-posts.columns-gap-35 {
margin-left: -17.5px;
margin-right: -17.5px;
}
.blog-posts.columns-gap-35 > li {
padding-left: 17.5px;
padding-right: 17.5px;
margin-bottom: 35px;
}
.blog-posts.columns-gap-36 {
margin-left: -18px;
margin-right: -18px;
}
.blog-posts.columns-gap-36 > li {
padding-left: 18px;
padding-right: 18px;
margin-bottom: 36px;
}
.blog-posts.columns-gap-37 {
margin-left: -18.5px;
margin-right: -18.5px;
}
.blog-posts.columns-gap-37 > li {
padding-left: 18.5px;
padding-right: 18.5px;
margin-bottom: 37px;
}
.blog-posts.columns-gap-38 {
margin-left: -19px;
margin-right: -19px;
}
.blog-posts.columns-gap-38 > li {
padding-left: 19px;
padding-right: 19px;
margin-bottom: 38px;
}
.blog-posts.columns-gap-39 {
margin-left: -19.5px;
margin-right: -19.5px;
}
.blog-posts.columns-gap-39 > li {
padding-left: 19.5px;
padding-right: 19.5px;
margin-bottom: 39px;
}
.blog-posts.columns-gap-40 {
margin-left: -20px;
margin-right: -20px;
}
.blog-posts.columns-gap-40 > li {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
.blog-posts.columns-gap-41 {
margin-left: -20.5px;
margin-right: -20.5px;
}
.blog-posts.columns-gap-41 > li {
padding-left: 20.5px;
padding-right: 20.5px;
margin-bottom: 41px;
}
.blog-posts.columns-gap-42 {
margin-left: -21px;
margin-right: -21px;
}
.blog-posts.columns-gap-42 > li {
padding-left: 21px;
padding-right: 21px;
margin-bottom: 42px;
}
.blog-posts.columns-gap-43 {
margin-left: -21.5px;
margin-right: -21.5px;
}
.blog-posts.columns-gap-43 > li {
padding-left: 21.5px;
padding-right: 21.5px;
margin-bottom: 43px;
}
.blog-posts.columns-gap-44 {
margin-left: -22px;
margin-right: -22px;
}
.blog-posts.columns-gap-44 > li {
padding-left: 22px;
padding-right: 22px;
margin-bottom: 44px;
}
.blog-posts.columns-gap-45 {
margin-left: -22.5px;
margin-right: -22.5px;
}
.blog-posts.columns-gap-45 > li {
padding-left: 22.5px;
padding-right: 22.5px;
margin-bottom: 45px;
}
.blog-posts.columns-gap-46 {
margin-left: -23px;
margin-right: -23px;
}
.blog-posts.columns-gap-46 > li {
padding-left: 23px;
padding-right: 23px;
margin-bottom: 46px;
}
.blog-posts.columns-gap-47 {
margin-left: -23.5px;
margin-right: -23.5px;
}
.blog-posts.columns-gap-47 > li {
padding-left: 23.5px;
padding-right: 23.5px;
margin-bottom: 47px;
}
.blog-posts.columns-gap-48 {
margin-left: -24px;
margin-right: -24px;
}
.blog-posts.columns-gap-48 > li {
padding-left: 24px;
padding-right: 24px;
margin-bottom: 48px;
}
.blog-posts.columns-gap-49 {
margin-left: -24.5px;
margin-right: -24.5px;
}
.blog-posts.columns-gap-49 > li {
padding-left: 24.5px;
padding-right: 24.5px;
margin-bottom: 49px;
}
.blog-posts.columns-gap-50 {
margin-left: -25px;
margin-right: -25px;
}
.blog-posts.columns-gap-50 > li {
padding-left: 25px;
padding-right: 25px;
margin-bottom: 50px;
}
.single-post .post:before,
.single-post .post:after {
display: table;
content: " ";
}
.single-post .post:after {
clear: both;
}
.single-post .post:before,
.single-post .post:after {
display: table;
content: " ";
}
.single-post .post:after {
clear: both;
}
.single-post .post--column {
float: left;
width: 100%;
padding: 0 15px;
}
.single-post .post .post-image {
padding: 0 15px;
width: 100%;
}
.single-post .post .entry-header {
margin-bottom: 30px;
}
.single-post .post .entry-header .post-title {
font-size: 26px;
margin: 0;
}
.single-post .post .entry-header + .post-meta-only {
margin-top: -10px;
}
.single-post .post .post-content {
margin-bottom: 20px;
}
.single-post .post .post-tags {
margin-bottom: 30px;
}
.single-post .post .post-tags a {
display: inline-block;
background-color: #efefef;
color: #333;
padding: 5px 10px;
line-height: 1;
font-size: 13px;
margin-bottom: 5px;
}
.single-post .post .post-tags a:hover {
background-color: #e0e0e0;
}
.single-post .post .post-share-networks {
margin-bottom: 30px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
@media screen and (max-width: 768px) {
.single-post .post .post-share-networks {
-webkit-box-pack: center;
justify-content: center;
}
}
.single-post .post .post-share-networks .share-title,
.single-post .post .post-share-networks .networks-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.single-post .post .post-share-networks .share-title {
margin-right: 20px;
font-size: 19px;
line-height: 1;
}
.single-post .post .post-share-networks .networks-list a {
margin-right: 10px;
}
.single-post .post .post-share-networks .icon {
margin-left: 0;
width: auto;
height: auto;
}
@media screen and (max-width: 480px) {
.single-post .post .post-share-networks {
text-align: center;
flex-wrap: wrap;
}
.single-post .post .post-share-networks .share-title,
.single-post .post .post-share-networks .networks-list {
-webkit-box-flex: 1;
flex-grow: 1;
}
.single-post .post .post-share-networks .share-title {
margin-bottom: 15px;
margin-right: 0;
}
}
.single-post .post .post-share-networks--style-plain a.facebook:hover,
.single-post .post .post-share-networks--style-plain a.facebook:hover i {
color: #1877f2;
}
.single-post .post .post-share-networks--style-plain a.twitter:hover,
.single-post .post .post-share-networks--style-plain a.twitter:hover i {
color: #55acee;
}
.single-post .post .post-share-networks--style-plain a.instagram:hover,
.single-post .post .post-share-networks--style-plain a.instagram:hover i {
color: #3f729b;
}
.single-post .post .post-share-networks--style-plain a.dribbble:hover,
.single-post .post .post-share-networks--style-plain a.dribbble:hover i {
color: #ea4c89;
}
.single-post .post .post-share-networks--style-plain a.behance:hover,
.single-post .post .post-share-networks--style-plain a.behance:hover i {
color: #1769ff;
}
.single-post .post .post-share-networks--style-plain a.deviantart:hover,
.single-post .post .post-share-networks--style-plain a.deviantart:hover i {
color: #05cc47;
}
.single-post .post .post-share-networks--style-plain a.flickr:hover,
.single-post .post .post-share-networks--style-plain a.flickr:hover i {
color: #0063dc;
}
.single-post .post .post-share-networks--style-plain a.pinterest:hover,
.single-post .post .post-share-networks--style-plain a.pinterest:hover i {
color: #cc2127;
}
.single-post .post .post-share-networks--style-plain a.google-plus:hover,
.single-post .post .post-share-networks--style-plain a.google-plus:hover i,
.single-post .post .post-share-networks--style-plain a.google:hover,
.single-post .post .post-share-networks--style-plain a.google:hover i {
color: #dd4b39;
}
.single-post .post .post-share-networks--style-plain a.linkedin:hover,
.single-post .post .post-share-networks--style-plain a.linkedin:hover i {
color: #0976b4;
}
.single-post .post .post-share-networks--style-plain a.vkontakte:hover,
.single-post .post .post-share-networks--style-plain a.vkontakte:hover i,
.single-post .post .post-share-networks--style-plain a.vk:hover,
.single-post .post .post-share-networks--style-plain a.vk:hover i {
color: #45668e;
}
.single-post .post .post-share-networks--style-plain a.houzz:hover,
.single-post .post .post-share-networks--style-plain a.houzz:hover i {
color: #7ac142;
}
.single-post .post .post-share-networks--style-plain a.social-500px:hover,
.single-post .post .post-share-networks--style-plain a.social-500px:hover i {
color: #0099e5;
}
.single-post .post .post-share-networks--style-plain a.youtube:hover,
.single-post .post .post-share-networks--style-plain a.youtube:hover i {
color: #e52d27;
}
.single-post .post .post-share-networks--style-plain a.delicious:hover,
.single-post .post .post-share-networks--style-plain a.delicious:hover i {
color: #3399ff;
}
.single-post .post .post-share-networks--style-plain a.tumblr:hover,
.single-post .post .post-share-networks--style-plain a.tumblr:hover i {
color: #35465c;
}
.single-post .post .post-share-networks--style-plain a.soundcloud:hover,
.single-post .post .post-share-networks--style-plain a.soundcloud:hover i {
color: #ff8800;
}
.single-post .post .post-share-networks--style-plain a.snapchat:hover,
.single-post .post .post-share-networks--style-plain a.snapchat:hover i,
.single-post .post .post-share-networks--style-plain a.snapchat.dark:hover,
.single-post .post .post-share-networks--style-plain a.snapchat.dark:hover i {
color: #fffc00;
}
.single-post .post .post-share-networks--style-plain a.xing:hover,
.single-post .post .post-share-networks--style-plain a.xing:hover i {
color: #026466;
}
.single-post .post .post-share-networks--style-plain a.spotify:hover,
.single-post .post .post-share-networks--style-plain a.spotify:hover i {
color: #2ebd59;
}
.single-post .post .post-share-networks--style-plain a.email:hover,
.single-post .post .post-share-networks--style-plain a.email:hover i {
color: #666666;
}
.single-post .post .post-share-networks--style-plain a.skype:hover,
.single-post .post .post-share-networks--style-plain a.skype:hover i {
color: #00aff0;
}
.single-post .post .post-share-networks--style-plain a.github:hover,
.single-post .post .post-share-networks--style-plain a.github:hover i {
color: #4183c4;
}
.single-post .post .post-share-networks--style-plain a.foursquare:hover,
.single-post .post .post-share-networks--style-plain a.foursquare:hover i {
color: #f94877;
}
.single-post .post .post-share-networks--style-plain a.vimeo:hover,
.single-post .post .post-share-networks--style-plain a.vimeo:hover i {
color: #1ab7ea;
}
.single-post .post .post-share-networks--style-plain a.yelp:hover,
.single-post .post .post-share-networks--style-plain a.yelp:hover i {
color: #af0606;
}
.single-post .post .post-share-networks--style-plain a.tripadvisor:hover,
.single-post .post .post-share-networks--style-plain a.tripadvisor:hover i {
color: #00af87;
}
.single-post .post .post-share-networks--style-plain a.twitch:hover,
.single-post .post .post-share-networks--style-plain a.twitch:hover i {
color: #6441a5;
}
.single-post .post .post-share-networks--style-plain a.whatsapp:hover,
.single-post .post .post-share-networks--style-plain a.whatsapp:hover i {
color: #25D366;
}
.single-post .post .post-share-networks--style-plain a.custom:hover,
.single-post .post .post-share-networks--style-plain a.custom:hover i {
color: #00b19e;
}
.single-post .post .post-share-networks--style-plain a.facebook:after {
background-color: #1877f2;
}
.single-post .post .post-share-networks--style-plain a.twitter:after {
background-color: #55acee;
}
.single-post .post .post-share-networks--style-plain a.instagram:after {
background-color: #3f729b;
}
.single-post .post .post-share-networks--style-plain a.dribbble:after {
background-color: #ea4c89;
}
.single-post .post .post-share-networks--style-plain a.behance:after {
background-color: #1769ff;
}
.single-post .post .post-share-networks--style-plain a.deviantart:after {
background-color: #05cc47;
}
.single-post .post .post-share-networks--style-plain a.flickr:after {
background-color: #0063dc;
}
.single-post .post .post-share-networks--style-plain a.pinterest:after {
background-color: #cc2127;
}
.single-post .post .post-share-networks--style-plain a.google-plus:after,
.single-post .post .post-share-networks--style-plain a.google:after {
background-color: #dd4b39;
}
.single-post .post .post-share-networks--style-plain a.linkedin:after {
background-color: #0976b4;
}
.single-post .post .post-share-networks--style-plain a.vkontakte:after,
.single-post .post .post-share-networks--style-plain a.vk:after {
background-color: #45668e;
}
.single-post .post .post-share-networks--style-plain a.houzz:after {
background-color: #7ac142;
}
.single-post .post .post-share-networks--style-plain a.social-500px:after {
background-color: #0099e5;
}
.single-post .post .post-share-networks--style-plain a.youtube:after {
background-color: #e52d27;
}
.single-post .post .post-share-networks--style-plain a.delicious:after {
background-color: #3399ff;
}
.single-post .post .post-share-networks--style-plain a.tumblr:after {
background-color: #35465c;
}
.single-post .post .post-share-networks--style-plain a.soundcloud:after {
background-color: #ff8800;
}
.single-post .post .post-share-networks--style-plain a.xing:after {
background-color: #026466;
}
.single-post .post .post-share-networks--style-plain a.spotify:after {
background-color: #2ebd59;
}
.single-post .post .post-share-networks--style-plain a.email:after {
background-color: #666666;
}
.single-post .post .post-share-networks--style-plain a.skype:after {
background-color: #00aff0;
}
.single-post .post .post-share-networks--style-plain a.github:after {
background-color: #4183c4;
}
.single-post .post .post-share-networks--style-plain a.foursquare:after {
background-color: #f94877;
}
.single-post .post .post-share-networks--style-plain a.vimeo:after {
background-color: #1ab7ea;
}
.single-post .post .post-share-networks--style-plain a.yelp:after {
background-color: #af0606;
}
.single-post .post .post-share-networks--style-plain a.tripadvisor:after {
background-color: #00af87;
}
.single-post .post .post-share-networks--style-plain a.twitch:after {
background-color: #6441a5;
}
.single-post .post .post-share-networks--style-plain a.whatsapp:after {
background-color: #25D366;
}
.single-post .post .post-share-networks--style-plain a.custom:after {
background-color: #00b19e;
}
.single-post .post .post-share-networks--style-icons a {
position: relative;
display: inline-block;
background-color: #eeeeee;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.single-post .post .post-share-networks--style-icons a:after {
display: none !important;
}
.single-post .post .post-share-networks--style-icons a i {
display: block;
font-size: 16px;
color: #333;
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.single-post .post .post-share-networks--style-icons a span {
display: none;
}
.single-post .post .post-share-networks--style-icons a:after {
display: none;
}
.single-post .post .post-share-networks--style-icons a:hover {
background-color: #d5d5d5;
}
.single-post .post .post-share-networks--style-icons a.facebook:hover {
background-color: #1877f2;
}
.single-post .post .post-share-networks--style-icons a.twitter:hover {
background-color: #55acee;
}
.single-post .post .post-share-networks--style-icons a.instagram:hover {
background-color: #3f729b;
}
.single-post .post .post-share-networks--style-icons a.dribbble:hover {
background-color: #ea4c89;
}
.single-post .post .post-share-networks--style-icons a.behance:hover {
background-color: #1769ff;
}
.single-post .post .post-share-networks--style-icons a.deviantart:hover {
background-color: #05cc47;
}
.single-post .post .post-share-networks--style-icons a.flickr:hover {
background-color: #0063dc;
}
.single-post .post .post-share-networks--style-icons a.pinterest:hover {
background-color: #cc2127;
}
.single-post .post .post-share-networks--style-icons a.google-plus:hover,
.single-post .post .post-share-networks--style-icons a.google:hover {
background-color: #dd4b39;
}
.single-post .post .post-share-networks--style-icons a.linkedin:hover {
background-color: #0976b4;
}
.single-post .post .post-share-networks--style-icons a.vkontakte:hover,
.single-post .post .post-share-networks--style-icons a.vk:hover {
background-color: #45668e;
}
.single-post .post .post-share-networks--style-icons a.houzz:hover {
background-color: #7ac142;
}
.single-post .post .post-share-networks--style-icons a.social-500px:hover {
background-color: #0099e5;
}
.single-post .post .post-share-networks--style-icons a.youtube:hover {
background-color: #e52d27;
}
.single-post .post .post-share-networks--style-icons a.delicious:hover {
background-color: #3399ff;
}
.single-post .post .post-share-networks--style-icons a.tumblr:hover {
background-color: #35465c;
}
.single-post .post .post-share-networks--style-icons a.soundcloud:hover {
background-color: #ff8800;
}
.single-post .post .post-share-networks--style-icons a.xing:hover {
background-color: #026466;
}
.single-post .post .post-share-networks--style-icons a.spotify:hover {
background-color: #2ebd59;
}
.single-post .post .post-share-networks--style-icons a.email:hover {
background-color: #666666;
}
.single-post .post .post-share-networks--style-icons a.skype:hover {
background-color: #00aff0;
}
.single-post .post .post-share-networks--style-icons a.github:hover {
background-color: #4183c4;
}
.single-post .post .post-share-networks--style-icons a.foursquare:hover {
background-color: #f94877;
}
.single-post .post .post-share-networks--style-icons a.vimeo:hover {
background-color: #1ab7ea;
}
.single-post .post .post-share-networks--style-icons a.yelp:hover {
background-color: #af0606;
}
.single-post .post .post-share-networks--style-icons a.tripadvisor:hover {
background-color: #00af87;
}
.single-post .post .post-share-networks--style-icons a.twitch:hover {
background-color: #6441a5;
}
.single-post .post .post-share-networks--style-icons a.whatsapp:hover {
background-color: #25D366;
}
.single-post .post .post-share-networks--style-icons a.custom:hover {
background-color: #00b19e;
}
.single-post .post .post-share-networks--style-icons a:hover i {
color: #fff;
}
.single-post .post .post-share-networks--style-icons a.envelope-o:hover i {
color: #333;
}
.single-post .post .author-info {
margin-bottom: 30px;
}
.single-post .post .author-info--image {
margin-bottom: 20px;
}
.single-post .post .author-info--image a {
display: block;
width: 100px;
}
.single-post .post .author-info--image .image-placeholder {
border-radius: 50%;
overflow: hidden;
}
.single-post .post .author-info--details .author-name {
display: block;
color: #333;
font-size: 16px;
}
.single-post .post .author-info--details .author-name em {
display: block;
font-style: normal;
color: #898989;
font-size: 14px;
}
.single-post .post .post-meta {
margin-bottom: 10px;
font-size: 14px;
}
.single-post .post .post-meta i {
vertical-align: text-top;
font-size: 15px;
float: left;
margin-right: 10px;
margin-top: 1px;
}
.single-post .post .post-meta a {
color: #333;
}
.single-post .post .post-meta-only .post-meta {
display: inline-block;
margin-right: 15px;
margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
.author-info--alignment-horizontal.single-post--has-author-info.single-post .post .post-body {
width: 83.33333333%;
}
.author-info--alignment-horizontal.single-post--has-author-info.single-post .post .post-author-meta {
width: 16.66666667%;
}
.author-info--alignment-left.author-info--alignment-horizontal.single-post--has-author-info.single-post .post .post-body {
float: right;
}
.author-info--alignment-right.author-info--alignment-horizontal.single-post--has-author-info.single-post .post .post-author-meta {
padding-left: 30px;
}
}
@media screen and (max-width: 992px) {
.author-info--alignment-horizontal.single-post--has-author-info.single-post .post .post-author-meta {
text-align: center;
margin-bottom: 30px;
}
.author-info--alignment-horizontal.single-post--has-author-info.single-post .post .post-author-meta .author-info--image {
display: inline-block;
}
.author-info--alignment-horizontal.single-post--has-author-info.single-post .post .post-author-meta .post-meta i {
float: none;
display: inline-block;
}
}
@media screen and (min-width: 992px) {
.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin-bottom: 30px;
}
.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info--image,
.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info--details {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info--image {
margin-bottom: 0;
margin-right: 20px;
}
.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info--image a {
width: 70px;
}
.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info--details {
-webkit-box-flex: 1;
flex-grow: 1;
}
.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info--details .author-name {
font-size: 22px;
}
.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info--details .author-name em {
margin-top: 3px;
}
.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info--description {
margin-top: 10px;
font-size: 14px;
}
}
@media screen and (max-width: 992px) {
.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info {
text-align: center;
}
.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info--image {
display: inline-block;
}
.author-info--alignment-bottom.single-post--has-author-info.single-post .post .post-author .author-info--description {
margin-top: 20px;
}
}
.single-post .post .post-navigation {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.single-post .post--full-width-image {
padding-left: 0;
padding-right: 0;
}
.single-post .post--full-width-image .post-image {
padding-left: 0;
padding-right: 0;
}
.single-post .post--full-width-image .post-image .featured-image,
.single-post .post--full-width-image .post-image .post-gallery-images .slick-slide a {
pointer-events: none;
}
.single-post .post--full-width-image.format-quote .post-image {
background-color: #eeeeee;
}
.header-absolute.single-post .post--full-width-image.format-quote .post-image {
padding-top: 150px;
}
.single-post .post--full-width-image.format-quote .post-quote {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.single-post .post--full-width-image.format-quote .post-quote {
width: 750px;
}
}
@media (min-width: 992px) {
.single-post .post--full-width-image.format-quote .post-quote {
width: 970px;
}
}
@media (min-width: 1200px) {
.single-post .post--full-width-image.format-quote .post-quote {
width: 1170px;
}
}
.single-post .post--full-width-image.format-quote .post-quote blockquote {
background: transparent;
padding-left: 70px;
}
.single-post .post--full-width-image.format-quote .post-quote blockquote:before {
left: 0px;
}
.single-post .post.attachment .attachment a {
display: block;
}
.single-post .post.attachment .attachment img {
width: 100%;
}
.single-post .post-sidebar {
padding: 0 15px;
}
@media screen and (min-width: 992px) {
.single-post.single-post--has-sidebar .post,
.single-post.single-post--has-sidebar .post-sidebar {
float: left;
}
.single-post.single-post--has-sidebar .post {
float: left;
width: 75%;
}
.single-post.single-post--has-sidebar .post-sidebar {
width: 25%;
}
.single-post.single-post--has-sidebar.author-info--alignment-right.author-info--alignment-horizontal.single-post--has-author-info.single-post .post .post-author-meta {
padding-left: 15px;
}
.single-post.single-post--has-sidebar.single-post--sidebar-alignment-left .post {
float: right;
}
}
.single-post .post-image {
margin-bottom: 40px;
}
.single-post .post-image a {
display: block;
}
.single-post .post-image .post-quote blockquote {
position: relative;
font-size: 26px;
padding: 30px;
padding-top: 50px;
padding-left: 100px;
}
.single-post .post-image .post-quote blockquote:before {
position: absolute;
content: "“";
left: 30px;
top: 30px;
font-size: 120px;
line-height: 1;
}
@media screen and (max-width: 768px) {
.single-post .post-image .post-quote blockquote:before {
font-size: 80px;
}
}
.single-post .post-image .post-quote blockquote cite {
margin-top: 10px;
font-size: 15px;
}
@media screen and (max-width: 768px) {
.single-post .post-image .post-quote blockquote {
font-size: 18px;
}
}
.single-post .row .post-image {
padding: 0 15px;
}
.single-post.has-header-bottom-border.header-absolute .single-post--no-featured-image {
margin-top: 190px;
}
@media screen and (max-width: 768px) {
.single-post.has-header-bottom-border.header-absolute .single-post--no-featured-image {
margin-top: 130px;
}
}
.single-post .post-comments {
background-color: #eeeeee;
position: relative;
padding: 40px 0;
}
.single-post .post-comments--section-title {
margin-bottom: 20px;
}
.single-post .post-comments--section-title h2 {
font-size: 26px;
margin-top: 0;
font-weight: 500;
}
.single-post .post-comments--list:before,
.single-post .post-comments--list:after {
display: table;
content: " ";
}
.single-post .post-comments--list:after {
clear: both;
}
.single-post .post-comments--list:before,
.single-post .post-comments--list:after {
display: table;
content: " ";
}
.single-post .post-comments--list:after {
clear: both;
}
.single-post .post-comments--list .comment {
position: relative;
width: 100%;
margin: 30px 0;
float: right;
clear: both;
display: -webkit-box;
display: flex;
}
@media screen and (max-width: 768px) {
.single-post .post-comments--list .comment {
margin-top: 10px;
margin-bottom: 10px;
}
}
.single-post .post-comments--list .comment .commenter-image,
.single-post .post-comments--list .comment .commenter-details {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.single-post .post-comments--list .comment .commenter-image {
position: relative;
margin-right: 15px;
}
.single-post .post-comments--list .comment .commenter-image a {
z-index: 5;
}
.single-post .post-comments--list .comment .commenter-image img {
position: relative;
border-radius: 50%;
width: 68px;
height: 68px;
z-index: 1000;
}
@media screen and (max-width: 768px) {
.single-post .post-comments--list .comment .commenter-image img {
width: 60px;
height: 60px;
}
}
@media screen and (max-width: 480px) {
.single-post .post-comments--list .comment .commenter-image img {
width: 40px;
height: 40px;
}
}
.single-post .post-comments--list .comment .commenter-image .comment-connector {
border: 1px solid #d0d0d0;
border-right: 0;
border-top: 0;
position: absolute;
width: 10px;
height: 50%;
right: 100%;
bottom: 100%;
margin-right: 0px;
visibility: hidden;
margin-bottom: -34px;
-webkit-border-bottom-left-radius: 40px;
-webkit-background-clip: padding-box;
-moz-border-radius-bottomleft: 40px;
-moz-background-clip: padding;
border-bottom-left-radius: 40px;
background-clip: padding-box;
}
@media screen and (max-width: 768px) {
.single-post .post-comments--list .comment .commenter-image .comment-connector {
margin-bottom: -30px;
}
}
@media screen and (max-width: 480px) {
.single-post .post-comments--list .comment .commenter-image .comment-connector {
margin-bottom: -20px;
}
}
.single-post .post-comments--list .comment .commenter-image .comment-connector.visible {
visibility: visible;
}
@media screen and (max-width: 768px) {
.single-post .post-comments--list .comment .commenter-image .comment-connector {
display: none;
}
}
.single-post .post-comments--list .comment .commenter-details {
-webkit-box-flex: 1;
flex-grow: 1;
}
@media screen and (max-width: 768px) {
.single-post .post-comments--list .comment .commenter-details {
padding-left: 0px;
padding-top: 0px;
}
}
.single-post .post-comments--list .comment .commenter-details .name {
font-size: 20px;
margin-bottom: 5px;
line-height: 1;
}
.single-post .post-comments--list .comment .commenter-details .name a {
font-size: 14px;
margin-left: 8px;
}
.single-post .post-comments--list .comment .commenter-details .in-reply-to {
display: inline-block;
}
@media screen and (min-width: 768px) {
.single-post .post-comments--list .comment .commenter-details .in-reply-to {
display: none;
}
}
.single-post .post-comments--list .comment .commenter-details .in-reply-to span {
color: #00b19e;
}
.single-post .post-comments--list .comment .commenter-details .date {
color: #898989;
font-size: 13px;
margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
.single-post .post-comments--list .comment .commenter-details .date {
font-size: 13px;
margin-bottom: 5px;
}
}
.single-post .post-comments--list .comment .commenter-details .comment-text p {
color: #4d4d4d;
}
@media screen and (min-width: 768px) {
.single-post .post-comments--list .comment.depth-2 {
width: 91.66666667%;
}
.single-post .post-comments--list .comment.depth-3 {
width: 83.33333333%;
}
.single-post .post-comments--list .comment.depth-4 {
width: 75%;
}
.single-post .post-comments--list .comment.depth-5 {
width: 66.66666667%;
}
}
.single-post .post-comments--list .comment-respond {
position: relative;
background: #fff;
width: 100%;
float: left;
clear: both;
margin: 0;
padding: 40px;
z-index: 100;
}
@media screen and (max-width: 768px) {
.single-post .post-comments--list .comment-respond {
padding-top: 25px;
padding-bottom: 25px;
}
}
.single-post .post-comments--list .comment-respond .comment-reply-title {
font-size: 19px;
margin: 0;
position: absolute;
bottom: 30px;
text-indent: -99999px;
}
@media screen and (max-width: 768px) {
.single-post .post-comments--list .comment-respond .comment-reply-title {
right: 40px;
}
}
.single-post .post-comments--list .comment-respond .comment-reply-title small {
position: absolute;
left: 0;
top: 0;
color: #00b19e;
text-indent: 0px;
display: block;
white-space: nowrap;
}
.single-post .post-comments--list .comment-respond .logged-in-as {
margin-top: 0;
}
.single-post .post-comments--list .comment-respond .comment-form {
margin-top: 0;
}
.single-post .post-comments--list .comment-respond .form-submit {
margin-bottom: 0;
}
.single-post .post-comments:before {
width: 0px;
height: 0px;
border-style: solid;
border-width: 40px 40px 0 0;
border-color: #fff transparent transparent transparent;
content: "";
display: block;
position: absolute;
top: 0;
right: 100px;
}
.single-post .post-comments + .post-comment-form .comment-respond {
padding: 30px 0;
}
.single-post .comment-form {
margin: 0 -15px;
margin-top: 40px;
}
.single-post .comment-form:before,
.single-post .comment-form:after {
display: table;
content: " ";
}
.single-post .comment-form:after {
clear: both;
}
.single-post .comment-form:before,
.single-post .comment-form:after {
display: table;
content: " ";
}
.single-post .comment-form:after {
clear: both;
}
.single-post .comment-form > p {
float: left;
padding: 0 15px;
width: 100%;
box-sizing: border-box;
margin-bottom: 20px;
}
.single-post .comment-form > p.logged-in-as {
margin-top: -30px;
}
.single-post .comment-form > p.labeled-input-row {
width: 33.33333333%;
}
@media screen and (max-width: 768px) {
.single-post .comment-form > p.labeled-input-row {
width: 100%;
}
}
.single-post .comment-form > p.comment-form-cookies-consent {
width: auto;
margin-top: 30px;
}
.single-post .comment-form > p.comment-form-cookies-consent input[type="checkbox"] {
-webkit-box-flex: 0;
flex-grow: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
display: inline-block;
content: '';
width: 16px;
height: 16px;
margin: 0;
border: 1px solid #eeeeee;
margin-right: 6px;
margin-bottom: 5px;
cursor: pointer;
vertical-align: middle;
top: 1px;
line-height: 1;
outline: none;
top: 2px;
}
.single-post .comment-form > p.comment-form-cookies-consent input[type="checkbox"]:before {
display: block;
position: absolute;
content: '';
left: 3px;
top: 3px;
right: 3px;
bottom: 3px;
background-color: #00b19e;
-webkit-transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.single-post .comment-form > p.comment-form-cookies-consent input[type="checkbox"]:checked:before {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.single-post .comment-form > p.comment-form-cookies-consent input[type="checkbox"]:focus,
.single-post .comment-form > p.comment-form-cookies-consent input[type="checkbox"]:active {
outline: none;
}
.single-post .comment-form > p.comment-form-cookies-consent input[type="checkbox"][type="radio"] {
border-radius: 50%;
}
.single-post .comment-form > p.comment-form-cookies-consent input[type="checkbox"][type="radio"]:before {
border-radius: 50%;
}
.single-post .comment-form > p.comment-form-cookies-consent input[type="checkbox"] + label[for] {
cursor: pointer;
}
.checkbox .single-post .comment-form > p.comment-form-cookies-consent input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.single-post .comment-form > p.comment-form-cookies-consent label {
-webkit-box-flex: 1;
flex-grow: 1;
padding-left: 5px;
border-bottom: 0;
white-space: normal;
}
@media screen and (max-width: 992px) {
.single-post .comment-form > p.comment-form-cookies-consent {
margin-top: 10px;
}
.single-post .comment-form > p.comment-form-cookies-consent + .form-submit {
margin-top: 0;
float: left;
}
}
.single-post .comment-form > p.form-submit {
text-align: right;
margin-top: 20px;
width: auto;
float: right;
}
html,
body {
height: 100%;
}
a:focus {
text-decoration: none;
}
a:hover,
a:active,
a:focus {
outline: none;
}
p {
color: #898989;
text-rendering: optimizeLegibility;
}
@media screen and (max-width: 768px) {
p {
text-rendering: optimizeSpeed;
}
}
hr {
border-color: #e0e0e0;
}
blockquote {
font-size: 17px;
font-style: italic;
line-height: 30px;
text-align: left;
border-left: 3px solid #eeeeee;
font-family: Georgia, "Times New Roman", Times, serif;
}
::-moz-selection {
background: #00b19e;
color: #fff;
}
::selection {
background: #00b19e;
color: #fff;
}
::-moz-selection {
background: #00b19e;
color: #fff;
}
:focus {
outline: 0;
box-shadow: none;
}
html input:-webkit-autofill {
box-shadow: 0px 0px 0px 1000px #fff inset;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
display: inline-block;
content: '';
width: 16px;
height: 16px;
margin: 0;
border: 1px solid #eeeeee;
margin-right: 6px;
margin-bottom: 5px;
cursor: pointer;
vertical-align: middle;
top: 1px;
line-height: 1;
outline: none;
}
input[type="checkbox"]:before,
input[type="radio"]:before {
display: block;
position: absolute;
content: '';
left: 3px;
top: 3px;
right: 3px;
bottom: 3px;
background-color: #00b19e;
-webkit-transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
input[type="checkbox"]:checked:before,
input[type="radio"]:checked:before {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:active,
input[type="radio"]:active {
outline: none;
}
input[type="checkbox"][type="radio"],
input[type="radio"][type="radio"] {
border-radius: 50%;
}
input[type="checkbox"][type="radio"]:before,
input[type="radio"][type="radio"]:before {
border-radius: 50%;
}
input[type="checkbox"] + label[for],
input[type="radio"] + label[for] {
cursor: pointer;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
position: relative;
margin-left: 0;
}
.container,
.content-area {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container,
.content-area {
width: 750px;
}
}
@media (min-width: 992px) {
.container,
.content-area {
width: 970px;
}
}
@media (min-width: 1200px) {
.container,
.content-area {
width: 1170px;
}
}
.nohover:after,
.menu-bar:after,
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .social-networks li a:after,
.portfolio-holder .item-box .photo a:after,
.portfolio-holder .thumb .hover-state .likes a:after,
.portfolio-holder .portfolio-item.masonry-portfolio-item .masonry-box .masonry-thumb:after,
.portfolio-holder .dribbble-container .dribbble_shot a:after,
.single-portfolio-holder .social-links-plain .likes .like-btn:after,
.single-portfolio-holder .social-links-plain .likes .like-btn span:after,
.single-portfolio-holder .gallery .portfolio-images-slider a:after,
.single-portfolio-holder .gallery .photo:after,
.single-portfolio-holder .gallery .photo > a:after,
.single-portfolio-holder .portfolio-featured-image a:after,
.single-portfolio-holder .portfolio-navigation a:after,
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo .expand-project-info:after,
.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .collapse-project-info:after,
.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a:after,
.single-portfolio-holder.portfolio-type-6 .lightbox-featured-image:after,
.blog-posts .post-item .post-thumbnail .post-gallery-images li > a:after,
.blog-posts .post-item.columned .post-thumbnail > a:after,
.blog-posts .post-item.template-standard .post-thumbnail > a:after,
.single-post .post .author-info--image a:after,
.single-post .post .author-info--details .author-name:after,
.single-post .post.attachment .attachment a:after,
.single-post .post-image a:after,
.single-post .post-comments--list .comment .commenter-image a:after,
a.button:after,
.dropdown a:after,
.pagination--normal .page-numbers.prev:after,
.pagination--normal .page-numbers.next:after,
.pagination--infinite-scroll .pagination--infinite-scroll-show-more:after,
.post-navigation a:after,
.post-formatting .gallery .gallery-item a:after,
.widget.null-instagram-feed .instagram-pics li a:after,
.widget.widget_calendar table tfoot a:after,
.widget.widget_recent_reviews .product_list_widget li a:after,
.kalium-wpml-language-switcher .languages-list a:after,
.social-networks.textual.colored-bg a:after,
.social-networks.textual.colored-bg-hover a:after,
.header-search-input .search-icon a:after,
.woocommerce .shop-categories .product-category a:after,
.woocommerce-account .wc-my-account-tabs .user-profile .image:after,
.woocommerce-account .wc-my-account-tabs .user-profile .user-info .name:after,
.woocommerce-account .wc-my-account-tabs .woocommerce-MyAccount-navigation ul li a:after,
.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars span a:after,
.woocommerce-cart .cart-collaterals .cross-sells .product-item .product-link:after,
.woocommerce-Message .button:after,
.woocommerce-notice .button:after,
.woocommerce-info .button:after,
.woocommerce-message .button:after,
.woocommerce-error .button:after,
.woocommerce .products .product .added-to-cart-button a:after,
.woocommerce .product_list_widget li a:after,
.woocommerce .single-product-images .images a:after,
.woocommerce .single-product-images .kalium-woocommerce-product-gallery a:after,
.woocommerce .summary .woocommerce-product-rating a:after,
.woocommerce .woocommerce-tabs .tabs li a:after,
.search-results-holder .result-box .result-image a:after,
.site-footer .footer-collapse-link:after,
.top-menu-container .close-top-menu:after,
.logos-holder .c-logo .hover-state a:after,
.coming-soon-container .social-networks-env a:after,
.go-to-top:after,
.woocommerce .share-product-container .social-links a:after,
.menu-cart-icon-container .cart-icon-link:after,
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-image a:after,
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-details h3 a:after,
.show-more .reveal-button a:after,
.wpb_wrapper .icon-box-container .vc_icon_element a:after,
.wpb_wrapper .lab-vc-social-networks.display-type-rounded-icons .social-networks li a:after,
.wpb_wrapper .wpb_tabs.tabs-style-minimal .ui-tabs .wpb_tabs_nav li a:after,
.wpb_wrapper .wpb_tabs.tabs-style-default .ui-tabs .wpb_tabs_nav li a:after,
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled .vc_tta-tabs-list li a:after,
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled-minimal .vc_tta-tabs-list li a:after,
.wpb_wrapper .wpb_accordion .wpb_accordion_section .wpb_accordion_header a:after,
.wpb_wrapper .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading h4 a:after,
.wpb_wrapper .wpb_gallery a:after,
.wpb_wrapper .wpb_single_image a:after,
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a:after,
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a:after,
.wpb_wrapper .vc_images_carousel a:after,
.wpb_wrapper .wpb_text_column a[rel^="attachment"]:after,
.single-post .post-image .post-gallery-images li > a:after,
.widget.widget_media_gallery .gallery .gallery-item a:after {
display: none;
}
.nh:after,
.single-post .post .post-tags a:after,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-menu-close:after,
.coming-soon-container .message-container .logo:after,
a.social-share-icon:after,
.back-to-portfolio:after,
.btn:after,
.header-logo:after,
.menu-bar:after,
.logos-holder:after {
display: none !important;
}
.transall,
.menu-bar .show-menu-text,
.menu-bar .hide-menu-text,
.standard-menu-container.dropdown-caret .menu > .menu-item-has-children > a > span:after,
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .social-networks li a,
.product-filter ul li.subcategory-back a,
.product-filter ul li.subcategory-back a i,
.blog-posts .post-item .post-thumbnail .post-format-icon,
.blog-posts .post-item .post-thumbnail .post-hover,
.single-post .post .post-tags a,
.dropdown .dropdown-menu li a,
.dropdown .dropdown-menu.fade,
.dropdown .dropdown-menu.fade li,
.pagination--normal .page-numbers,
.pagination--infinite-scroll .pagination--infinite-scroll-show-more,
.pagination--infinite-scroll .pagination--infinite-scroll-show-more .show-more-text,
.pagination--infinite-scroll .pagination--infinite-scroll-show-more .loading-spinner,
.pagination--infinite-scroll .pagination--infinite-scroll-show-more .all-items-shown,
.pagination-container span.page-numbers,
.woocommerce-pagination span.page-numbers,
.pagination-container a.page-numbers,
.woocommerce-pagination a.page-numbers,
.post-navigation a em,
.post-navigation a strong,
.post-navigation a i,
.widget.widget_tag_cloud a,
.widget.null-instagram-feed .instagram-pics li a,
.woocommerce-demo-store .woocommerce-store-notice .woocommerce-store-notice__dismiss-link,
.woocommerce .shop-categories .product-category a:before,
.woocommerce .shop-categories .product-category h3,
.woocommerce .shop-categories .product-category .woocommerce-loop-category__title,
.woocommerce .shop-categories .product-category h3 .count,
.woocommerce .shop-categories .product-category .woocommerce-loop-category__title .count,
.woocommerce-account .wc-my-account-tabs .woocommerce-MyAccount-navigation ul li a,
.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars span a,
.woocommerce .products .product .item-info .add_to_cart_button.loading,
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-terms a,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms a,
.woocommerce .product_list_widget li a.remove,
.woocommerce .single-product-images .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
.woocommerce .single-product-images .woocommerce-product-gallery .flex-control-nav li img,
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images .product-gallery-lightbox-trigger,
.woocommerce .summary .woocommerce-product-rating a,
.woocommerce .summary .variations .reset_variations,
.woocommerce .woocommerce-tabs .tabs li a,
.top-menu ul.menu > li ul > li > a,
.top-menu div.menu > ul > li ul > li > a,
.sidebar-menu-wrapper.dropdown-caret .menu .menu-item-has-children > a > span:after,
.coming-soon-container .social-networks-env a,
.go-to-top,
.woocommerce ul.digital-downloads li a,
.woocommerce ul.digital-downloads li .count,
.menu-cart-icon-container,
.menu-cart-icon-container.is-loading.menu-cart-icon-container .cart-icon-link i,
.menu-cart-icon-container .cart-icon-link .items-count.cart-items-0,
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items,
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item,
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-details h3 a,
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-cart a,
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-checkout a,
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .cart-subtotal,
.wpb_wrapper .lab-vc-products-carousel .products .nextprev-arrow,
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a .hover-display,
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a,
.mobile-menu-wrapper .mobile-menu-container ul.menu li a,
.mobile-menu-wrapper .mobile-menu-container div.menu > ul li a,
.mobile-menu-wrapper .mobile-menu-container .search-form label,
.mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a {
-webkit-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.base-border-radius,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
textarea,
.woocommerce .single-product-images .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
border-radius: 2px;
}
.no-padding {
padding: 0 !important;
}
.no-top-margin {
margin-top: 0 !important;
}
.no-bottom-margin {
margin-bottom: 0 !important;
}
.no-left-margin {
margin-left: 0 !important;
}
.no-right-margin {
margin-right: 0 !important;
}
.no-animation,
.no-transitions {
-webkit-transition: none !important;
transition: none !important;
}
.display-inline-block {
display: inline-block !important;
}
.display-inline {
display: inline !important;
}
.display-block {
display: block;
}
.is-fixed {
position: fixed !important;
}
.opacity-none {
opacity: 0 !important;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.skin--brand-primary {
color: #00b19e;
}
.skin-bg--brand-primary {
background-color: #00b19e;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
textarea {
color: #333;
border: 1px solid #eeeeee;
background-color: #fff;
box-shadow: none;
padding: 6px 12px;
outline: none;
border-radius: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
textarea {
font-size: 16px;
}
}
input[type="tel"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
label {
font-weight: normal;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"] {
color: #333;
}
textarea {
resize: vertical;
}
select {
border: 1px solid #eeeeee;
width: 100%;
border-radius: 0;
background-color: #fff;
color: #333;
height: 31px;
line-height: 31px;
}
.labeled-input-row,
.labeled-textarea-row {
position: relative;
}
.labeled-input-row label,
.labeled-textarea-row label {
margin-bottom: 0;
border-bottom: 1px solid #00b19e;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #333;
}
.labeled-input-row label .required,
.labeled-textarea-row label .required {
margin-left: 5px;
}
.labeled-input-row input,
.labeled-textarea-row input,
.labeled-input-row textarea,
.labeled-textarea-row textarea {
border-radius: 0;
}
.labeled-input-row {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
}
.labeled-input-row--wrap {
flex-wrap: wrap;
}
.labeled-input-row label,
.labeled-input-row input,
.labeled-input-row--label {
display: -webkit-box;
display: flex;
align-self: stretch;
-webkit-box-align: center;
align-items: center;
}
.labeled-input-row label {
flex-wrap: nowrap;
white-space: nowrap;
}
.labeled-input-row input {
padding-left: 15px;
-webkit-box-flex: 1;
flex-grow: 1;
border: 0;
border-bottom: 1px solid #eeeeee;
background-color: transparent;
min-width: 0px;
width: auto;
}
.labeled-input-row input.input-text {
border-top: 0;
border-left: 0;
border-right: 0;
width: auto;
}
.labeled-input-row--label {
border-bottom: 1px solid #eeeeee;
}
.labeled-input-row--label label {
margin-bottom: -1px;
}
.labeled-textarea-row label {
font-weight: normal;
padding: 10px 0;
margin-bottom: -1px;
z-index: 2;
}
.labeled-textarea-row textarea {
display: block;
width: 100%;
height: 174px;
resize: vertical;
padding: 0;
padding-top: 10px;
line-height: 41px;
background-color: transparent;
background-image: linear-gradient(#eeeeee 1px, transparent 1px);
background-attachment: local;
background-size: 100% 41px;
border: 0;
z-index: 1;
}
.button {
background: #00b19e;
border: 0;
color: #fff;
line-height: 1;
padding: 12px 30px;
-webkit-transition: all 180ms ease-in-out;
transition: all 180ms ease-in-out;
border-radius: 0;
}
a.button:hover {
color: #fff;
}
.button.button-block {
display: block;
width: 100%;
text-align: center;
}
.button:hover {
background: #00a290;
}
.button:active {
box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.3);
background: #009887;
-webkit-transition: none;
transition: none;
}
.button:disabled {
cursor: not-allowed;
}
.button-secondary,
.woocommerce-Message .button,
.woocommerce-notice .button,
.woocommerce-info .button,
.woocommerce-message .button,
.woocommerce-error .button {
background-color: #eeeeee;
color: #333;
}
.button-secondary:hover,
.button-secondary:active,
.woocommerce-Message .button:hover,
.woocommerce-Message .button:active,
.woocommerce-notice .button:hover,
.woocommerce-notice .button:active,
.woocommerce-info .button:hover,
.woocommerce-info .button:active,
.woocommerce-message .button:hover,
.woocommerce-message .button:active,
.woocommerce-error .button:hover,
.woocommerce-error .button:active {
color: #333;
}
a.button-secondary:hover,
a.button-secondary:active,
a.woocommerce-Message .button:hover,
a.woocommerce-Message .button:active,
a.woocommerce-notice .button:hover,
a.woocommerce-notice .button:active,
a.woocommerce-info .button:hover,
a.woocommerce-info .button:active,
a.woocommerce-message .button:hover,
a.woocommerce-message .button:active,
a.woocommerce-error .button:hover,
a.woocommerce-error .button:active {
color: #333;
}
.button-secondary:hover,
.woocommerce-Message .button:hover,
.woocommerce-notice .button:hover,
.woocommerce-info .button:hover,
.woocommerce-message .button:hover,
.woocommerce-error .button:hover {
background: #e6e6e6;
}
.button-secondary:active,
.woocommerce-Message .button:active,
.woocommerce-notice .button:active,
.woocommerce-info .button:active,
.woocommerce-message .button:active,
.woocommerce-error .button:active {
background: #e1e1e1;
box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}
.button-normal {
padding: 12px 20px;
}
.button-small,
.woocommerce-Message .button,
.woocommerce-notice .button,
.woocommerce-info .button,
.woocommerce-message .button,
.woocommerce-error .button {
padding: 8px 20px;
}
.dropdown .dropdown-toggle {
border: 0;
background: transparent;
padding: 10px 0px;
width: 100%;
text-align: left;
}
@media screen and (max-width: 768px) {
.dropdown .dropdown-toggle {
background-color: #eeeeee;
padding: 10px 15px;
}
}
.dropdown .dropdown-toggle i {
float: right;
margin-left: 15px;
}
.dropdown .dropdown-menu {
width: auto;
box-shadow: none;
background: #eeeeee;
padding: 0;
border: 0;
border-radius: 0;
}
@media screen and (max-width: 768px) {
.dropdown .dropdown-menu {
width: 100%;
}
}
.dropdown .dropdown-menu li a {
position: relative;
background-color: transparent;
padding: 10px 15px;
font-size: 14px;
color: #898989;
}
.dropdown .dropdown-menu li a:before {
position: absolute;
content: '';
display: block;
left: 15px;
right: 15px;
top: 0;
height: 1px;
background: #e1e1e1;
}
@media screen and (min-width: 768px) {
.dropdown .dropdown-menu li:first-child a:before {
display: none;
}
}
.dropdown .dropdown-menu li a:hover {
color: #333;
}
.dropdown .dropdown-menu li.active a {
background-color: transparent;
color: #00b19e;
}
.dropdown .dropdown-menu.fade {
display: block;
visibility: hidden;
opacity: 0;
margin-top: 5px;
-webkit-transform: scale(0.98);
transform: scale(0.98);
}
.dropdown .dropdown-menu.fade li {
display: block;
opacity: 0;
top: 5px;
}
.dropdown.open .dropdown-toggle i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.dropdown.open .dropdown-menu.fade {
visibility: visible;
opacity: 1;
margin-top: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
.dropdown.open .dropdown-menu.fade li {
opacity: 1;
top: 0;
}
.change-search-keyword-wrapper {
position: relative;
display: inline-block;
min-width: 20px;
max-width: 50%;
}
.change-search-keyword-wrapper input[type="text"] {
position: absolute;
left: 0;
top: 0;
border: 0;
width: 100.5%;
padding: 0;
opacity: 0;
}
.change-search-keyword-wrapper.focused .change-search-keyword {
color: transparent;
}
.change-search-keyword-wrapper.focused input[type="text"] {
opacity: 1;
}
.pagination {
display: block;
margin-bottom: 40px;
clear: both;
}
.pagination--normal {
text-align: center;
}
.pagination--normal .page-numbers {
display: inline-block;
margin: 0 10px;
font-size: 16px;
}
.pagination--normal .page-numbers i {
vertical-align: middle;
}
.pagination--normal .page-numbers.prev i {
margin-right: 5px;
}
.pagination--normal .page-numbers.next i {
margin-left: 5px;
}
.pagination--normal .page-numbers.current {
color: #00b19e;
font-weight: 400;
}
.pagination--normal a {
color: #333;
}
.pagination--normal a:hover {
color: #00b19e;
}
.pagination--infinite-scroll {
text-align: center;
overflow: hidden;
}
.pagination--infinite-scroll .pagination--infinite-scroll-show-more {
display: inline-block;
line-height: 1;
border: 1px solid #eeeeee;
min-width: 200px;
text-align: center;
color: #898989;
padding: 15px 0;
}
.pagination--infinite-scroll .pagination--infinite-scroll-show-more:hover {
color: #7c7c7c;
border-color: #dadada;
}
.pagination--infinite-scroll .pagination--infinite-scroll-show-more .loading-spinner {
position: absolute;
visibility: hidden;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.pagination--infinite-scroll .pagination--infinite-scroll-show-more .all-items-shown {
position: absolute;
top: 0;
left: 50%;
bottom: 0;
padding: 15px 0;
white-space: nowrap;
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
visibility: hidden;
opacity: 0;
}
.pagination--infinite-scroll .pagination--infinite-scroll-show-more .all-items-shown a {
pointer-events: none;
}
.pagination--infinite-scroll .pagination--infinite-scroll-show-more.pagination--infinite-scroll-is-loading .show-more-text {
visibility: hidden;
opacity: 0;
}
.pagination--infinite-scroll .pagination--infinite-scroll-show-more.pagination--infinite-scroll-is-loading .loading-spinner {
visibility: visible;
opacity: 1;
}
.pagination--infinite-scroll .pagination--infinite-scroll-show-more.pagination--infinite-scroll-is-loading.pagination--infinite-scroll-loading-style-pulsating {
border-color: transparent;
}
.pagination--infinite-scroll .pagination--infinite-scroll-show-more.pagination--infinite-scroll-all-items-shown {
border-color: transparent;
pointer-events: none;
}
.pagination--infinite-scroll .pagination--infinite-scroll-show-more.pagination--infinite-scroll-all-items-shown .show-more-text {
visibility: hidden;
opacity: 0;
}
.pagination--infinite-scroll .pagination--infinite-scroll-show-more.pagination--infinite-scroll-all-items-shown .all-items-shown {
visibility: visible;
opacity: 1;
}
.pagination--post-pagination {
margin: 20px 0;
text-align: center;
}
.pagination--post-pagination a {
margin: 0 10px;
}
.pagination--align-left {
text-align: left;
}
.pagination--align-right {
text-align: right;
}
.pagination--align-stretched .pagination--infinite-scroll-show-more {
min-width: 100%;
}
.pagination-container,
.woocommerce-pagination {
margin: 20px 0;
}
.pagination-container.align-left,
.woocommerce-pagination.align-left,
.pagination-container.align-left .endless-pagination,
.woocommerce-pagination.align-left .endless-pagination {
text-align: left;
}
.pagination-container.align-center,
.woocommerce-pagination.align-center,
.pagination-container.align-center .endless-pagination,
.woocommerce-pagination.align-center .endless-pagination {
text-align: center;
}
.pagination-container.align-right,
.woocommerce-pagination.align-right,
.pagination-container.align-right .endless-pagination,
.woocommerce-pagination.align-right .endless-pagination {
text-align: right;
}
.pagination-container ul.page-numbers,
.woocommerce-pagination ul.page-numbers {
list-style: none;
margin: 0;
padding: 0;
}
.pagination-container ul.page-numbers li,
.woocommerce-pagination ul.page-numbers li {
display: inline-block;
}
.pagination-container span.page-numbers,
.woocommerce-pagination span.page-numbers,
.pagination-container a.page-numbers,
.woocommerce-pagination a.page-numbers {
border: none;
color: #333;
background-color: none;
padding: 0px 0px;
margin: 0 10px;
background: transparent;
font-size: 16px;
}
.pagination-container span.page-numbers:hover,
.woocommerce-pagination span.page-numbers:hover,
.pagination-container a.page-numbers:hover,
.woocommerce-pagination a.page-numbers:hover,
.pagination-container span.page-numbers.current,
.woocommerce-pagination span.page-numbers.current,
.pagination-container a.page-numbers.current,
.woocommerce-pagination a.page-numbers.current {
color: #00b19e;
}
.pagination-container span.page-numbers i,
.woocommerce-pagination span.page-numbers i,
.pagination-container a.page-numbers i,
.woocommerce-pagination a.page-numbers i {
display: inline-block;
font-size: 15px;
}
.pagination-container span.page-numbers.next i,
.woocommerce-pagination span.page-numbers.next i,
.pagination-container a.page-numbers.next i,
.woocommerce-pagination a.page-numbers.next i {
margin-left: 5px;
}
.pagination-container span.page-numbers.prev i,
.woocommerce-pagination span.page-numbers.prev i,
.pagination-container a.page-numbers.prev i,
.woocommerce-pagination a.page-numbers.prev i {
margin-right: 5px;
}
.page-heading {
display: -webkit-box;
display: flex;
margin-top: 20px;
margin-bottom: 40px;
}
.page-heading--title-section {
-webkit-box-flex: 1;
flex-grow: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
padding-left: 15px;
padding-right: 15px;
}
.page-heading--title {
font-size: 26px;
margin-top: 0;
margin-bottom: 15px;
}
.page-heading--title span {
color: #898989;
}
.page-heading--description p {
margin-bottom: 0;
}
.page-heading--description p ~ p {
margin-top: 10px;
}
.post-navigation {
margin-bottom: 40px;
clear: both;
}
.post-navigation:before,
.post-navigation:after {
display: table;
content: " ";
}
.post-navigation:after {
clear: both;
}
.post-navigation:before,
.post-navigation:after {
display: table;
content: " ";
}
.post-navigation:after {
clear: both;
}
.post-navigation a {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
color: #898989;
max-width: 40%;
}
.post-navigation a strong,
.post-navigation a i {
color: #636363;
}
.post-navigation a:hover strong,
.post-navigation a:hover i {
color: #00b19e;
}
.post-navigation a:hover .post-navigation--label em {
opacity: 1;
top: 0;
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.post-navigation a:hover .post-navigation--label strong {
top: 0;
-webkit-transition-delay: 0ms;
transition-delay: 0ms;
}
.post-navigation--arrow i {
font-size: 26px;
}
.post-navigation--label {
max-width: 100%;
}
.post-navigation--label em,
.post-navigation--label strong {
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.post-navigation--label em {
position: relative;
display: block;
font-style: normal;
font-size: 14px;
line-height: 20px;
color: #898989;
height: 20px;
opacity: 0;
top: 5px;
}
.post-navigation--label strong {
position: relative;
font-size: 19px;
font-weight: normal;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
top: -10px;
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
@media screen and (max-width: 768px) {
.post-navigation--label strong {
font-size: 16px;
}
}
.post-navigation--prev {
float: right;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
text-align: right;
}
.post-navigation--prev .post-navigation--arrow {
padding-left: 20px;
}
.post-navigation--next {
float: left;
}
.post-navigation--next .post-navigation--arrow {
padding-right: 20px;
}
.post-formatting:before,
.post-formatting:after,
.widget.widget_media_gallery:before,
.widget.widget_media_gallery:after {
display: table;
content: " ";
}
.post-formatting:after,
.widget.widget_media_gallery:after {
clear: both;
}
.post-formatting:before,
.post-formatting:after,
.widget.widget_media_gallery:before,
.widget.widget_media_gallery:after {
display: table;
content: " ";
}
.post-formatting:after,
.widget.widget_media_gallery:after {
clear: both;
}
.post-formatting .image-placeholder,
.widget.widget_media_gallery .image-placeholder {
margin-bottom: 10px;
}
.post-formatting img,
.widget.widget_media_gallery img {
max-width: 100%;
height: auto;
margin-top: 10px;
}
.post-formatting img:first-child,
.widget.widget_media_gallery img:first-child {
margin-top: 0;
}
.post-formatting a,
.widget.widget_media_gallery a {
display: inline;
}
.post-formatting a.fluidbox,
.widget.widget_media_gallery a.fluidbox {
display: inline;
}
.post-formatting a.fluidbox:after,
.widget.widget_media_gallery a.fluidbox:after {
display: none;
}
.post-formatting code,
.widget.widget_media_gallery code {
background-color: #eee;
color: #333;
font-size: 12px;
-webkit-border-radius: 1px;
-webkit-background-clip: padding-box;
-moz-border-radius: 1px;
-moz-background-clip: padding;
border-radius: 1px;
background-clip: padding-box;
}
.post-formatting kbd,
.widget.widget_media_gallery kbd {
-webkit-border-radius: 1px;
-webkit-background-clip: padding-box;
-moz-border-radius: 1px;
-moz-background-clip: padding;
border-radius: 1px;
background-clip: padding-box;
}
.post-formatting img.alignleft,
.post-formatting img.alignright,
.widget.widget_media_gallery img.alignleft,
.widget.widget_media_gallery img.alignright {
position: relative;
vertical-align: text-top;
margin-right: 15px;
margin-bottom: 15px;
line-height: 1;
top: 5px;
float: left;
}
.post-formatting img.alignright,
.widget.widget_media_gallery img.alignright {
float: right;
margin-right: 0;
margin-left: 15px;
}
.post-formatting img.aligncenter,
.widget.widget_media_gallery img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.post-formatting .wp-caption,
.widget.widget_media_gallery .wp-caption {
max-width: 100%;
margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
.post-formatting .wp-caption,
.widget.widget_media_gallery .wp-caption {
width: 100% !important;
}
.post-formatting .wp-caption > a,
.widget.widget_media_gallery .wp-caption > a {
display: block !important;
}
.post-formatting .wp-caption img,
.widget.widget_media_gallery .wp-caption img {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.post-formatting .wp-caption.aligncenter,
.widget.widget_media_gallery .wp-caption.aligncenter {
text-align: center;
margin: 0 auto;
margin-bottom: 15px;
}
.post-formatting .wp-caption.alignleft,
.widget.widget_media_gallery .wp-caption.alignleft {
float: left;
margin-right: 15px;
}
.post-formatting .wp-caption.alignright,
.widget.widget_media_gallery .wp-caption.alignright {
float: right;
margin-left: 15px;
}
.post-formatting .wp-caption.alignleft,
.post-formatting .wp-caption.alignright,
.widget.widget_media_gallery .wp-caption.alignleft,
.widget.widget_media_gallery .wp-caption.alignright {
position: relative;
top: 5px;
}
}
.post-formatting .wp-caption .wp-caption-text,
.widget.widget_media_gallery .wp-caption .wp-caption-text {
background: #eee;
padding: 5px 10px;
font-size: 12px !important;
}
.post-formatting .wp-caption > a,
.widget.widget_media_gallery .wp-caption > a {
display: inline-block;
}
.post-formatting .wp-caption > a:after,
.widget.widget_media_gallery .wp-caption > a:after {
display: none;
}
.post-formatting blockquote,
.widget.widget_media_gallery blockquote {
display: table;
border-left-color: #00b19e;
padding: 0px 20px;
}
.post-formatting blockquote p,
.widget.widget_media_gallery blockquote p {
color: #888;
}
.post-formatting blockquote p:last-child,
.widget.widget_media_gallery blockquote p:last-child {
margin-bottom: 0 !important;
}
.post-formatting cite,
.widget.widget_media_gallery cite {
font-weight: 500;
}
.post-formatting dl dd,
.widget.widget_media_gallery dl dd {
margin-bottom: 15px;
}
.post-formatting ul,
.post-formatting ol,
.widget.widget_media_gallery ul,
.widget.widget_media_gallery ol {
padding-left: 20px;
}
.post-formatting ul li,
.post-formatting ol li,
.widget.widget_media_gallery ul li,
.widget.widget_media_gallery ol li {
padding: 2px 0;
color: #898989;
}
.post-formatting address,
.widget.widget_media_gallery address {
border-left: 3px solid #eee;
padding-left: 20px;
}
.post-formatting iframe,
.widget.widget_media_gallery iframe {
max-width: 100%;
}
.post-formatting .gallery,
.widget.widget_media_gallery .gallery {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap;
margin: 0 -15px;
margin-bottom: 10px;
}
.post-formatting .gallery:before,
.post-formatting .gallery:after,
.widget.widget_media_gallery .gallery:before,
.widget.widget_media_gallery .gallery:after {
display: table;
content: " ";
}
.post-formatting .gallery:after,
.widget.widget_media_gallery .gallery:after {
clear: both;
}
.post-formatting .gallery:before,
.post-formatting .gallery:after,
.widget.widget_media_gallery .gallery:before,
.widget.widget_media_gallery .gallery:after {
display: table;
content: " ";
}
.post-formatting .gallery:after,
.widget.widget_media_gallery .gallery:after {
clear: both;
}
.post-formatting .gallery .gallery-item,
.widget.widget_media_gallery .gallery .gallery-item {
padding: 15px;
width: 100%;
}
.post-formatting .gallery .gallery-item a,
.widget.widget_media_gallery .gallery .gallery-item a {
display: block;
}
.post-formatting .gallery .gallery-item a img,
.widget.widget_media_gallery .gallery .gallery-item a img {
width: 100%;
}
.post-formatting .gallery .gallery-item .gallery-caption,
.widget.widget_media_gallery .gallery .gallery-item .gallery-caption {
font-size: 13px;
padding: 5px 10px;
background: #eee;
}
.post-formatting .gallery.gallery-columns-9 .gallery-item,
.widget.widget_media_gallery .gallery.gallery-columns-9 .gallery-item {
width: 11.11111111%;
}
.post-formatting .gallery.gallery-columns-8 .gallery-item,
.widget.widget_media_gallery .gallery.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.post-formatting .gallery.gallery-columns-7 .gallery-item,
.widget.widget_media_gallery .gallery.gallery-columns-7 .gallery-item {
width: 14.28571429%;
}
.post-formatting .gallery.gallery-columns-6 .gallery-item,
.widget.widget_media_gallery .gallery.gallery-columns-6 .gallery-item {
width: 16.66666667%;
}
.post-formatting .gallery.gallery-columns-5 .gallery-item,
.widget.widget_media_gallery .gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.post-formatting .gallery.gallery-columns-4 .gallery-item,
.widget.widget_media_gallery .gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.post-formatting .gallery.gallery-columns-3 .gallery-item,
.widget.widget_media_gallery .gallery.gallery-columns-3 .gallery-item {
width: 33.33333333%;
}
.post-formatting .gallery.gallery-columns-2 .gallery-item,
.widget.widget_media_gallery .gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.post-formatting .elementor-social-icon,
.widget.widget_media_gallery .elementor-social-icon {
display: inline-block;
}
.post-formatting .elementor-social-icon:after,
.widget.widget_media_gallery .elementor-social-icon:after {
display: none;
}
.post-formatting .lab-vc-container,
.widget.widget_media_gallery .lab-vc-container {
width: 100%;
}
.post-password-form {
border: 1px solid #eeeeee;
padding: 30px;
margin-bottom: 40px;
}
.post-password-form p:last-child {
margin-bottom: 0;
margin-top: 20px;
}
.post-password-form label {
font-weight: normal;
}
.post-password-form input[type="password"] {
padding-top: 4px;
padding-bottom: 4px;
margin: 0 5px;
}
.widget {
margin-bottom: 35px;
}
.widget ul,
.widget ol {
list-style: none;
padding: 0;
}
.widget li {
padding: 6px 0;
}
.widget img {
max-width: 100%;
height: auto !important;
}
.widget select {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.widget ul li {
color: #898989;
}
.widget ul ul a:before {
display: inline-block;
height: 1px;
background-color: #00b19e;
width: 8px;
margin-right: 8px;
content: '';
position: relative;
top: -4px;
}
.widget ul ul ul a:before {
width: 16px;
}
.widget ul ul ul ul a:before {
width: 24px;
}
.widget ul ul ul ul ul a:before {
width: 32px;
}
.widget ul:last-child {
margin-bottom: 0;
}
.widget select {
-webkit-border-radius: 0px;
-webkit-background-clip: padding-box;
-moz-border-radius: 0px;
-moz-background-clip: padding;
border-radius: 0px;
background-clip: padding-box;
box-shadow: none;
border: 1px solid #eeeeee;
color: #333;
}
.widget select::-moz-placeholder {
color: #898989;
opacity: 1;
}
.widget select:-ms-input-placeholder {
color: #898989;
}
.widget select::-webkit-input-placeholder {
color: #898989;
}
.widget select::-webkit-input-placeholder {
color: #898989;
}
.widget select:-moz-placeholder {
color: #898989;
}
.widget select::-moz-placeholder {
color: #898989;
}
.widget select:-ms-input-placeholder {
color: #898989;
}
.widget select:focus {
border-color: #d5d5d5;
box-shadow: none;
}
.widget.widget_text .textwidget .social-networks {
margin-top: 20px;
}
.widget.widget_text .textwidget .social-networks li {
border-bottom: 0;
padding: 0;
}
.widget.widget_text .textwidget .social-networks li a {
margin-right: 5px;
}
.widget.widget_recent_entries li .post-date {
display: block;
font-size: 14px;
color: #a3a3a3;
margin-top: 2px;
}
.widget.widget_categories select.postform {
margin-bottom: 0;
margin-top: 5px;
}
.widget.widget_search .search-bar,
.widget.widget_product_search .search-bar {
width: 100%;
clear: both;
position: relative;
}
.widget.widget_search .search-bar label,
.widget.widget_product_search .search-bar label {
display: block;
padding: 0;
}
.widget.widget_search .search-bar input[name="s"],
.widget.widget_product_search .search-bar input[name="s"] {
height: 42px;
background-color: #eeeeee;
border: none;
border-radius: 0;
box-shadow: none;
width: 100%;
font-weight: normal;
padding-right: 55px;
}
.widget.widget_search .search-bar input[name="s"]:focus,
.widget.widget_product_search .search-bar input[name="s"]:focus {
border-color: transparent;
box-shadow: none;
}
.menu-skin-dark .widget.widget_search .search-bar input[name="s"],
.menu-skin-dark .widget.widget_product_search .search-bar input[name="s"] {
background-color: #262626;
color: #fff;
}
.widget.widget_search .search-bar input[type="submit"],
.widget.widget_product_search .search-bar input[type="submit"],
.widget.widget_search .search-bar button[type="submit"],
.widget.widget_product_search .search-bar button[type="submit"] {
font-size: 14px;
font-weight: bold;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: none;
position: absolute;
right: 0;
top: 0;
height: 43px;
text-transform: uppercase;
padding-right: 15px;
color: #333;
}
.menu-skin-dark .widget.widget_search .search-bar input[type="submit"],
.menu-skin-dark .widget.widget_product_search .search-bar input[type="submit"],
.menu-skin-dark .widget.widget_search .search-bar button[type="submit"],
.menu-skin-dark .widget.widget_product_search .search-bar button[type="submit"] {
color: #fff;
}
.widget.widget_recent_comments li {
color: #969696;
}
.widget.widget_recent_comments li > a {
display: block !important;
font-size: 15px;
}
.widget.widget_recent_comments li > a:after {
display: none;
}
.widget.widget_recent_comments li .comment-author-link {
display: inline-block;
}
.widget.widget_recent_comments li + li {
border-top: 1px solid #eeeeee;
margin-top: 5px;
}
.widget.widget_tag_cloud a {
font-size: 13px !important;
background: #eeeeee;
color: #333;
padding: 3px 8px;
text-transform: lowercase;
margin: 5px;
margin-bottom: 3px;
margin-left: 0px;
display: inline-block;
}
.widget.widget_tag_cloud a:hover {
background-color: #e1e1e1;
}
.widget.widget_tag_cloud a:after {
display: none;
}
.menu-skin-dark .widget.widget_tag_cloud a {
background: #262626;
}
.menu-skin-dark .widget.widget_tag_cloud a:hover {
background: #333333;
}
.widget.null-instagram-feed .instagram-pics {
margin: 0 -5px;
padding: 0;
max-width: 270px;
}
@media screen and (max-width: 768px) {
.widget.null-instagram-feed .instagram-pics {
max-width: 100%;
}
}
.widget.null-instagram-feed .instagram-pics li {
display: inline-block;
width: 25%;
}
@media screen and (max-width: 768px) {
.widget.null-instagram-feed .instagram-pics li {
width: 12.5%;
}
}
.widget.null-instagram-feed .instagram-pics li a {
display: block;
padding: 5px;
}
.widget.null-instagram-feed .instagram-pics li a:hover {
zoom: 1;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.widget.null-instagram-feed a[rel="me"] {
display: inline-block;
margin-top: 5px;
}
.widget.widget_calendar table {
width: 100%;
border: 1px solid #eeeeee;
}
.widget.widget_calendar table caption {
padding: 5px 10px;
border: 1px solid #eeeeee;
border-bottom: 0;
}
.widget.widget_calendar table tbody td,
.widget.widget_calendar table thead td,
.widget.widget_calendar table tbody th,
.widget.widget_calendar table thead th {
text-align: center;
border-bottom: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
padding-top: 3px;
padding-bottom: 3px;
font-size: 13px;
width: 1%;
}
.widget.widget_calendar table tbody td,
.widget.widget_calendar table thead td {
color: #898989;
position: relative;
}
.widget.widget_calendar table tbody td a,
.widget.widget_calendar table thead td a {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: #f0f0f0;
padding-top: 3px;
}
.widget.widget_calendar table tbody th,
.widget.widget_calendar table thead th {
font-weight: bold;
color: #333;
}
.widget.widget_calendar table tfoot td {
padding: 3px 8px;
}
.widget.widget_calendar table tfoot a {
display: inline-block;
line-height: 1;
font-size: 12px;
}
.widget.widget_calendar table tfoot #next {
text-align: right;
}
.widget.widget_top_rated_products .product-meta {
padding-top: 2px;
font-size: 13px;
}
.widget .widget_shopping_cart_content .buttons .button {
padding: 8px 15px;
}
.widget.widget_shopping_cart .widget_shopping_cart_content > .total strong {
font-weight: normal;
color: #333;
}
.widget.widget_shopping_cart .widget_shopping_cart_content > .buttons {
font-size: 13px;
text-transform: uppercase;
margin-bottom: 0;
margin-top: 15px;
}
.widget.widget_shopping_cart .widget_shopping_cart_content > .buttons a {
font-size: 11px;
margin-right: 5px;
}
.widget.widget_recent_reviews .product_list_widget li {
position: relative;
}
.widget.widget_recent_reviews .product_list_widget li:before,
.widget.widget_recent_reviews .product_list_widget li:after {
display: table;
content: " ";
}
.widget.widget_recent_reviews .product_list_widget li:after {
clear: both;
}
.widget.widget_recent_reviews .product_list_widget li:before,
.widget.widget_recent_reviews .product_list_widget li:after {
display: table;
content: " ";
}
.widget.widget_recent_reviews .product_list_widget li:after {
clear: both;
}
.widget.widget_recent_reviews .product_list_widget li a {
position: static;
display: block;
}
.widget.widget_recent_reviews .product_list_widget li a img {
max-width: 50px;
height: auto;
position: relative;
float: left;
left: 0;
margin-right: 20px;
}
.widget.widget_recent_reviews .product_list_widget li .star-rating,
.widget.widget_recent_reviews .product_list_widget li .reviewer {
display: block;
font-size: 13px;
}
.widget.widget_recent_reviews .product_list_widget li .star-rating {
margin-right: 5px;
position: relative;
margin-top: 5px;
}
.widget.widget_price_filter .price_slider_wrapper {
position: relative;
margin-top: 25px;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider {
position: relative;
margin-bottom: 10px;
background: #eaeaea;
display: none;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider:before,
.widget.widget_price_filter .price_slider_wrapper .price_slider:after {
display: table;
content: " ";
}
.widget.widget_price_filter .price_slider_wrapper .price_slider:after {
clear: both;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider:before,
.widget.widget_price_filter .price_slider_wrapper .price_slider:after {
display: table;
content: " ";
}
.widget.widget_price_filter .price_slider_wrapper .price_slider:after {
clear: both;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider.ui-slider {
display: block;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider.ui-slider + .price_slider_amount {
display: block;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range {
position: relative;
height: 2px;
background: #333333;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
position: absolute;
display: block;
background: #333333;
margin-top: -9px;
cursor: pointer;
border: 5px solid transparent;
margin-left: -5px;
width: 16px;
height: 16px;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle + .ui-slider-handle {
margin-left: -11px;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider_amount {
padding-top: 10px;
display: none;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider_amount:before,
.widget.widget_price_filter .price_slider_wrapper .price_slider_amount:after {
display: table;
content: " ";
}
.widget.widget_price_filter .price_slider_wrapper .price_slider_amount:after {
clear: both;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider_amount:before,
.widget.widget_price_filter .price_slider_wrapper .price_slider_amount:after {
display: table;
content: " ";
}
.widget.widget_price_filter .price_slider_wrapper .price_slider_amount:after {
clear: both;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
float: left;
font-size: 13px;
color: #898989;
margin-top: 2px;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider_amount .button {
float: right;
background-color: #333;
color: #fff;
font-size: 13px;
text-transform: uppercase;
padding: 4px 8px;
line-height: 1;
-webkit-transition: none;
transition: none;
}
.widget.widget_price_filter .price_slider_wrapper .price_slider_amount .button:active {
background-color: #4d4d4d;
}
.widget.widget_media_gallery .gallery {
margin: 0 -5px;
}
.widget.widget_media_gallery .gallery .gallery-item {
padding: 5px;
}
.widget-area .widget-title,
.widget-area .widgettitle {
font-size: 24px;
margin-top: 0;
margin-bottom: 15px;
}
.widget-area.widgets--columned-layout {
margin: 0 -15px;
}
.widget-area.widgets--columned-layout:before,
.widget-area.widgets--columned-layout:after {
display: table;
content: " ";
}
.widget-area.widgets--columned-layout:after {
clear: both;
}
.widget-area.widgets--columned-layout:before,
.widget-area.widgets--columned-layout:after {
display: table;
content: " ";
}
.widget-area.widgets--columned-layout:after {
clear: both;
}
.widget-area.widgets--columned-layout > .widget {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.widget-area.widgets--columned-layout.widgets--columns-6 > .widget {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.widget-area.widgets--columned-layout.widgets--columns-6 > .widget {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 992px) {
.widget-area.widgets--columned-layout.widgets--columns-6 > .widget {
float: left;
width: 16.66666667%;
}
}
.widget-area.widgets--columned-layout.widgets--columns-5 > .widget {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.widget-area.widgets--columned-layout.widgets--columns-5 > .widget {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 992px) {
.widget-area.widgets--columned-layout.widgets--columns-5 > .widget {
float: left;
width: 20%;
}
}
.widget-area.widgets--columned-layout.widgets--columns-4 > .widget {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.widget-area.widgets--columned-layout.widgets--columns-4 > .widget {
float: left;
width: 50%;
}
}
@media (min-width: 992px) {
.widget-area.widgets--columned-layout.widgets--columns-4 > .widget {
float: left;
width: 25%;
}
}
.widget-area.widgets--columned-layout.widgets--columns-3 > .widget {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.widget-area.widgets--columned-layout.widgets--columns-3 > .widget {
float: left;
width: 50%;
}
}
@media (min-width: 992px) {
.widget-area.widgets--columned-layout.widgets--columns-3 > .widget {
float: left;
width: 33.33333333%;
}
}
.widget-area.widgets--columned-layout.widgets--columns-2 > .widget {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.widget-area.widgets--columned-layout.widgets--columns-2 > .widget {
float: left;
width: 50%;
}
}
.widget-area--skin-bordered .widget,
.widget-area--skin-background-fill .widget {
padding: 30px;
}
.widget-area--skin-bordered .widget ul li,
.widget-area--skin-background-fill .widget ul li {
border-bottom: 1px solid #eeeeee;
}
.widget-area--skin-bordered .widget ul li:last-child,
.widget-area--skin-background-fill .widget ul li:last-child {
border-bottom: 0;
}
.widget-area--skin-bordered .widget.widget_search,
.widget-area--skin-background-fill .widget.widget_search {
padding: 0;
}
.widget-area--skin-bordered .widget.widget_search .widget_search,
.widget-area--skin-background-fill .widget.widget_search .widget_search {
margin-bottom: 0;
}
.widget-area--skin-bordered .widget.widget_recent_comments li,
.widget-area--skin-background-fill .widget.widget_recent_comments li {
border-bottom: 0;
}
.widget-area--skin-bordered .widget .product_list_widget li,
.widget-area--skin-background-fill .widget .product_list_widget li {
border-bottom: 0;
}
.widget-area--skin-bordered .widget {
border: 1px solid #eeeeee;
}
.widget-area--skin-bordered .widget.widget_search {
border-color: transparent;
}
.widget-area--skin-background-fill .widget {
background-color: #f7f7f7;
}
.ps .ps__rail-y {
width: 2px;
}
.ps .ps__rail-y .ps__thumb-y {
border-radius: 0;
width: 2px;
}
.ps .ps__rail-y:hover .ps__thumb-y {
width: 5px;
}
.ps--scrolling-y .ps__rail-y {
width: 5px;
}
.ps--scrolling-y .ps__rail-y .ps__thumb-y:active {
width: 5px;
}
.ps .ps__rail-x {
height: 2px;
}
.ps .ps__rail-x .ps__thumb-x {
border-radius: 0;
height: 2px;
}
.ps .ps__rail-x:hover .ps__thumb-x {
height: 5px;
}
.ps--scrolling-x .ps__rail-x {
height: 5px;
}
.ps--scrolling-x .ps__rail-x .ps__thumb-x:active {
height: 5px;
}
.lg-outer .lg .lg-thumb-outer .lg-thumb-item {
border-radius: 0;
}
.lg-outer .lg .lg-thumb-outer .lg-thumb-item:hover,
.lg-outer .lg .lg-thumb-outer .lg-thumb-item.active {
border-color: #00b19e;
}
.lg-outer .lg .lg-sub-html {
color: #fff;
}
.lg-outer .lg .lg-sub-html p {
color: #fff;
}
.lg-outer .lg .lg-progress-bar .lg-progress {
background-color: #00b19e;
}
.lg-outer .lg .lg-video .lg-object.lg-has-poster {
height: auto !important;
}
.lg-outer.lg-kalium .lg .lg-item {
background: url(//hualien1913.nat.gov.tw/template/assets/images/icons/lg-preloader-dark.gif) center center no-repeat;
background-size: 35px;
}
.lg-outer.lg-kalium .lg .lg-toolbar {
background-color: transparent;
}
.lg-outer.lg-kalium .lg .lg-toolbar #lg-counter {
font-size: 38px;
}
@media screen and (max-width: 768px) {
.lg-outer.lg-kalium .lg .lg-toolbar #lg-counter {
font-size: 20px;
}
}
.lg-outer.lg-kalium .lg .lg-toolbar #lg-counter span {
position: relative;
font-size: 20px;
}
@media screen and (min-width: 768px) {
.lg-outer.lg-kalium .lg .lg-toolbar #lg-counter span#lg-counter-current {
float: left;
left: 2px;
}
.lg-outer.lg-kalium .lg .lg-toolbar #lg-counter span#lg-counter-all {
float: right;
top: 20px;
left: -2px;
}
}
.lg-outer.lg-kalium .lg .lg-actions .lg-prev,
.lg-outer.lg-kalium .lg .lg-actions .lg-next {
border-radius: 0;
font-family: Flaticon;
font-style: normal;
background-color: transparent;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.lg-outer.lg-kalium .lg .lg-actions .lg-prev:before,
.lg-outer.lg-kalium .lg .lg-actions .lg-next:before,
.lg-outer.lg-kalium .lg .lg-actions .lg-prev:after,
.lg-outer.lg-kalium .lg .lg-actions .lg-next:after {
font-size: 50px;
}
@media screen and (max-width: 768px) {
.lg-outer.lg-kalium .lg .lg-actions .lg-prev:before,
.lg-outer.lg-kalium .lg .lg-actions .lg-next:before,
.lg-outer.lg-kalium .lg .lg-actions .lg-prev:after,
.lg-outer.lg-kalium .lg .lg-actions .lg-next:after {
font-size: 30px;
}
}
.lg-outer.lg-kalium .lg .lg-actions .lg-prev {
margin-left: 15px;
}
.lg-outer.lg-kalium .lg .lg-actions .lg-prev:after {
content: "\e005";
}
.lg-outer.lg-kalium .lg .lg-actions .lg-prev:active {
margin-left: 5px;
}
@media screen and (max-width: 768px) {
.lg-outer.lg-kalium .lg .lg-actions .lg-prev:active {
margin-left: 0px;
}
}
.lg-outer.lg-kalium .lg .lg-actions .lg-next {
margin-right: 15px;
}
.lg-outer.lg-kalium .lg .lg-actions .lg-next:before {
content: "\e003";
}
.lg-outer.lg-kalium .lg .lg-actions .lg-next:active {
margin-right: 5px;
}
@media screen and (max-width: 768px) {
.lg-outer.lg-kalium .lg .lg-actions .lg-next:active {
margin-right: 0px;
}
}
.lg-outer.lg-kalium .lg .lg-sub-html {
font-size: 14px;
}
.lg-outer.lg-kalium .lg .lg-sub-html p {
font-size: 14px;
}
.lg-outer.lg-kalium .lg .lg-progress-bar {
height: 2px;
}
.lg-outer.lg-kalium .lg .lg-progress-bar .lg-progress {
height: 2px;
}
.lg-outer.lg-kalium .lg .lg-pager-outer .lg-caret {
display: none;
}
.lg-outer.lg-kalium .lg .lg-pager-outer .lg-pager-cont .lg-pager-thumb-cont {
border-radius: 0;
border-bottom: 10px;
padding: 0px;
width: auto;
height: auto;
margin-left: -30px;
margin-right: -30px;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.25);
}
.lg-outer.lg-kalium .lg .lg-pager-outer .lg-pager-cont.lg-pager-active .lg-pager {
background: #fff;
}
.lg-outer.lg-kalium .lg .lg-pager-outer .lg-pager-cont .lg-pager {
width: 6px;
height: 6px;
box-shadow: 0px 0px 0px #000000;
}
.lg-outer.lg-kalium .lg .lg-thumb-outer .lg-thumb .lg-thumb-item {
margin: 0;
border: 0;
opacity: 0.7;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.lg-outer.lg-kalium .lg .lg-thumb-outer .lg-thumb .lg-thumb-item:hover {
opacity: 0.85;
}
.lg-outer.lg-kalium .lg .lg-thumb-outer .lg-thumb .lg-thumb-item.active {
opacity: 1;
}
.lg-outer.lg-kalium-light .lg .lg-item {
background: url(//hualien1913.nat.gov.tw/template/assets/images/icons/lg-preloader.gif) center center no-repeat;
background-size: 35px;
}
.lg-outer.lg-kalium-light .lg .lg-toolbar .lg-icon,
.lg-outer.lg-kalium-light .lg .lg-toolbar #lg-counter {
color: #222;
}
.lg-outer.lg-kalium-light .lg .lg-actions .lg-prev,
.lg-outer.lg-kalium-light .lg .lg-actions .lg-next {
color: rgba(34, 34, 34, 0.5);
}
.lg-outer.lg-kalium-light .lg .lg-actions .lg-prev:hover,
.lg-outer.lg-kalium-light .lg .lg-actions .lg-next:hover {
color: #222;
}
.lg-outer.lg-kalium-light .lg .lg-sub-html {
background-color: rgba(255, 255, 255, 0.4);
color: #222;
}
.lg-outer.lg-kalium-light .lg .lg-sub-html p {
color: #222;
}
.lg-outer.lg-kalium-light .lg .lg-progress-bar {
background-color: #fff;
}
.lg-outer.lg-kalium-light .lg .lg-thumb-outer {
background-color: #fff;
}
.lg-outer.lg-kalium-light .lg .lg-thumb-outer .lg-toogle-thumb {
background-color: #fff;
color: rgba(34, 34, 34, 0.5);
-webkit-transform: all 250ms ease-in-out;
transform: all 250ms ease-in-out;
}
.lg-outer.lg-kalium-light .lg .lg-thumb-outer .lg-toogle-thumb:hover {
color: #222;
}
.lg-light .lg-backdrop {
background: #fff;
}
.lg-light .lg-backdrop.in {
opacity: 0.9;
}
.kalium-wpml-language-switcher {
position: relative;
display: block;
align-self: center;
margin-left: 30px;
line-height: 38px;
height: 38px;
z-index: 50;
}
.kalium-wpml-language-switcher .languages-list {
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
pointer-events: none;
}
.kalium-wpml-language-switcher .languages-list a {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
pointer-events: all;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 300ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms cubic-bezier(0.165, 0.84, 0.44, 1), top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), color 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: visibility 300ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms cubic-bezier(0.165, 0.84, 0.44, 1), top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), color 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
padding: 0 15px;
top: 5px;
height: 38px;
line-height: 38px;
text-decoration: none;
}
.kalium-wpml-language-switcher .languages-list a .flag {
padding-right: 10px;
}
.kalium-wpml-language-switcher .languages-list a .flag img {
position: relative;
top: -1px;
}
.kalium-wpml-language-switcher .languages-list a .text {
-webkit-box-flex: 1;
flex-grow: 1;
text-align: left;
}
.kalium-wpml-language-switcher .languages-list a.current-language {
visibility: visible;
opacity: 1;
top: 0;
}
.kalium-wpml-language-switcher .languages-list a.flag-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.kalium-wpml-language-switcher .languages-list a.flag-right .text {
text-align: right;
}
.kalium-wpml-language-switcher .languages-list a.flag-right .flag {
padding-left: 10px;
padding-right: 0;
}
.kalium-wpml-language-switcher .languages-list a.text-hide .flag {
padding-left: 0;
padding-right: 0;
}
.kalium-wpml-language-switcher .languages-list a + a {
border-top: 1px solid transparent;
}
.kalium-wpml-language-switcher.hover .languages-list {
background-color: #eee;
}
.kalium-wpml-language-switcher.hover .languages-list a {
visibility: visible;
opacity: 1;
top: 0;
border-color: #e1e1e1;
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
.kalium-wpml-language-switcher.hover .languages-list a + a {
-webkit-transition-delay: 210ms;
transition-delay: 210ms;
}
.kalium-wpml-language-switcher.hover .languages-list a + a + a {
-webkit-transition-delay: 270ms;
transition-delay: 270ms;
}
.kalium-wpml-language-switcher.hover .languages-list a + a + a + a {
-webkit-transition-delay: 330ms;
transition-delay: 330ms;
}
.kalium-wpml-language-switcher.hover .languages-list a + a + a + a + a {
-webkit-transition-delay: 390ms;
transition-delay: 390ms;
}
.kalium-wpml-language-switcher.hover .languages-list a + a + a + a + a + a {
-webkit-transition-delay: 450ms;
transition-delay: 450ms;
}
.kalium-wpml-language-switcher.hover .languages-list a + a + a + a + a + a + a {
-webkit-transition-delay: 510ms;
transition-delay: 510ms;
}
.mobile-menu-container .kalium-wpml-language-switcher {
margin: 10px 15px;
overflow: hidden;
}
.mobile-menu-container .kalium-wpml-language-switcher.hover {
height: auto;
overflow: visible;
}
.mobile-menu-container .kalium-wpml-language-switcher.hover .languages-list {
background-color: transparent;
}
.mobile-menu-container .kalium-wpml-language-switcher.hover .languages-list a {
border-top-color: transparent;
-webkit-transition-delay: 0ms !important;
transition-delay: 0ms !important;
}
.kalium-wpml-language-switcher.menu-skin-dark .languages-list a {
color: #333;
}
.kalium-wpml-language-switcher.menu-skin-light .languages-list a {
color: #fff;
}
.kalium-wpml-language-switcher.menu-skin-light.hover .languages-list {
background-color: #fff;
}
.kalium-wpml-language-switcher.menu-skin-light.hover .languages-list a {
color: #333;
}
.kalium-wpml-language-switcher.menu-skin-light.hover .languages-list a + a {
border-top-color: #f2f2f2;
}
.social-networks {
position: relative;
list-style: none;
padding-left: 0;
margin-left: -5px;
}
.social-networks > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.social-networks > li a {
display: inline-block;
margin-bottom: 5px;
}
.social-networks > li a i {
display: none;
}
.social-networks > li a,
.social-networks > li a i {
-webkit-transition: color 220ms ease-in-out, background 220ms ease-in-out;
transition: color 220ms ease-in-out, background 220ms ease-in-out;
}
.social-networks.rounded {
line-height: 0;
}
.social-networks.rounded li a {
position: relative;
display: inline-block;
background-color: #eeeeee;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.social-networks.rounded li a:after {
display: none !important;
}
.social-networks.rounded li a i {
display: block;
font-size: 16px;
color: #333;
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.social-networks.rounded li a span {
display: none;
}
.social-networks.rounded li a:after {
display: none;
}
.social-networks.rounded li a:hover {
background-color: #d5d5d5;
}
@media screen and (max-width: 768px) {
.social-networks.rounded li a {
margin-bottom: 10px;
}
}
.social-networks.textual.colored-bg a,
.social-networks.textual.colored-bg-hover a {
padding: 5px 10px;
border-radius: 3px;
}
.social-networks.colored li a.facebook,
.social-networks.colored li a.facebook i {
color: #1877f2;
}
.social-networks.colored li a.twitter,
.social-networks.colored li a.twitter i {
color: #55acee;
}
.social-networks.colored li a.instagram,
.social-networks.colored li a.instagram i {
color: #3f729b;
}
.social-networks.colored li a.dribbble,
.social-networks.colored li a.dribbble i {
color: #ea4c89;
}
.social-networks.colored li a.behance,
.social-networks.colored li a.behance i {
color: #1769ff;
}
.social-networks.colored li a.deviantart,
.social-networks.colored li a.deviantart i {
color: #05cc47;
}
.social-networks.colored li a.flickr,
.social-networks.colored li a.flickr i {
color: #0063dc;
}
.social-networks.colored li a.pinterest,
.social-networks.colored li a.pinterest i {
color: #cc2127;
}
.social-networks.colored li a.google-plus,
.social-networks.colored li a.google-plus i,
.social-networks.colored li a.google,
.social-networks.colored li a.google i {
color: #dd4b39;
}
.social-networks.colored li a.linkedin,
.social-networks.colored li a.linkedin i {
color: #0976b4;
}
.social-networks.colored li a.vkontakte,
.social-networks.colored li a.vkontakte i,
.social-networks.colored li a.vk,
.social-networks.colored li a.vk i {
color: #45668e;
}
.social-networks.colored li a.houzz,
.social-networks.colored li a.houzz i {
color: #7ac142;
}
.social-networks.colored li a.social-500px,
.social-networks.colored li a.social-500px i {
color: #0099e5;
}
.social-networks.colored li a.youtube,
.social-networks.colored li a.youtube i {
color: #e52d27;
}
.social-networks.colored li a.delicious,
.social-networks.colored li a.delicious i {
color: #3399ff;
}
.social-networks.colored li a.tumblr,
.social-networks.colored li a.tumblr i {
color: #35465c;
}
.social-networks.colored li a.soundcloud,
.social-networks.colored li a.soundcloud i {
color: #ff8800;
}
.social-networks.colored li a.xing,
.social-networks.colored li a.xing i {
color: #026466;
}
.social-networks.colored li a.spotify,
.social-networks.colored li a.spotify i {
color: #2ebd59;
}
.social-networks.colored li a.email,
.social-networks.colored li a.email i {
color: #666666;
}
.social-networks.colored li a.skype,
.social-networks.colored li a.skype i {
color: #00aff0;
}
.social-networks.colored li a.github,
.social-networks.colored li a.github i {
color: #4183c4;
}
.social-networks.colored li a.foursquare,
.social-networks.colored li a.foursquare i {
color: #f94877;
}
.social-networks.colored li a.vimeo,
.social-networks.colored li a.vimeo i {
color: #1ab7ea;
}
.social-networks.colored li a.yelp,
.social-networks.colored li a.yelp i {
color: #af0606;
}
.social-networks.colored li a.tripadvisor,
.social-networks.colored li a.tripadvisor i {
color: #00af87;
}
.social-networks.colored li a.twitch,
.social-networks.colored li a.twitch i {
color: #6441a5;
}
.social-networks.colored li a.whatsapp,
.social-networks.colored li a.whatsapp i {
color: #25D366;
}
.social-networks.colored li a.custom,
.social-networks.colored li a.custom i {
color: #00b19e;
}
.social-networks.colored-hover li a.facebook:hover,
.social-networks.colored-hover li a.facebook:hover i {
color: #1877f2;
}
.social-networks.colored-hover li a.twitter:hover,
.social-networks.colored-hover li a.twitter:hover i {
color: #55acee;
}
.social-networks.colored-hover li a.instagram:hover,
.social-networks.colored-hover li a.instagram:hover i {
color: #3f729b;
}
.social-networks.colored-hover li a.dribbble:hover,
.social-networks.colored-hover li a.dribbble:hover i {
color: #ea4c89;
}
.social-networks.colored-hover li a.behance:hover,
.social-networks.colored-hover li a.behance:hover i {
color: #1769ff;
}
.social-networks.colored-hover li a.deviantart:hover,
.social-networks.colored-hover li a.deviantart:hover i {
color: #05cc47;
}
.social-networks.colored-hover li a.flickr:hover,
.social-networks.colored-hover li a.flickr:hover i {
color: #0063dc;
}
.social-networks.colored-hover li a.pinterest:hover,
.social-networks.colored-hover li a.pinterest:hover i {
color: #cc2127;
}
.social-networks.colored-hover li a.google-plus:hover,
.social-networks.colored-hover li a.google-plus:hover i,
.social-networks.colored-hover li a.google:hover,
.social-networks.colored-hover li a.google:hover i {
color: #dd4b39;
}
.social-networks.colored-hover li a.linkedin:hover,
.social-networks.colored-hover li a.linkedin:hover i {
color: #0976b4;
}
.social-networks.colored-hover li a.vkontakte:hover,
.social-networks.colored-hover li a.vkontakte:hover i,
.social-networks.colored-hover li a.vk:hover,
.social-networks.colored-hover li a.vk:hover i {
color: #45668e;
}
.social-networks.colored-hover li a.houzz:hover,
.social-networks.colored-hover li a.houzz:hover i {
color: #7ac142;
}
.social-networks.colored-hover li a.social-500px:hover,
.social-networks.colored-hover li a.social-500px:hover i {
color: #0099e5;
}
.social-networks.colored-hover li a.youtube:hover,
.social-networks.colored-hover li a.youtube:hover i {
color: #e52d27;
}
.social-networks.colored-hover li a.delicious:hover,
.social-networks.colored-hover li a.delicious:hover i {
color: #3399ff;
}
.social-networks.colored-hover li a.tumblr:hover,
.social-networks.colored-hover li a.tumblr:hover i {
color: #35465c;
}
.social-networks.colored-hover li a.soundcloud:hover,
.social-networks.colored-hover li a.soundcloud:hover i {
color: #ff8800;
}
.social-networks.colored-hover li a.snapchat:hover,
.social-networks.colored-hover li a.snapchat:hover i,
.social-networks.colored-hover li a.snapchat.dark:hover,
.social-networks.colored-hover li a.snapchat.dark:hover i {
color: #fffc00;
}
.social-networks.colored-hover li a.xing:hover,
.social-networks.colored-hover li a.xing:hover i {
color: #026466;
}
.social-networks.colored-hover li a.spotify:hover,
.social-networks.colored-hover li a.spotify:hover i {
color: #2ebd59;
}
.social-networks.colored-hover li a.email:hover,
.social-networks.colored-hover li a.email:hover i {
color: #666666;
}
.social-networks.colored-hover li a.skype:hover,
.social-networks.colored-hover li a.skype:hover i {
color: #00aff0;
}
.social-networks.colored-hover li a.github:hover,
.social-networks.colored-hover li a.github:hover i {
color: #4183c4;
}
.social-networks.colored-hover li a.foursquare:hover,
.social-networks.colored-hover li a.foursquare:hover i {
color: #f94877;
}
.social-networks.colored-hover li a.vimeo:hover,
.social-networks.colored-hover li a.vimeo:hover i {
color: #1ab7ea;
}
.social-networks.colored-hover li a.yelp:hover,
.social-networks.colored-hover li a.yelp:hover i {
color: #af0606;
}
.social-networks.colored-hover li a.tripadvisor:hover,
.social-networks.colored-hover li a.tripadvisor:hover i {
color: #00af87;
}
.social-networks.colored-hover li a.twitch:hover,
.social-networks.colored-hover li a.twitch:hover i {
color: #6441a5;
}
.social-networks.colored-hover li a.whatsapp:hover,
.social-networks.colored-hover li a.whatsapp:hover i {
color: #25D366;
}
.social-networks.colored-hover li a.custom:hover,
.social-networks.colored-hover li a.custom:hover i {
color: #00b19e;
}
.social-networks.colored-bg li a.facebook {
background-color: #1877f2;
}
.social-networks.colored-bg li a.facebook:hover {
background-color: #0b5fcc;
}
.social-networks.colored-bg li a.twitter {
background-color: #55acee;
}
.social-networks.colored-bg li a.twitter:hover {
background-color: #2795e9;
}
.social-networks.colored-bg li a.instagram {
background-color: #3f729b;
}
.social-networks.colored-bg li a.instagram:hover {
background-color: #305777;
}
.social-networks.colored-bg li a.dribbble {
background-color: #ea4c89;
}
.social-networks.colored-bg li a.dribbble:hover {
background-color: #e51e6b;
}
.social-networks.colored-bg li a.behance {
background-color: #1769ff;
}
.social-networks.colored-bg li a.behance:hover {
background-color: #0050e3;
}
.social-networks.colored-bg li a.deviantart {
background-color: #05cc47;
}
.social-networks.colored-bg li a.deviantart:hover {
background-color: #049a36;
}
.social-networks.colored-bg li a.flickr {
background-color: #0063dc;
}
.social-networks.colored-bg li a.flickr:hover {
background-color: #004ca9;
}
.social-networks.colored-bg li a.pinterest {
background-color: #cc2127;
}
.social-networks.colored-bg li a.pinterest:hover {
background-color: #a01a1f;
}
.social-networks.colored-bg li a.google-plus,
.social-networks.colored-bg li a.google {
background-color: #dd4b39;
}
.social-networks.colored-bg li a.google-plus:hover,
.social-networks.colored-bg li a.google:hover {
background-color: #c23321;
}
.social-networks.colored-bg li a.linkedin {
background-color: #0976b4;
}
.social-networks.colored-bg li a.linkedin:hover {
background-color: #075683;
}
.social-networks.colored-bg li a.vkontakte,
.social-networks.colored-bg li a.vk {
background-color: #45668e;
}
.social-networks.colored-bg li a.vkontakte:hover,
.social-networks.colored-bg li a.vk:hover {
background-color: #344d6c;
}
.social-networks.colored-bg li a.houzz {
background-color: #7ac142;
}
.social-networks.colored-bg li a.houzz:hover {
background-color: #629d33;
}
.social-networks.colored-bg li a.social-500px {
background-color: #0099e5;
}
.social-networks.colored-bg li a.social-500px:hover {
background-color: #0077b2;
}
.social-networks.colored-bg li a.youtube {
background-color: #e52d27;
}
.social-networks.colored-bg li a.youtube:hover {
background-color: #c21d17;
}
.social-networks.colored-bg li a.delicious {
background-color: #3399ff;
}
.social-networks.colored-bg li a.delicious:hover {
background-color: #007fff;
}
.social-networks.colored-bg li a.tumblr {
background-color: #35465c;
}
.social-networks.colored-bg li a.tumblr:hover {
background-color: #222d3c;
}
.social-networks.colored-bg li a.soundcloud {
background-color: #ff8800;
}
.social-networks.colored-bg li a.soundcloud:hover {
background-color: #cc6d00;
}
.social-networks.colored-bg li a.xing {
background-color: #026466;
}
.social-networks.colored-bg li a.xing:hover {
background-color: #013334;
}
.social-networks.colored-bg li a.spotify {
background-color: #2ebd59;
}
.social-networks.colored-bg li a.spotify:hover {
background-color: #249446;
}
.social-networks.colored-bg li a.email {
background-color: #666666;
}
.social-networks.colored-bg li a.email:hover {
background-color: #4d4d4d;
}
.social-networks.colored-bg li a.skype {
background-color: #00aff0;
}
.social-networks.colored-bg li a.skype:hover {
background-color: #008abd;
}
.social-networks.colored-bg li a.github {
background-color: #4183c4;
}
.social-networks.colored-bg li a.github:hover {
background-color: #3269a0;
}
.social-networks.colored-bg li a.foursquare {
background-color: #f94877;
}
.social-networks.colored-bg li a.foursquare:hover {
background-color: #f71752;
}
.social-networks.colored-bg li a.vimeo {
background-color: #1ab7ea;
}
.social-networks.colored-bg li a.vimeo:hover {
background-color: #1295bf;
}
.social-networks.colored-bg li a.yelp {
background-color: #af0606;
}
.social-networks.colored-bg li a.yelp:hover {
background-color: #7e0404;
}
.social-networks.colored-bg li a.tripadvisor {
background-color: #00af87;
}
.social-networks.colored-bg li a.tripadvisor:hover {
background-color: #007c60;
}
.social-networks.colored-bg li a.twitch {
background-color: #6441a5;
}
.social-networks.colored-bg li a.twitch:hover {
background-color: #4e3380;
}
.social-networks.colored-bg li a.whatsapp {
background-color: #25D366;
}
.social-networks.colored-bg li a.whatsapp:hover {
background-color: #1da851;
}
.social-networks.colored-bg li a.custom {
background-color: #00b19e;
}
.social-networks.colored-bg li a.custom:hover {
background-color: #007e70;
}
.social-networks.colored-bg li a i,
.social-networks.colored-bg li a span {
color: #fff;
}
.social-networks.colored-bg-hover li a.facebook:hover {
background-color: #1877f2;
}
.social-networks.colored-bg-hover li a.twitter:hover {
background-color: #55acee;
}
.social-networks.colored-bg-hover li a.instagram:hover {
background-color: #3f729b;
}
.social-networks.colored-bg-hover li a.dribbble:hover {
background-color: #ea4c89;
}
.social-networks.colored-bg-hover li a.behance:hover {
background-color: #1769ff;
}
.social-networks.colored-bg-hover li a.deviantart:hover {
background-color: #05cc47;
}
.social-networks.colored-bg-hover li a.flickr:hover {
background-color: #0063dc;
}
.social-networks.colored-bg-hover li a.pinterest:hover {
background-color: #cc2127;
}
.social-networks.colored-bg-hover li a.google-plus:hover,
.social-networks.colored-bg-hover li a.google:hover {
background-color: #dd4b39;
}
.social-networks.colored-bg-hover li a.linkedin:hover {
background-color: #0976b4;
}
.social-networks.colored-bg-hover li a.vkontakte:hover,
.social-networks.colored-bg-hover li a.vk:hover {
background-color: #45668e;
}
.social-networks.colored-bg-hover li a.houzz:hover {
background-color: #7ac142;
}
.social-networks.colored-bg-hover li a.social-500px:hover {
background-color: #0099e5;
}
.social-networks.colored-bg-hover li a.youtube:hover {
background-color: #e52d27;
}
.social-networks.colored-bg-hover li a.delicious:hover {
background-color: #3399ff;
}
.social-networks.colored-bg-hover li a.tumblr:hover {
background-color: #35465c;
}
.social-networks.colored-bg-hover li a.soundcloud:hover {
background-color: #ff8800;
}
.social-networks.colored-bg-hover li a.xing:hover {
background-color: #026466;
}
.social-networks.colored-bg-hover li a.spotify:hover {
background-color: #2ebd59;
}
.social-networks.colored-bg-hover li a.email:hover {
background-color: #666666;
}
.social-networks.colored-bg-hover li a.skype:hover {
background-color: #00aff0;
}
.social-networks.colored-bg-hover li a.github:hover {
background-color: #4183c4;
}
.social-networks.colored-bg-hover li a.foursquare:hover {
background-color: #f94877;
}
.social-networks.colored-bg-hover li a.vimeo:hover {
background-color: #1ab7ea;
}
.social-networks.colored-bg-hover li a.yelp:hover {
background-color: #af0606;
}
.social-networks.colored-bg-hover li a.tripadvisor:hover {
background-color: #00af87;
}
.social-networks.colored-bg-hover li a.twitch:hover {
background-color: #6441a5;
}
.social-networks.colored-bg-hover li a.whatsapp:hover {
background-color: #25D366;
}
.social-networks.colored-bg-hover li a.custom:hover {
background-color: #00b19e;
}
.social-networks.colored-bg-hover li a:hover i,
.social-networks.colored-bg-hover li a:hover span {
color: #fff;
}
.social-networks.textual.colored li a.facebook:after,
.social-networks.textual.colored-hover li a.facebook:after {
background-color: #1877f2;
}
.social-networks.textual.colored li a.twitter:after,
.social-networks.textual.colored-hover li a.twitter:after {
background-color: #55acee;
}
.social-networks.textual.colored li a.instagram:after,
.social-networks.textual.colored-hover li a.instagram:after {
background-color: #3f729b;
}
.social-networks.textual.colored li a.dribbble:after,
.social-networks.textual.colored-hover li a.dribbble:after {
background-color: #ea4c89;
}
.social-networks.textual.colored li a.behance:after,
.social-networks.textual.colored-hover li a.behance:after {
background-color: #1769ff;
}
.social-networks.textual.colored li a.deviantart:after,
.social-networks.textual.colored-hover li a.deviantart:after {
background-color: #05cc47;
}
.social-networks.textual.colored li a.flickr:after,
.social-networks.textual.colored-hover li a.flickr:after {
background-color: #0063dc;
}
.social-networks.textual.colored li a.pinterest:after,
.social-networks.textual.colored-hover li a.pinterest:after {
background-color: #cc2127;
}
.social-networks.textual.colored li a.google-plus:after,
.social-networks.textual.colored-hover li a.google-plus:after,
.social-networks.textual.colored li a.google:after,
.social-networks.textual.colored-hover li a.google:after {
background-color: #dd4b39;
}
.social-networks.textual.colored li a.linkedin:after,
.social-networks.textual.colored-hover li a.linkedin:after {
background-color: #0976b4;
}
.social-networks.textual.colored li a.vkontakte:after,
.social-networks.textual.colored-hover li a.vkontakte:after,
.social-networks.textual.colored li a.vk:after,
.social-networks.textual.colored-hover li a.vk:after {
background-color: #45668e;
}
.social-networks.textual.colored li a.houzz:after,
.social-networks.textual.colored-hover li a.houzz:after {
background-color: #7ac142;
}
.social-networks.textual.colored li a.social-500px:after,
.social-networks.textual.colored-hover li a.social-500px:after {
background-color: #0099e5;
}
.social-networks.textual.colored li a.youtube:after,
.social-networks.textual.colored-hover li a.youtube:after {
background-color: #e52d27;
}
.social-networks.textual.colored li a.delicious:after,
.social-networks.textual.colored-hover li a.delicious:after {
background-color: #3399ff;
}
.social-networks.textual.colored li a.tumblr:after,
.social-networks.textual.colored-hover li a.tumblr:after {
background-color: #35465c;
}
.social-networks.textual.colored li a.soundcloud:after,
.social-networks.textual.colored-hover li a.soundcloud:after {
background-color: #ff8800;
}
.social-networks.textual.colored li a.xing:after,
.social-networks.textual.colored-hover li a.xing:after {
background-color: #026466;
}
.social-networks.textual.colored li a.spotify:after,
.social-networks.textual.colored-hover li a.spotify:after {
background-color: #2ebd59;
}
.social-networks.textual.colored li a.email:after,
.social-networks.textual.colored-hover li a.email:after {
background-color: #666666;
}
.social-networks.textual.colored li a.skype:after,
.social-networks.textual.colored-hover li a.skype:after {
background-color: #00aff0;
}
.social-networks.textual.colored li a.github:after,
.social-networks.textual.colored-hover li a.github:after {
background-color: #4183c4;
}
.social-networks.textual.colored li a.foursquare:after,
.social-networks.textual.colored-hover li a.foursquare:after {
background-color: #f94877;
}
.social-networks.textual.colored li a.vimeo:after,
.social-networks.textual.colored-hover li a.vimeo:after {
background-color: #1ab7ea;
}
.social-networks.textual.colored li a.yelp:after,
.social-networks.textual.colored-hover li a.yelp:after {
background-color: #af0606;
}
.social-networks.textual.colored li a.tripadvisor:after,
.social-networks.textual.colored-hover li a.tripadvisor:after {
background-color: #00af87;
}
.social-networks.textual.colored li a.twitch:after,
.social-networks.textual.colored-hover li a.twitch:after {
background-color: #6441a5;
}
.social-networks.textual.colored li a.whatsapp:after,
.social-networks.textual.colored-hover li a.whatsapp:after {
background-color: #25D366;
}
.social-networks.textual.colored li a.custom:after,
.social-networks.textual.colored-hover li a.custom:after {
background-color: #00b19e;
}
.rounded.social-networks.colored li a.dark,
.rounded.social-networks.colored-hover li a.dark,
.rounded.social-networks.colored li a.dark i,
.rounded.social-networks.colored-hover li a.dark i {
color: #020202;
}
.social-networks.textual.colored li a.dark,
.social-networks.textual.colored li a.dark i {
color: #020202;
}
.social-networks.textual.colored li a.dark:after,
.social-networks.textual.colored li a.dark i:after {
background-color: #020202;
}
.social-networks.textual.colored-hover li a.dark:hover,
.social-networks.textual.colored-hover li a.dark:hover i {
color: #020202;
}
.social-networks.textual.colored-hover li a.dark:hover:after,
.social-networks.textual.colored-hover li a.dark:hover i:after {
background-color: #020202;
}
.social-networks.colored-bg li a.snapchat {
background-color: #fffc00;
}
.social-networks.colored-bg li a.snapchat span {
color: #020202;
}
.social-networks.colored-bg li a.snapchat:hover {
background-color: #f0ed00;
}
.social-networks.colored-bg li a.snapchat i {
-webkit-text-stroke: 1px rgba(2, 2, 2, 0.5);
}
.social-networks.colored-bg-hover li a.dark:hover {
background-color: #fffc00;
}
.social-networks.colored-bg-hover li a.dark:hover span {
color: #020202;
}
.social-networks.colored-bg-hover li a.dark:hover i {
-webkit-text-stroke: 1px rgba(2, 2, 2, 0.5);
}
.header-search-input {
position: relative;
display: block;
margin-left: 30px;
text-align: left;
pointer-events: auto;
align-self: center;
top: 2px;
z-index: 100;
}
.header-search-input .search-field {
position: absolute;
display: block;
right: -10px;
background: #ededed;
margin: 0;
z-index: 5;
border-radius: 3px;
padding: 8px 6px;
padding-left: 10px;
top: 50%;
-webkit-transform: translateY(-58%);
transform: translateY(-58%);
visibility: hidden;
opacity: 0;
}
.header-search-input .search-field span {
display: block;
min-width: 200px;
}
.header-search-input .search-field input {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
background: transparent;
border: 0;
max-width: 80%;
padding-left: 10px;
box-shadow: none;
}
.header-search-input .search-field input:focus {
box-shadow: none;
outline: none;
}
.header-search-input .search-icon {
position: relative;
z-index: 10;
text-align: center;
}
.header-search-input .search-icon a {
display: block;
}
.header-search-input .search-icon a svg {
width: 22px;
height: 22px;
-webkit-transition: fill 150ms ease-in-out;
transition: fill 150ms ease-in-out;
}
.header-search-input.menu-skin-main .search-icon a {
color: #00b19e;
}
.header-search-input.menu-skin-main .search-icon a svg {
fill: #00b19e;
}
.header-search-input.menu-skin-dark .search-icon a {
color: #333;
}
.header-search-input.menu-skin-dark .search-icon a svg {
fill: #333;
}
.header-search-input.menu-skin-light .search-icon a {
color: #fff;
}
.header-search-input.menu-skin-light .search-icon a svg {
fill: #fff;
}
.header-search-input.menu-skin-light.search-field-visible .search-icon svg {
-webkit-transition: fill 350ms ease-in-out;
transition: fill 350ms ease-in-out;
fill: #333;
}
.sticky-wrapper--scrollbar {
position: relative;
overflow: hidden;
}
.vc-container .vc-row-container {
position: relative;
}
.vc-container .vc-row-container .vc_section {
padding-left: 0;
padding-right: 0;
}
.vc-container .vc-row-container .vc_row,
.vc-container .vc-row-container .vc_section {
width: auto;
}
.vc-container .vc-row-container .vc_row.row-stretch[data-vc-full-width-init="false"],
.vc-container .vc-row-container .vc_section.row-stretch[data-vc-full-width-init="false"] {
visibility: hidden;
}
.vc-container .vc-row-container--stretch-content {
padding-left: 15px;
padding-right: 15px; }
.vc-container .vc-row-container--stretch-content .vc_inner.container-fixed {
margin-right: auto;
margin-left: auto;
padding-left: 0px;
padding-right: 0px;
}
@media (min-width: 768px) {
.vc-container .vc-row-container--stretch-content .vc_inner.container-fixed {
width: 750px;
}
}
@media (min-width: 992px) {
.vc-container .vc-row-container--stretch-content .vc_inner.container-fixed {
width: 970px;
}
}
@media (min-width: 1200px) {
.vc-container .vc-row-container--stretch-content .vc_inner.container-fixed {
width: 1170px;
}
}
.vc-container .vc-row-container--stretch-content-no-spaces {
padding-left: 15px;
padding-right: 15px;
}
.vc-container .vc-row-container--stretch-content-no-spaces .vc_inner.container-fixed {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.vc-container .vc-row-container--stretch-content-no-spaces .vc_inner.container-fixed {
width: 750px;
}
}
@media (min-width: 992px) {
.vc-container .vc-row-container--stretch-content-no-spaces .vc_inner.container-fixed {
width: 970px;
}
}
@media (min-width: 1200px) {
.vc-container .vc-row-container--stretch-content-no-spaces .vc_inner.container-fixed {
width: 1170px;
}
}
.has-page-borders .vc-container .vc-row-container--stretch-content > .vc_row,
.has-page-borders .vc-container .vc-row-container--stretch-content-no-spaces > .vc_row {
left: 0 !important;
width: auto !important;
}
.woocommerce .content-area .site-main {
margin-top: 30px;
}
.woocommerce a {
display: inline-block;
}
.woocommerce li {
list-style: none;
}
.woocommerce ins {
text-decoration: none;
}
.woocommerce label {
font-weight: normal;
}
.woocommerce .woocommerce-form__label-for-checkbox {
cursor: pointer;
}
.woocommerce .col2-set:before,
.woocommerce .col2-set:after {
display: table;
content: " ";
}
.woocommerce .col2-set:after {
clear: both;
}
.woocommerce .col2-set:before,
.woocommerce .col2-set:after {
display: table;
content: " ";
}
.woocommerce .col2-set:after {
clear: both;
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
float: left;
width: 50%;
box-sizing: border-box;
}
@media screen and (max-width: 992px) {
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
width: 100%;
margin-bottom: 20px;
}
}
.woocommerce .col2-set .col-1 {
padding-right: 15px;
}
@media screen and (max-width: 992px) {
.woocommerce .col2-set .col-1 {
padding-right: 0;
}
}
.woocommerce .col2-set .col-2 {
padding-left: 15px;
}
@media screen and (max-width: 992px) {
.woocommerce .col2-set .col-2 {
padding-left: 0;
}
}
.woocommerce .form-row {
margin-bottom: 20px;
}
.woocommerce .form-row:last-child {
margin-bottom: 0;
}
.woocommerce .woocommerce-shop-header {
margin-bottom: 40px;
}
.woocommerce .woocommerce-shop-header--columned {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
@media screen and (max-width: 768px) {
.woocommerce .woocommerce-shop-header--columned {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.woocommerce .woocommerce-shop-header--columned > div {
width: 100%;
}
}
.woocommerce .woocommerce-shop-header--columned > div {
-webkit-box-flex: 1;
flex-grow: 1;
}
.woocommerce .woocommerce-shop-header--title .page-title {
font-size: 26px;
margin: 0;
margin-bottom: 10px;
}
.woocommerce .woocommerce-shop-header--sorting .woocommerce-ordering--dropdown {
margin-bottom: 0px;
}
.woocommerce .woocommerce-shop-header--sorting .woocommerce-ordering--dropdown ~ .orderby {
display: none;
}
@media screen and (min-width: 768px) {
.woocommerce .woocommerce-shop-header--sorting .woocommerce-ordering {
position: relative;
float: right;
}
.woocommerce .woocommerce-shop-header--sorting .woocommerce-ordering .dropdown-menu {
left: auto;
right: 0;
}
}
.woocommerce .woocommerce-shop-header--description {
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce .woocommerce-shop-header--description .term-description,
.woocommerce .woocommerce-shop-header--description .page-description {
margin-top: 10px;
}
.woocommerce .input-text {
width: 100%;
}
.woocommerce .input-text[type="text"],
.woocommerce .input-text[type="number"],
.woocommerce .input-text[type="email"],
.woocommerce .input-text[type="password"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.woocommerce select {
height: 35px;
}
.woocommerce form.login #rememberme {
margin-left: 15px;
}
.woocommerce form.login .lost_password:last-of-type {
margin-bottom: 0;
}
.woocommerce form.register .woocommerce-privacy-policy-text {
margin-bottom: 15px;
}
.woocommerce div.quantity {
width: 90px;
position: relative;
padding: 0;
}
.woocommerce div.quantity input.qty {
border: 0;
width: 100%;
background-color: #eeeeee;
padding: 10px;
text-align: center;
height: 40px;
font-weight: normal;
font-size: 15px;
text-indent: 10px;
border-radius: 2px;
}
@media screen and (max-width: 768px) {
.woocommerce div.quantity input.qty {
font-size: 16px;
}
}
.woocommerce div.quantity .minus,
.woocommerce div.quantity .plus {
position: absolute;
height: 50%;
text-indent: -9999px;
background: url(//hualien1913.nat.gov.tw/template/assets/images/icons/shop-spinner-icons.png) no-repeat center top;
border: 0;
right: 0;
padding: 0;
width: 25px;
border-radius: 0;
background-size: 6px 30px;
}
.woocommerce div.quantity .minus.minus,
.woocommerce div.quantity .plus.minus {
bottom: 0;
background-position: center -12px;
border-radius: 0 0 2px 0;
}
.woocommerce div.quantity .minus.plus,
.woocommerce div.quantity .plus.plus {
top: 0;
background-position: center 2px;
border-radius: 0 2px 0 0;
}
.woocommerce div.quantity .minus:active,
.woocommerce div.quantity .plus:active {
background-color: #e9e9e9;
}
.woocommerce div.quantity.buttons_added input.qty {
padding-right: 25px;
}
.woocommerce div.quantity.buttons_added input[type=number]::-webkit-inner-spin-button,
.woocommerce div.quantity.buttons_added input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.woocommerce .button.wc-backward {
margin-top: 20px;
}
.woocommerce .return-to-shop {
margin-bottom: 40px;
}
.woocommerce .star-rating {
display: inline-block;
}
.woocommerce .star-rating .star-rating-icons {
display: inline-block;
position: relative;
}
.woocommerce .star-rating .star-rating-icons > i {
font-size: 15px;
color: #eeeeee;
}
.woocommerce .star-rating .star-rating-icons > i.filled {
color: #f1c40f;
}
.woocommerce .star-rating .star-rating-icons .circle {
position: relative;
display: inline-block;
background-color: #eeeeee;
overflow: hidden;
width: 10px;
height: 10px;
z-index: 1;
}
.woocommerce .star-rating .star-rating-icons .circle i {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0;
background-color: #00b19e;
}
.woocommerce .star-rating .star-rating-icons .circle.rounded {
border-radius: 50%;
}
.woocommerce .addresses {
margin-top: 40px;
}
.woocommerce .addresses .woocommerce-Address .title {
border-bottom: 1px solid #fff;
position: relative;
}
.woocommerce .addresses .woocommerce-Address .title h3 {
font-size: 20px;
margin: 0px;
}
.woocommerce .addresses .woocommerce-Address .title a {
top: 10px;
right: 10px;
padding: 6px 15px;
background: #fff;
position: absolute;
color: #898989;
}
.woocommerce .addresses .woocommerce-Address .title a::after {
background: none;
}
.woocommerce .addresses .woocommerce-Address address {
color: #898989;
}
.woocommerce .addresses .woocommerce-Address .title,
.woocommerce .addresses .woocommerce-Address address {
padding: 15px 25px;
background: #eeeeee;
}
.pswp .pswp__caption__center {
text-align: center;
}
.woocommerce-order-received .woocommerce-order-overview {
display: -webkit-box;
display: flex;
width: 100%;
margin-bottom: 20px;
padding: 0;
border-bottom: 1px solid #eeeeee;
padding-bottom: 20px;
flex-wrap: wrap;
}
.woocommerce-order-received .woocommerce-order-overview li {
-webkit-box-flex: 1;
flex: 1 0 auto;
color: #898989;
}
@media screen and (max-width: 768px) {
.woocommerce-order-received .woocommerce-order-overview li {
margin-bottom: 15px;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-order-received .woocommerce-order-overview li:last-child {
margin-bottom: 0;
}
}
.woocommerce-order-received .woocommerce-order-overview li strong {
display: block;
font-weight: normal;
font-size: 19px;
margin-top: 10px;
color: #333;
}
@media screen and (max-width: 768px) {
.woocommerce-order-received .woocommerce-order-overview li strong {
margin-top: 0px;
}
}
.woocommerce-order-received .bacs-details-container {
margin-top: 30px;
}
.woocommerce-order-received .bacs-details-container h2 {
font-size: 22px;
margin-top: 25px;
}
.woocommerce-order-received .bacs-details-container h3,
.woocommerce-order-received .bacs-details-container .bacs_details {
background-color: #fafafa;
border: 1px solid #eeeeee;
}
.woocommerce-order-received .bacs-details-container h3 {
border-bottom: 0;
margin-bottom: 0;
padding: 15px 30px;
padding-top: 20px;
line-height: 1;
font-size: 16px;
}
@media screen and (max-width: 768px) {
.woocommerce-order-received .bacs-details-container h3 {
font-weight: 600;
padding-left: 15px;
padding-right: 15px;
}
}
.woocommerce-order-received .bacs-details-container .bacs_details {
border-top: 0;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 15px;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.woocommerce-order-received .bacs-details-container .bacs_details {
padding-left: 15px;
padding-right: 15px;
}
}
.woocommerce-order-received .bacs-details-container .bacs_details li {
-webkit-box-flex: 1;
flex-grow: 1;
}
@media screen and (max-width: 768px) {
.woocommerce-order-received .bacs-details-container .bacs_details li {
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 10px;
}
.woocommerce-order-received .bacs-details-container .bacs_details li:last-child {
margin-bottom: 0;
}
}
.woocommerce-order-received .bacs-details-container .bacs_details li strong {
display: block;
margin-top: 5px;
font-size: 18px;
color: #333;
}
.woocommerce-order-received .woocommerce-order-details {
margin-top: 20px;
border: 1px solid #eeeeee;
padding: 25px 30px;
margin-bottom: 20px;
}
.woocommerce-order-received .woocommerce-order-details:before,
.woocommerce-order-received .woocommerce-order-details:after {
display: table;
content: " ";
}
.woocommerce-order-received .woocommerce-order-details:after {
clear: both;
}
.woocommerce-order-received .woocommerce-order-details:before,
.woocommerce-order-received .woocommerce-order-details:after {
display: table;
content: " ";
}
.woocommerce-order-received .woocommerce-order-details:after {
clear: both;
}
.woocommerce-order-received .woocommerce-order-details h1.title,
.woocommerce-order-received .woocommerce-order-details h2.title,
.woocommerce-order-received .woocommerce-order-details h3.title {
font-size: 20px;
margin-top: 0;
border-bottom: 1px solid #eeeeee;
padding-bottom: 20px;
margin-bottom: 20px;
}
.woocommerce-order-received .woocommerce-order-details h2 {
font-size: 20px;
margin-top: 0;
border-bottom: 1px solid #eeeeee;
padding-bottom: 20px;
margin-bottom: 20px;
}
.woocommerce-edit-address .my-address-title {
display: block;
font-size: 26px;
margin-bottom: 10px;
color: #333;
}
.woocommerce-edit-address .my-address-subtitle {
color: #898989;
font-size: 16px;
}
.woocommerce-demo-store .woocommerce-store-notice {
position: fixed;
left: 0;
bottom: 0;
right: 0;
z-index: 1000;
padding: 15px 20px;
text-align: left;
background: #3d9cd2;
color: #fff;
margin-bottom: 0;
}
.woocommerce-demo-store .woocommerce-store-notice .woocommerce-store-notice__dismiss-link {
position: relative;
float: right;
line-height: 1;
overflow: hidden;
width: 20px;
height: 20px;
text-indent: -9999px;
margin-left: 15px;
}
.woocommerce-demo-store .woocommerce-store-notice .woocommerce-store-notice__dismiss-link:before {
display: block;
font-family: Flaticon;
content: '\e00c';
font-size: 16px;
color: #fff;
font-weight: bold;
position: absolute;
left: 0;
top: 0;
text-indent: 0;
}
.default-margin > .woocommerce {
margin-bottom: 30px;
}
.woocommerce .products {
padding: 0;
margin-left: -15px;
margin-right: -15px;
}
.woocommerce .products:before,
.woocommerce .products:after {
display: table;
content: " ";
}
.woocommerce .products:after {
clear: both;
}
.woocommerce .products:before,
.woocommerce .products:after {
display: table;
content: " ";
}
.woocommerce .products:after {
clear: both;
}
.woocommerce .products .product {
position: relative;
padding-left: 15px;
padding-right: 15px;
width: 100%;
float: left;
}
.rtl .woocommerce .products .product {
float: right;
}
.woocommerce .products.columns-2 .product {
width: 50%;
}
.woocommerce .products.columns-2 .product:nth-of-type(2n+1) {
clear: left;
}
.rtl .woocommerce .products.columns-2 .product:nth-of-type(2n+1) {
clear: right;
}
@media screen and (max-width: 480px) {
.woocommerce .products.columns-2 .product {
width: 100%;
clear: left;
}
.rtl .woocommerce .products.columns-2 .product {
clear: right;
}
}
.woocommerce .products.columns-3 .product {
width: 33.333333%;
}
@media screen and (min-width: 769px) {
.woocommerce .products.columns-3 .product:nth-of-type(3n+1) {
clear: left;
}
.rtl .woocommerce .products.columns-3 .product:nth-of-type(3n+1) {
clear: right;
}
}
@media screen and (max-width: 768px) {
.woocommerce .products.columns-3 .product {
width: 50%;
}
.woocommerce .products.columns-3 .product:nth-of-type(2n+1) {
clear: left;
}
.rtl .woocommerce .products.columns-3 .product:nth-of-type(2n+1) {
clear: right;
}
}
@media screen and (max-width: 480px) {
.woocommerce .products.columns-3 .product {
width: 100%;
clear: left;
}
.rtl .woocommerce .products.columns-3 .product {
clear: right;
}
}
.woocommerce .products.columns-4 .product {
width: 25%;
}
@media screen and (min-width: 769px) {
.woocommerce .products.columns-4 .product:nth-of-type(4n+1) {
clear: left;
}
.rtl .woocommerce .products.columns-4 .product:nth-of-type(4n+1) {
clear: right;
}
}
@media screen and (max-width: 768px) {
.woocommerce .products.columns-4 .product {
width: 50%;
}
.woocommerce .products.columns-4 .product:nth-of-type(2n+1) {
clear: left;
}
.rtl .woocommerce .products.columns-4 .product:nth-of-type(2n+1) {
clear: right;
}
}
@media screen and (max-width: 480px) {
.woocommerce .products.columns-4 .product {
width: 100%;
clear: left;
}
.rtl .woocommerce .products.columns-4 .product {
clear: right;
}
}
.woocommerce .products.columns-5 .product {
width: 20%;
}
@media screen and (min-width: 991px) {
.woocommerce .products.columns-5 .product:nth-of-type(5n+1) {
clear: left;
}
.rtl .woocommerce .products.columns-5 .product:nth-of-type(5n+1) {
clear: right;
}
}
@media screen and (min-width: 769px) and (max-width: 991px) {
.woocommerce .products.columns-5 .product {
width: 33.333333%;
}
.woocommerce .products.columns-5 .product:nth-of-type(3n+1) {
clear: left;
}
.rtl .woocommerce .products.columns-5 .product:nth-of-type(3n+1) {
clear: right;
}
}
@media screen and (max-width: 768px) {
.woocommerce .products.columns-5 .product {
width: 50%;
}
.woocommerce .products.columns-5 .product:nth-of-type(2n+1) {
clear: left;
}
.rtl .woocommerce .products.columns-5 .product:nth-of-type(2n+1) {
clear: right;
}
}
@media screen and (max-width: 480px) {
.woocommerce .products.columns-5 .product {
width: 100%;
clear: left;
}
.rtl .woocommerce .products.columns-5 .product {
clear: right;
}
}
.woocommerce .products.columns-6 .product {
width: 16.66666667%;
}
@media screen and (min-width: 1200px) {
.woocommerce .products.columns-6 .product:nth-of-type(6n+1) {
clear: left;
}
.rtl .woocommerce .products.columns-6 .product:nth-of-type(6n+1) {
clear: right;
}
}
@media screen and (min-width: 993px) and (max-width: 1199px) {
.woocommerce .products.columns-6 .product {
width: 25%;
}
.woocommerce .products.columns-6 .product:nth-of-type(4n+1) {
clear: left;
}
.rtl .woocommerce .products.columns-6 .product:nth-of-type(4n+1) {
clear: right;
}
}
@media screen and (min-width: 481px) and (max-width: 991px) {
.woocommerce .products.columns-6 .product {
width: 50%;
}
.woocommerce .products.columns-6 .product:nth-of-type(2n+1) {
clear: left;
}
.rtl .woocommerce .products.columns-6 .product:nth-of-type(2n+1) {
clear: right;
}
}
@media screen and (max-width: 480px) {
.woocommerce .products.columns-6 .product {
width: 100%;
clear: left;
}
}
@media screen and (max-width: 480px) {
.woocommerce .products .product.columns-xs-2 {
width: 50%;
float: left;
clear: none;
}
.woocommerce .products .product.columns-xs-2:nth-of-type(2n+1) {
clear: left;
}
.rtl .woocommerce .products .product.columns-xs-2:nth-of-type(2n+1) {
clear: right;
}
}
.woocommerce .products.slick-initialized .product {
clear: none !important;
}
.woocommerce .products-archive {
margin-left: -15px;
margin-right: -15px;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: wrap;
}
.woocommerce .products-archive--products,
.woocommerce .products-archive--sidebar {
padding-left: 15px;
padding-right: 15px;
}
.woocommerce .products-archive--products {
width: 100%;
}
.woocommerce .products-archive--has-sidebar .products-archive--products {
width: 75%;
}
@media screen and (max-width: 992px) {
.woocommerce .products-archive--has-sidebar .products-archive--products {
width: 100%;
}
}
.woocommerce .products-archive--has-sidebar .products-archive--sidebar {
width: 25%;
}
@media screen and (max-width: 992px) {
.woocommerce .products-archive--has-sidebar .products-archive--sidebar {
width: 100%;
}
}
@media screen and (min-width: 992px) {
.woocommerce .products-archive--sidebar-left .products-archive--products {
-webkit-box-ordinal-group: 3;
order: 2;
}
}
@media screen and (max-width: 768px) {
.woocommerce .products-archive--sidebar-first .products-archive--products {
-webkit-box-ordinal-group: 3;
order: 2;
}
}
.woocommerce .products-archive--pagination-align-left .page-numbers {
text-align: left;
}
.woocommerce .products-archive--pagination-align-center .page-numbers {
text-align: center;
}
.woocommerce .products-archive--pagination-align-right .page-numbers {
text-align: right;
}
.woocommerce .shop-categories .product-category {
margin-bottom: 30px;
}
.woocommerce .shop-categories .product-category a {
display: block;
white-space: nowrap;
}
.woocommerce .shop-categories .product-category a:before {
position: absolute;
display: block;
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.woocommerce .shop-categories .product-category a:hover h3,
.woocommerce .shop-categories .product-category a:hover .woocommerce-loop-category__title {
color: #00b19e;
}
.woocommerce .shop-categories .product-category a:hover:before {
background-color: rgba(255, 255, 255, 0.3);
}
.woocommerce .shop-categories .product-category img {
width: 100%;
max-width: 100%;
height: auto;
}
.woocommerce .shop-categories .product-category h3,
.woocommerce .shop-categories .product-category .woocommerce-loop-category__title {
display: block;
position: absolute;
background: #fff;
color: #333;
line-height: 1;
margin: 0;
padding: 15px 20px;
top: 50%;
left: 50%;
font-size: 18px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.woocommerce .shop-categories .product-category h3 .count,
.woocommerce .shop-categories .product-category .woocommerce-loop-category__title .count {
padding: 0;
background-color: transparent;
color: #898989;
opacity: 0.7;
}
.woocommerce .shop_table {
width: 100%;
}
.woocommerce .shop_table tr {
border-bottom: 1px solid #eeeeee;
}
.woocommerce .shop_table tr tr {
border-bottom: 0;
}
.woocommerce .shop_table tr td,
.woocommerce .shop_table tr th {
padding: 10px 0;
color: #898989;
}
.woocommerce .shop_table tr td,
.woocommerce .shop_table tr th,
.woocommerce .shop_table tr label,
.woocommerce .shop_table tr .product-quantity,
.woocommerce .shop_table tr .amount {
font-weight: normal;
}
.woocommerce .shop_table thead .product-total {
color: #898989;
}
.woocommerce .shop_table tbody tr:last-child {
border-bottom-width: 1px;
}
.woocommerce .shop_table tfoot tr:last-child {
border-bottom-width: 0;
}
.woocommerce .shop_table .shipping {
vertical-align: top;
}
.woocommerce .shop_table .shipping ul {
padding: 0;
margin-bottom: 0;
text-align: right;
}
.woocommerce .shop_table .shipping ul li {
font-size: 15px;
}
.woocommerce .shop_table .shipping ul li label:before {
float: right;
margin-right: 0px;
margin-left: 5px;
top: 2px;
}
.woocommerce .shop_table .shipping .shipping_method {
float: right;
margin-right: 0;
margin-left: 6px;
}
.woocommerce .shop_table .shipping th + td {
color: #898989;
}
.woocommerce .shop_table .shipping .woocommerce-shipping-calculator .shipping-calculator-button {
margin-top: 0;
}
.woocommerce .shop_table .shipping .woocommerce-shipping-calculator .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
text-align: left;
}
.woocommerce .shop_table .wc-item-meta {
padding: 0;
margin: 0;
margin-top: 10px;
font-size: 13px;
}
.woocommerce .shop_table .wc-item-meta li {
padding: 5px 0;
display: block;
}
.woocommerce .shop_table .wc-item-meta li p {
margin-bottom: 0;
}
.woocommerce .shop_table .wc-item-meta strong {
font-weight: normal;
padding-right: 5px;
}
.woocommerce .shop_table.cart .cart_item > td {
padding-top: 25px;
padding-bottom: 20px;
}
.woocommerce .shop_table.cart .cart_item .product-remove {
width: 2.5%;
}
@media screen and (max-width: 768px) {
.woocommerce .shop_table.cart .cart_item .product-remove {
padding-right: 15px;
}
}
.woocommerce .shop_table.cart .cart_item .product-remove a {
visibility: hidden;
opacity: 0;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
}
@media screen and (max-width: 768px) {
.woocommerce .shop_table.cart .cart_item .product-remove a {
visibility: visible;
opacity: 1;
}
}
.woocommerce .shop_table.cart .cart_item .product-remove a i {
font-size: 11px;
font-weight: bold;
color: #333;
}
@media screen and (max-width: 768px) {
.woocommerce .shop_table.cart .cart_item .product-remove a i {
font-size: 9px;
}
}
.woocommerce .shop_table.cart .cart_item .product-remove a::after {
background: none;
}
.woocommerce .shop_table.cart .cart_item .product-remove a:hover i {
color: #00b19e;
}
.woocommerce .shop_table.cart .cart_item .product-thumbnail {
width: 10%;
}
@media screen and (max-width: 480px) {
.woocommerce .shop_table.cart .cart_item .product-thumbnail {
width: 12%;
}
}
.woocommerce .shop_table.cart .cart_item .product-thumbnail img {
width: 50px;
height: auto;
margin-left: 5px;
}
@media screen and (max-width: 768px) {
.woocommerce .shop_table.cart .cart_item .product-thumbnail img {
width: 40px;
margin: 10px 10px 10px 0;
}
}
.woocommerce .shop_table.cart .cart_item .product-thumbnail a::after {
background: none;
}
.woocommerce .shop_table.cart .cart_item .product-name {
width: 45%;
}
.woocommerce .shop_table.cart .cart_item .product-name a {
color: #333;
}
@media screen and (max-width: 768px) {
.woocommerce .shop_table.cart .cart_item .product-name {
width: 40%;
padding-right: 10px;
}
}
@media screen and (max-width: 480px) {
.woocommerce .shop_table.cart .cart_item .product-name {
width: 30%;
}
}
.woocommerce .shop_table.cart .cart_item .product-subtotal span {
color: #00b19e;
}
.woocommerce .shop_table.cart .cart_item .order-total strong {
font-weight: 400;
}
.woocommerce .shop_table.cart .cart_item .variation {
width: auto;
margin-top: 5px;
}
.woocommerce .shop_table.cart .cart_item .variation th,
.woocommerce .shop_table.cart .cart_item .variation td {
font-size: 13px;
}
.woocommerce .shop_table.cart .cart_item:hover .product-remove a {
visibility: visible;
opacity: 1;
}
.woocommerce .shop_table.cart .cart_item:first-child {
border-top: 1px solid #eeeeee;
}
@media screen and (max-width: 992px) {
.woocommerce .shop_table.cart th.product-price,
.woocommerce .shop_table.cart td.product-price {
display: none;
}
}
.woocommerce .shop_table.cart .actions {
text-align: right;
padding: 25px 0;
}
.woocommerce .shop_table.cart .actions .coupon {
width: 100%;
display: -webkit-box;
display: flex;
}
@media screen and (min-width: 768px) {
.woocommerce .shop_table.cart .actions .coupon {
float: left;
max-width: 400px;
}
}
.woocommerce .shop_table.cart .actions .coupon label {
display: none;
}
.woocommerce .shop_table.cart .actions .coupon .button {
margin-left: 10px;
white-space: nowrap;
}
@media screen and (max-width: 768px) {
.woocommerce .shop_table.cart .actions [name="update_cart"] {
width: 100%;
margin-top: 20px;
}
}
.woocommerce .shop_table.cart .actions [name="update_cart"][disabled] {
background-color: #eeeeee;
color: #898989;
}
.woocommerce .cart_totals .shop_table tr {
vertical-align: top;
}
.woocommerce .cart_totals .shop_table td + td,
.woocommerce .cart_totals .shop_table th + th,
.woocommerce .cart_totals .shop_table th + td {
color: #333;
text-align: right;
}
.woocommerce .woocommerce-checkout-review-order .shop_table tr > *:last-child {
text-align: right;
}
.woocommerce .woocommerce-customer-details .shop_table tbody tr:last-child {
border-bottom-width: 0;
}
.woocommerce .woocommerce-orders-table.shop_table tbody tr:last-child {
border-bottom-width: 0;
}
.woocommerce-checkout {
clear: both;
}
form.woocommerce-checkout {
margin-bottom: 40px;
}
.woocommerce-checkout .woocommerce-form-login .labeled-input-row {
margin-bottom: 15px;
}
.woocommerce-checkout .woocommerce-form-login .form-row--remember-me {
margin-bottom: 15px;
}
.woocommerce-checkout .woocommerce-form-login .form-row--login {
float: left;
margin-bottom: 0;
}
.woocommerce-checkout .checkout-form-option {
float: left;
width: 100%;
}
@media screen and (min-width: 992px) {
.woocommerce-checkout .checkout-form-option {
width: 50%;
padding-right: 7.5px;
}
}
@media screen and (min-width: 992px) {
.woocommerce-checkout .checkout-form-option + .checkout-form-option {
padding-left: 7.5px;
padding-right: 0;
}
}
.woocommerce-checkout .checkout-form-option--only {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.woocommerce-checkout .checkout-form-option--header .woocommerce-info {
background-color: #eeeeee;
color: #898989;
border-top: 3px solid #00b19e;
margin-bottom: 20px;
}
.woocommerce-checkout .checkout-form-option--header .woocommerce-info a {
color: #00b19e;
display: inline-block;
}
.woocommerce-checkout .checkout-form-option--header .woocommerce-info a:after {
content: '';
overflow: hidden;
position: absolute;
left: 0;
bottom: -1px;
display: block;
width: 0;
height: 1px;
background-color: #00b19e;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
}
.woocommerce-checkout .checkout-form-option--header .woocommerce-info a:hover {
text-decoration: none;
color: #00b19e;
}
.woocommerce-checkout .checkout-form-option--header .woocommerce-info a:active:after,
.woocommerce-checkout .checkout-form-option--header .woocommerce-info a.link-hover:after {
width: 100%;
}
.woocommerce-checkout .checkout-form-option--content {
display: none;
}
.woocommerce-checkout .checkout-form-option--content > form {
border: 1px solid #eeeeee;
padding: 30px;
margin-bottom: 30px;
}
.woocommerce-checkout .checkout-form-option .checkout_coupon .form-row-last {
margin-bottom: 0;
}
.woocommerce-checkout .checkout-form-option .woocommerce-form-login,
.woocommerce-checkout .checkout-form-option .woocommerce-form-coupon {
display: block !important;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
margin-bottom: 20px;
}
.woocommerce-checkout .woocommerce-terms-and-conditions {
background-color: #eeeeee;
border: 1px solid #e1e1e1;
padding: 15px;
margin-bottom: 10px;
}
.woocommerce-checkout .woocommerce-terms-and-conditions ol,
.woocommerce-checkout .woocommerce-terms-and-conditions ul {
padding-left: 0;
}
.woocommerce-checkout .place-order input[type="submit"] {
display: block;
width: 100%;
}
.woocommerce-checkout .ship-to-billing-only .col2-set .col-1,
.woocommerce-checkout .ship-to-billing-only .col2-set .col-2 {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
}
.woocommerce-checkout .ship-to-billing-only .woocommerce-additional-fields h3 {
margin-top: 20px;
margin-bottom: 0px;
}
form.woocommerce-checkout {
margin-left: -15px;
}
form.woocommerce-checkout:before,
form.woocommerce-checkout:after {
display: table;
content: " ";
}
form.woocommerce-checkout:after {
clear: both;
}
form.woocommerce-checkout:before,
form.woocommerce-checkout:after {
display: table;
content: " ";
}
form.woocommerce-checkout:after {
clear: both;
}
@media screen and (max-width: 992px) {
form.woocommerce-checkout {
margin-left: 0;
}
}
form.woocommerce-checkout .col2-set,
form.woocommerce-checkout .order-review-container {
float: left;
padding-left: 15px;
padding-right: 15px;
}
form.woocommerce-checkout .col2-set {
width: 62.5%;
padding-right: 30px;
}
form.woocommerce-checkout .order-review-container {
width: 37.5%;
}
@media screen and (max-width: 992px) {
form.woocommerce-checkout .col2-set,
form.woocommerce-checkout .order-review-container {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}
}
form.woocommerce-checkout .woocommerce-error {
margin-left: 15px;
}
@media screen and (max-width: 992px) {
form.woocommerce-checkout .woocommerce-error {
margin-left: 0;
}
}
form.woocommerce-checkout .order-review-container {
position: relative;
border: 1px solid #eeeeee;
padding: 30px;
}
form.woocommerce-checkout .order-review-container h2,
form.woocommerce-checkout .order-review-container h3 {
margin-top: 0;
font-size: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eeeeee;
margin-bottom: 20px;
}
.woocommerce-account .woocommerce-form {
padding: 25px 30px;
border: 1px solid #eeeeee;
}
.woocommerce-account .woocommerce-form:before,
.woocommerce-account .woocommerce-form:after {
display: table;
content: " ";
}
.woocommerce-account .woocommerce-form:after {
clear: both;
}
.woocommerce-account .woocommerce-form:before,
.woocommerce-account .woocommerce-form:after {
display: table;
content: " ";
}
.woocommerce-account .woocommerce-form:after {
clear: both;
}
.woocommerce-account .woocommerce-form > h2 {
margin: 0;
font-size: 20px;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #eeeeee;
}
.woocommerce-account form.edit-account {
border: 1px solid #eeeeee;
padding: 25px 30px;
margin-bottom: 20px;
}
.woocommerce-account form.edit-account:before,
.woocommerce-account form.edit-account:after {
display: table;
content: " ";
}
.woocommerce-account form.edit-account:after {
clear: both;
}
.woocommerce-account form.edit-account:before,
.woocommerce-account form.edit-account:after {
display: table;
content: " ";
}
.woocommerce-account form.edit-account:after {
clear: both;
}
.woocommerce-account form.edit-account h1.title,
.woocommerce-account form.edit-account h2.title,
.woocommerce-account form.edit-account h3.title {
font-size: 20px;
margin-top: 0;
border-bottom: 1px solid #eeeeee;
padding-bottom: 20px;
margin-bottom: 20px;
}
.woocommerce-account form.edit-account .display-name-notice {
display: block;
font-size: 14px;
margin-bottom: 20px;
}
.woocommerce-account form.edit-account fieldset {
margin-top: 50px;
}
.woocommerce-account form.edit-account fieldset legend {
font-size: 20px;
padding-bottom: 15px;
}
.woocommerce-account form.edit-account fieldset legend small {
font-size: 70%;
color: #777;
}
.woocommerce-account form.edit-account .button {
margin-top: 20px;
}
.woocommerce-account form.edit-account > p:last-of-type {
margin-bottom: 0;
}
.woocommerce-account .go-back-link {
display: inline-block;
margin-top: 20px;
}
.woocommerce-account .form-row--login {
float: left;
margin-bottom: 0;
}
.woocommerce-account .woocommerce-ResetPassword .woocommerce-form-row--first {
margin-top: 20px;
margin-bottom: 20px;
}
.woocommerce-account .woocommerce-ResetPassword .labeled-input-row label[for="user_login"] {
min-width: auto;
}
.woocommerce-account .woocommerce-password-strength {
font-size: 14px;
font-weight: 500;
}
.woocommerce-account .woocommerce-password-strength.short,
.woocommerce-account .woocommerce-password-strength.bad {
color: #e44c52;
}
.woocommerce-account .woocommerce-password-strength.good {
color: #f5d16f;
}
.woocommerce-account .woocommerce-password-strength.strong {
color: #b5e07b;
}
.woocommerce-account .labeled-input-row .woocommerce-password-strength {
font-weight: 600;
}
.woocommerce-account .labeled-input-row .woocommerce-password-strength,
.woocommerce-account .labeled-input-row .woocommerce-password-hint {
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
margin-top: 15px;
}
.woocommerce-account .woocommerce-orders-table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions {
max-width: 80px;
}
.woocommerce-account .woocommerce-orders-table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions a {
display: inline-block;
padding: 5px 10px;
margin-right: 5px;
background-color: #eeeeee;
color: #333;
}
.woocommerce-account .woocommerce-orders-table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions a:hover,
.woocommerce-account .woocommerce-orders-table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions a:active {
color: #333;
}
a.woocommerce-account .woocommerce-orders-table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions a:hover,
a.woocommerce-account .woocommerce-orders-table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions a:active {
color: #333;
}
.woocommerce-account .woocommerce-orders-table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions a:hover {
background: #e6e6e6;
}
.woocommerce-account .woocommerce-orders-table.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions a:active {
background: #e1e1e1;
box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}
.woocommerce-account .order-again {
margin-top: 10px;
margin-bottom: 30px;
}
.woocommerce-account .wc-my-account-tabs {
position: relative;
float: left;
width: 20%;
margin-bottom: 20px;
}
.woocommerce-account .wc-my-account-tabs:before {
display: block;
content: '';
position: absolute;
top: 0;
right: -1px;
bottom: 0;
width: 1px;
background: #eeeeee;
}
.woocommerce-account .wc-my-account-tabs .user-profile {
margin-bottom: 30px;
display: table;
width: 100%;
table-layout: auto;
}
.woocommerce-account .wc-my-account-tabs .user-profile .image,
.woocommerce-account .wc-my-account-tabs .user-profile .user-info {
display: table-cell;
vertical-align: middle;
}
.woocommerce-account .wc-my-account-tabs .user-profile .image {
width: 64px;
height: 64px;
}
.woocommerce-account .wc-my-account-tabs .user-profile .image img {
width: 100%;
height: auto;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
}
.woocommerce-account .wc-my-account-tabs .user-profile .user-info {
padding-left: 15px;
}
.woocommerce-account .wc-my-account-tabs .user-profile .user-info .name {
display: block;
font-size: 19px;
line-height: 1;
margin-bottom: 5px;
color: #333;
}
@media screen and (max-width: 768px) {
.woocommerce-account .wc-my-account-tabs .user-profile {
margin-bottom: 20px;
}
.woocommerce-account .wc-my-account-tabs .user-profile .image {
width: 48px;
height: 48px;
}
.woocommerce-account .wc-my-account-tabs .user-profile .user-info .name {
font-size: 16px;
margin-bottom: 2px;
}
.woocommerce-account .wc-my-account-tabs .user-profile .user-info .logout {
font-size: 12px;
}
}
.woocommerce-account .wc-my-account-tabs .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
}
.woocommerce-account .wc-my-account-tabs .woocommerce-MyAccount-navigation ul li a {
display: block;
border-top: 1px solid #eeeeee;
border-right: 1px solid transparent;
margin-right: -1px;
color: #898989;
padding: 12px 0;
}
.woocommerce-account .wc-my-account-tabs .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .wc-my-account-tabs .woocommerce-MyAccount-navigation ul li:hover a {
color: #333;
}
.woocommerce-account .wc-my-account-tabs .woocommerce-MyAccount-navigation ul li.is-active a {
border-right-color: #fff;
}
@media screen and (max-width: 768px) {
.woocommerce-account .wc-my-account-tabs .woocommerce-MyAccount-navigation ul li.is-active a {
border-right: 0;
}
}
.woocommerce-view-order.woocommerce-account .wc-my-account-tabs .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a {
border-right-color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: 80%;
border-left: 1px solid #eeeeee;
padding-left: 40px;
}
.woocommerce-account .woocommerce-MyAccount-content .section-title {
margin-top: 0;
}
@media screen and (max-width: 768px) {
.woocommerce-account .wc-my-account-tabs,
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
border: 0;
padding: 0;
float: none;
margin-bottom: 30px;
}
}
.woocommerce-account .my_account_orders {
margin-top: 20px;
}
.woocommerce-account .my_account_orders tbody tr td,
.woocommerce-account .my_account_orders tbody tr th {
padding: 20px 0;
}
.woocommerce-account .my_account_orders tbody tr td.order-actions,
.woocommerce-account .my_account_orders tbody tr th.order-actions {
text-align: right;
}
.woocommerce-account .my_account_orders tbody tr td.order-actions .button,
.woocommerce-account .my_account_orders tbody tr th.order-actions .button {
font-size: 15px;
}
.woocommerce-account .my_account_orders tbody tr td.order-actions .button:hover,
.woocommerce-account .my_account_orders tbody tr th.order-actions .button:hover {
color: #333;
}
.woocommerce-account .my_account_orders tbody tr td.order-actions .button + .button,
.woocommerce-account .my_account_orders tbody tr th.order-actions .button + .button {
margin-left: 10px;
}
.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form h3 {
margin-top: 0;
margin-bottom: 50px;
}
.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form h3 small {
margin-top: 15px;
display: block;
font-size: 62%;
}
.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content form p [type="submit"] {
margin-top: 20px;
}
.woocommerce-account .lost_reset_password {
border: 1px solid #eeeeee;
padding: 25px 30px;
margin-bottom: 20px;
}
.woocommerce-account .lost_reset_password:before,
.woocommerce-account .lost_reset_password:after {
display: table;
content: " ";
}
.woocommerce-account .lost_reset_password:after {
clear: both;
}
.woocommerce-account .lost_reset_password:before,
.woocommerce-account .lost_reset_password:after {
display: table;
content: " ";
}
.woocommerce-account .lost_reset_password:after {
clear: both;
}
.woocommerce-account .lost_reset_password h1.title,
.woocommerce-account .lost_reset_password h2.title,
.woocommerce-account .lost_reset_password h3.title {
font-size: 20px;
margin-top: 0;
border-bottom: 1px solid #eeeeee;
padding-bottom: 20px;
margin-bottom: 20px;
}
.woocommerce-account .lost_reset_password > .form-row:last-of-type {
margin-bottom: 0;
}
.woocommerce-account .lost_reset_password > .form-row:last-of-type .btn {
margin-bottom: 0;
margin-top: 10px;
}
.select2-container.select2-container--default .select2-selection--single {
border-color: #eeeeee;
border-radius: 0;
box-shadow: none;
height: auto;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 2px 12px;
color: #333;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
margin-right: 7px;
}
.select2-container.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
border-bottom-color: #fff;
}
.select2-container.select2-container--default .select2-dropdown {
border-color: #eeeeee;
border-radius: 0;
}
.select2-container.select2-container--default .select2-dropdown .select2-search {
position: relative;
padding: 5px 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eeeeee;
}
.select2-container.select2-container--default .select2-dropdown .select2-search:before {
position: absolute;
content: '\f002';
font-family: FontAwesome;
right: 20px;
font-size: 13px;
color: #898989;
top: 50%;
margin-top: -3px;
line-height: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.select2-container.select2-container--default .select2-dropdown .select2-search__field {
border-color: #eeeeee;
color: #898989;
padding: 5px 8px;
padding-right: 30px;
background: #fff;
border-radius: 0;
}
.select2-container.select2-container--default .select2-dropdown .select2-results {
padding-left: 0;
padding-right: 0;
}
.select2-container.select2-container--default .select2-dropdown .select2-result {
border-radius: 0;
font-size: 15px;
color: #898989;
}
.select2-container.select2-container--default .select2-dropdown .select2-results__option {
padding-left: 12px;
padding-right: 12px;
}
.select2-container.select2-container--default .select2-dropdown .select2-results__option[aria-selected="true"] {
background-color: #eeeeee;
}
.select2-container.select2-container--default .select2-dropdown .select2-results__option.select2-results__option--highlighted {
background-color: rgba(238, 238, 238, 0.5);
color: #555;
}
.select2-container.select2-container--default .select2-dropdown .select2-no-results {
background: none;
padding: 5px 12px;
color: #888;
}
.woocommerce .woocommerce-Reviews #comments > h2 {
font-size: 18px;
color: #898989;
}
.woocommerce .woocommerce-Reviews #comments .commentlist {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment,
.woocommerce .woocommerce-Reviews #comments .commentlist .review {
position: relative;
border-bottom: 1px solid #fff;
padding: 30px 0;
clear: both;
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment:first-child,
.woocommerce .woocommerce-Reviews #comments .commentlist .review:first-child {
padding-top: 10px;
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment:last-child,
.woocommerce .woocommerce-Reviews #comments .commentlist .review:last-child {
border-bottom: none;
padding-bottom: 10px;
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment .avatar,
.woocommerce .woocommerce-Reviews #comments .commentlist .review .avatar {
float: left;
position: absolute;
left: 0;
width: 60px;
height: auto;
background: transparent;
margin: 0;
line-height: 1;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
}
@media screen and (max-width: 480px) {
.woocommerce .woocommerce-Reviews #comments .commentlist .comment .avatar,
.woocommerce .woocommerce-Reviews #comments .commentlist .review .avatar {
width: 50px;
height: 50px;
}
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment-text {
margin-left: 82px;
}
@media screen and (max-width: 480px) {
.woocommerce .woocommerce-Reviews #comments .commentlist .comment-text {
margin-left: 70px;
}
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment-text .star-rating {
float: right;
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment-text .star-rating > i {
font-size: 15px;
color: #c8c8c8;
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment-text .star-rating > i.filled {
color: #f1c40f;
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment-text .star-rating .circle {
background-color: #c8c8c8;
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment-text .meta .woocommerce-review__dash {
display: none;
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment-text .meta strong[itemprop="author"] {
font-size: 20px;
color: #333;
font-weight: normal;
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment-text .meta time {
font-size: 14px;
display: block;
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment-text .description {
margin-top: 15px;
}
.woocommerce .woocommerce-Reviews #comments .commentlist .comment-text .description p {
margin-bottom: 0px;
}
.woocommerce .woocommerce-Reviews #review_form_wrapper {
margin-left: -30px;
margin-right: -30px;
margin-top: 20px;
margin-bottom: -30px;
padding: 0 5px;
padding-top: 50px;
background-color: #fff;
}
@media screen and (max-width: 768px) {
.woocommerce .woocommerce-Reviews #review_form_wrapper {
padding-top: 40px;
}
}
.woocommerce .woocommerce-Reviews #review_form_wrapper .comment-reply-title {
font-size: 28px;
margin-bottom: 20px;
}
.woocommerce .woocommerce-Reviews #review_form_wrapper .must-log-in {
margin-bottom: 0;
padding-bottom: 20px;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-notes {
margin-top: 5px;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating {
margin-top: 20px;
margin-bottom: 10px;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars {
margin: 0;
line-height: 1;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars span a {
display: inline-block;
color: transparent;
line-height: 0;
padding: 5px 0;
white-space: nowrap;
background: transparent;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars span a + a {
padding-left: 4px;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars span a:before {
display: block;
font-family: 'FontAwesome';
content: '\f005';
font-size: 22px;
line-height: 1;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars span a:before {
color: #999;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars span a.active ~ a:before {
color: #999;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars span:hover a:before {
color: #666666;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars span:hover a:hover ~ a:before {
color: #999;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars.has-rating span a:before {
color: #00b19e;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars.has-rating span a.active ~ a:before {
color: #999;
}
.woocommerce .woocommerce-Reviews .comment-form .labeled-input-row,
.woocommerce .woocommerce-Reviews .comment-form .labeled-textarea-row {
float: left;
width: 100%;
}
@media screen and (min-width: 992px) {
.woocommerce .woocommerce-Reviews .comment-form .comment-form-author,
.woocommerce .woocommerce-Reviews .comment-form .comment-form-email {
width: 50%;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-form-author {
padding-right: 15px;
}
.woocommerce .woocommerce-Reviews .comment-form .comment-form-email {
padding-left: 15px;
}
}
.woocommerce .woocommerce-Reviews .comment-form .form-submit {
clear: both;
margin: 20px 0;
}
.track_order {
padding: 30px;
border: 1px solid #eeeeee;
}
.track_order .form-row:last-of-type {
margin-bottom: 0;
}
.woocommerce-cart .woocommerce-cart-form .shipping-calculator-form h2 {
font-size: 16px;
margin-top: 30px;
}
.woocommerce-cart .woocommerce-cart-form .shipping-calculator-form i {
font-weight: bold;
margin-left: 5px;
vertical-align: middle;
}
.woocommerce-cart .woocommerce-cart-form .shipping-calculator-form p {
text-align: left;
}
.woocommerce-cart .woocommerce-cart-form .shipping-calculator-form button[name="calc_shipping"] {
display: block;
width: 100%;
}
.woocommerce-cart .woocommerce-cart-form .woocommerce-cart-form__contents tbody tr:last-child {
border-bottom-width: 0;
}
.woocommerce-cart .cart-collaterals {
float: right;
width: 400px;
}
@media screen and (max-width: 992px) {
.woocommerce-cart .cart-collaterals {
width: 100%;
float: none;
clear: both;
margin-top: 20px;
}
}
.woocommerce-cart .cart-collaterals .cart-buttons-update-checkout {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.woocommerce-cart .cart-collaterals .cart-buttons-update-checkout .button {
padding: 15px 20px;
width: 100%;
font-weight: 400;
}
.woocommerce-cart .cart-collaterals .cross-sells {
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
text-align: left;
}
.woocommerce-cart .cart-collaterals .cross-sells h2 {
font-size: 19px;
margin-top: 0;
margin-bottom: 20px;
}
.woocommerce-cart .cart-collaterals .cross-sells .product-item {
display: table;
table-layout: auto;
width: 100%;
margin-bottom: 10px;
}
.woocommerce-cart .cart-collaterals .cross-sells .product-item .product-link,
.woocommerce-cart .cart-collaterals .cross-sells .product-item .add-to-cart {
display: table-cell;
vertical-align: middle;
}
.woocommerce-cart .cart-collaterals .cross-sells .product-item .product-link {
margin-bottom: 10px;
color: #898989;
}
.woocommerce-cart .cart-collaterals .cross-sells .product-item .product-link:hover {
opacity: 0.75;
}
.woocommerce-cart .cart-collaterals .cross-sells .product-item .product-link img {
max-width: 35px;
height: auto;
margin-right: 10px;
float: left;
}
.woocommerce-cart .cart-collaterals .cross-sells .product-item .product-link .product-title {
display: block;
}
.woocommerce-cart .cart-collaterals .cross-sells .product-item .product-link .product-price {
display: block;
font-size: 80%;
padding-top: 3px;
}
.woocommerce-cart .cart-collaterals .cross-sells .product-item .add-to-cart {
text-align: right;
white-space: nowrap;
width: 1%;
}
.woocommerce-cart .cart-collaterals .cross-sells .product-item .add-to-cart .product-terms {
display: none;
}
.woocommerce-cart .cart-collaterals .cart_totals h2 {
display: none;
}
.woocommerce-cart .cart-collaterals .cart_totals .shop_table tr td,
.woocommerce-cart .cart-collaterals .cart_totals .shop_table tr th {
padding: 20px 0;
}
.woocommerce-cart .woocommerce-shipping-calculator .shipping-calculator-button {
text-align: left;
display: inline-block;
margin-top: 20px;
margin-bottom: 10px;
font-size: 17px;
}
.woocommerce-cart .woocommerce-shipping-calculator .shipping-calculator-button:before {
content: '\e008';
font-family: "Flaticon";
float: right;
margin-left: 10px;
font-size: 15px;
}
.woocommerce-cart .woocommerce-shipping-calculator .button[name="calc_shipping"] {
background-color: #eeeeee;
color: #333;
}
.woocommerce-cart .woocommerce-shipping-calculator .button[name="calc_shipping"]:hover,
.woocommerce-cart .woocommerce-shipping-calculator .button[name="calc_shipping"]:active {
color: #333;
}
a.woocommerce-cart .woocommerce-shipping-calculator .button[name="calc_shipping"]:hover,
a.woocommerce-cart .woocommerce-shipping-calculator .button[name="calc_shipping"]:active {
color: #333;
}
.woocommerce-cart .woocommerce-shipping-calculator .button[name="calc_shipping"]:hover {
background: #e6e6e6;
}
.woocommerce-cart .woocommerce-shipping-calculator .button[name="calc_shipping"]:active {
background: #e1e1e1;
box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}
.woocommerce-Message,
.woocommerce-notice,
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
position: relative;
padding: 20px;
background-color: #00b19e;
color: #fff;
margin-bottom: 20px;
clear: both;
}
.woocommerce-Message a,
.woocommerce-notice a,
.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-Message li,
.woocommerce-notice li,
.woocommerce-info li,
.woocommerce-message li,
.woocommerce-error li {
color: #fff;
}
.post-formatting .woocommerce-Message a,
.post-formatting .woocommerce-notice a,
.post-formatting .woocommerce-info a,
.post-formatting .woocommerce-message a,
.post-formatting .woocommerce-error a,
.post-formatting .woocommerce-Message li,
.post-formatting .woocommerce-notice li,
.post-formatting .woocommerce-info li,
.post-formatting .woocommerce-message li,
.post-formatting .woocommerce-error li,
.widget.widget_media_gallery .woocommerce-Message a,
.widget.widget_media_gallery .woocommerce-notice a,
.widget.widget_media_gallery .woocommerce-info a,
.widget.widget_media_gallery .woocommerce-message a,
.widget.widget_media_gallery .woocommerce-error a,
.widget.widget_media_gallery .woocommerce-Message li,
.widget.widget_media_gallery .woocommerce-notice li,
.widget.widget_media_gallery .woocommerce-info li,
.widget.widget_media_gallery .woocommerce-message li,
.widget.widget_media_gallery .woocommerce-error li {
color: #fff;
}
.woocommerce-Message a,
.woocommerce-notice a,
.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a {
color: #fff;
}
.woocommerce-Message a:after,
.woocommerce-notice a:after,
.woocommerce-info a:after,
.woocommerce-message a:after,
.woocommerce-error a:after {
background-color: #fff;
}
.woocommerce-Message .button,
.woocommerce-notice .button,
.woocommerce-info .button,
.woocommerce-message .button,
.woocommerce-error .button {
display: block;
float: right;
}
.woocommerce-Message .button:only-child,
.woocommerce-notice .button:only-child,
.woocommerce-info .button:only-child,
.woocommerce-message .button:only-child,
.woocommerce-error .button:only-child {
margin-top: -15px;
top: 8px;
}
.woocommerce-info,
.woocommerce-Message--info {
background-color: #74d6f6;
}
.woocommerce-Message--error,
.woocommerce-error {
background-color: #e44c52;
}
.woocommerce-checkout-payment li {
margin-bottom: 20px;
}
.woocommerce-checkout-payment li a {
margin-bottom: 5px;
}
.woocommerce-checkout-payment li img {
width: 50%;
max-width: 200px;
display: block;
}
.woocommerce-checkout-payment .payment_box {
margin-top: 10px;
background: #eeeeee;
border: 1px solid #e1e1e1;
padding: 15px 20px;
}
.woocommerce-checkout-payment .payment_box p {
margin-bottom: 0px;
}
#reviews .contribution-type-selector a {
display: inline-block;
margin-right: 15px;
}
#reviews .contribution-form-wrapper ~ #comments {
margin-top: 30px;
}
.woocommerce .products .product {
position: relative;
margin-bottom: 30px; }
.woocommerce .products .product > a {
display: block;
}
.woocommerce .products .product .product-images {
position: relative;
overflow: hidden;
}
.woocommerce .products .product .product-images > a {
display: block;
}
.woocommerce .products .product .product-images > a:after {
display: none !important;
}
.woocommerce .products .product .product-images img {
max-width: 100%;
height: auto;
}
.woocommerce .products .product .product-images .gallery-image {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0;
visibility: hidden;
}
.woocommerce .products .product .product-images .gallery-image--hoverable {
-webkit-transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
.woocommerce .products .product .product-images .gallery-image--entry {
-webkit-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.woocommerce .products .product .product-images .gallery-image--entry.current-image {
visibility: visible;
opacity: 1;
}
.woocommerce .products .product .product-images:hover .gallery-image--hoverable {
visibility: visible;
opacity: 1;
}
.woocommerce .products .product .product-images .gallery-arrow {
position: absolute;
top: 50%;
font-size: 35px;
padding: 10px 20px;
visibility: hidden;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 320ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 320ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
opacity: 0;
z-index: 30;
}
.woocommerce .products .product .product-images .gallery-arrow.gallery-prev {
left: 0;
}
.woocommerce .products .product .product-images .gallery-arrow.gallery-prev:active {
left: -10px;
}
.woocommerce .products .product .product-images .gallery-arrow.gallery-next {
right: 0;
}
.woocommerce .products .product .product-images .gallery-arrow.gallery-next:active {
right: -10px;
}
.woocommerce .products .product .product-images:hover .gallery-arrow {
visibility: visible;
opacity: 1;
}
.woocommerce .products .product .item-info {
margin: 20px 0;
color: #898989;
}
.woocommerce .products .product .item-info h3 {
margin-top: 0px;
}
.woocommerce .products .product .item-info h3 a {
font-size: 22px;
color: #333;
}
.woocommerce .products .product .item-info h3 a:after {
display: none;
}
.woocommerce .products .product .item-info .price {
margin-top: 4px;
color: #898989;
position: relative;
padding: 0px;
margin: 0px;
font-size: inherit;
}
.woocommerce .products .product .item-info .price del {
font-size: 16px;
}
.woocommerce .products .product .item-info .price ins,
.woocommerce .products .product .item-info .price > .amount {
font-size: 18px;
text-decoration: none;
color: #00b19e;
border-bottom: 1px solid;
}
.woocommerce .products .product .item-info .price > .amount {
border-bottom: 0;
}
.woocommerce .products .product .item-info .price i {
font-size: 34px;
line-height: initial;
}
.woocommerce .products .product .item-info .price a::after {
background: none;
}
.woocommerce .products .product .item-info .price {
-webkit-transition: all 320ms ease-in-out;
transition: all 320ms ease-in-out;
}
.woocommerce .products .product .item-info .add_to_cart_button {
position: relative;
}
.woocommerce .products .product .item-info .add_to_cart_button:focus {
color: #00b19e;
}
.woocommerce .products .product .item-info .add_to_cart_button:before {
position: absolute;
content: '...';
left: 100%;
bottom: -1px;
margin-left: 2px;
opacity: 0;
}
.woocommerce .products .product .item-info .add_to_cart_button.loading {
pointer-events: none;
color: #00b19e;
opacity: 0.8;
}
.woocommerce .products .product .item-info .add_to_cart_button.loading:before {
display: inline-block;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
.woocommerce .products .product .item-info .added_to_cart {
display: none;
}
.woocommerce .products .product .item-info .item-info-row {
display: -webkit-box;
display: flex;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-align: start;
align-items: flex-start;
}
.woocommerce .products .product .item-info .item-info-row > .title-column,
.woocommerce .products .product .item-info .item-info-row > .price-column {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.woocommerce .products .product .item-info .item-info-row > .title-column {
-webkit-box-flex: 1;
flex-grow: 1;
}
@media screen and (min-width: 768px) {
.woocommerce .products .product .item-info .item-info-row > .price-column {
white-space: nowrap;
padding-left: 10px;
}
}
@media screen and (max-width: 768px) {
.woocommerce .products .product .item-info .item-info-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.woocommerce .products .product .item-info .item-info-row > .title-column,
.woocommerce .products .product .item-info .item-info-row > .price-column {
width: 100%;
}
.woocommerce .products .product .item-info .item-info-row > .price-column {
margin-top: 10px;
}
}
.woocommerce .products .product .thumbnails {
margin-top: 25px;
}
.woocommerce .products .product .thumbnails img {
width: 30%;
height: auto;
}
.woocommerce .products .product .thumbnails a:first-child {
margin-left: 0px;
}
.woocommerce .products .product .thumbnails a:last-child {
margin-right: 0px;
}
.woocommerce .products .product .thumbnails a::after {
background: none;
}
.woocommerce .products .product .added-to-cart-button {
position: absolute;
display: block;
top: 30%;
left: 50%;
font-size: 35px;
background: #fff;
padding: 15px;
line-height: 1;
visibility: hidden;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(15%);
transform: translateX(-50%) translateY(15%);
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.woocommerce .products .product .added-to-cart-button a i {
width: auto;
height: auto;
margin: 0;
}
.woocommerce .products .product.loading-finished { }
.woocommerce .products .product .product-internal-info {
cursor: pointer;
}
.woocommerce .products .product .product-internal-info .add_to_cart_button:after {
display: none !important;
}
.woocommerce .products .product.catalog-layout-default .item-info .add-to-cart-and-product-categories {
position: relative;
}
.woocommerce .products .product.catalog-layout-default .item-info .add-to-cart-and-product-categories .added-to-cart {
position: absolute;
left: 0;
top: -1px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.woocommerce .products .product.catalog-layout-default .item-info .add-to-cart-and-product-categories.show-add-to-cart .product-terms {
-webkit-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.woocommerce .products .product.catalog-layout-default .item-info .add-to-cart-and-product-categories.show-add-to-cart .add_to_cart_button {
position: absolute;
left: 0;
top: 2px;
visibility: visible;
opacity: 0;
-webkit-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.woocommerce .products .product.catalog-layout-default:hover.atc-disable-images .added-to-cart-button,
.woocommerce .products .product.catalog-layout-default.hover.atc-disable-images .added-to-cart-button {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);
}
.woocommerce .products .product.catalog-layout-default:hover.atc-disable-images .item-images,
.woocommerce .products .product.catalog-layout-default.hover.atc-disable-images .item-images {
opacity: 0.5;
}
.woocommerce .products .product.catalog-layout-default:hover .item-info .add-to-cart-and-product-categories .add_to_cart_button,
.woocommerce .products .product.catalog-layout-default.hover .item-info .add-to-cart-and-product-categories .add_to_cart_button {
visibility: visible;
opacity: 1;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.woocommerce .products .product.catalog-layout-default:hover .item-info .add-to-cart-and-product-categories.show-add-to-cart .product-terms,
.woocommerce .products .product.catalog-layout-default.hover .item-info .add-to-cart-and-product-categories.show-add-to-cart .product-terms {
visibility: hidden;
opacity: 0;
}
.woocommerce .products .product.catalog-layout-default.product-added-to-cart .item-info .add-to-cart-and-product-categories .added-to-cart {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.woocommerce .products .product.catalog-layout-default.product-added-to-cart .item-info .add-to-cart-and-product-categories .add_to_cart_button {
visibility: hidden;
opacity: 0;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
}
.woocommerce .products .product.catalog-layout-default.product-added-to-cart .item-info .add-to-cart-and-product-categories.show-add-to-cart .product-terms {
visibility: hidden;
opacity: 0;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
}
.woocommerce .products .product.catalog-layout-full-bg .product-internal-info,
.woocommerce .products .product.catalog-layout-transparent-bg .product-internal-info {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 177, 158, 0.8);
padding: 30px 40px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.woocommerce .products .product.catalog-layout-full-bg.hover .product-internal-info,
.woocommerce .products .product.catalog-layout-transparent-bg.hover .product-internal-info,
.woocommerce .products .product.catalog-layout-full-bg:hover .product-internal-info,
.woocommerce .products .product.catalog-layout-transparent-bg:hover .product-internal-info {
visibility: visible;
opacity: 1;
}
.woocommerce .products .product.catalog-layout-full-bg.hover .item-info h3,
.woocommerce .products .product.catalog-layout-transparent-bg.hover .item-info h3,
.woocommerce .products .product.catalog-layout-full-bg:hover .item-info h3,
.woocommerce .products .product.catalog-layout-transparent-bg:hover .item-info h3,
.woocommerce .products .product.catalog-layout-full-bg.hover .item-info .product-terms,
.woocommerce .products .product.catalog-layout-transparent-bg.hover .item-info .product-terms,
.woocommerce .products .product.catalog-layout-full-bg:hover .item-info .product-terms,
.woocommerce .products .product.catalog-layout-transparent-bg:hover .item-info .product-terms {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 0.3s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.3s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.woocommerce .products .product.catalog-layout-full-bg.hover .item-info .product-terms,
.woocommerce .products .product.catalog-layout-transparent-bg.hover .item-info .product-terms,
.woocommerce .products .product.catalog-layout-full-bg:hover .item-info .product-terms,
.woocommerce .products .product.catalog-layout-transparent-bg:hover .item-info .product-terms {
opacity: 0.9;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.woocommerce .products .product.catalog-layout-full-bg.hover .item-info .product-bottom-details,
.woocommerce .products .product.catalog-layout-transparent-bg.hover .item-info .product-bottom-details,
.woocommerce .products .product.catalog-layout-full-bg:hover .item-info .product-bottom-details,
.woocommerce .products .product.catalog-layout-transparent-bg:hover .item-info .product-bottom-details {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 0.4s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.4s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.woocommerce .products .product.catalog-layout-full-bg .item-info,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info {
padding: 0;
margin: 0;
}
.woocommerce .products .product.catalog-layout-full-bg .item-info h3,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info h3 {
margin: 0;
}
.woocommerce .products .product.catalog-layout-full-bg .item-info h3 a,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info h3 a {
color: #fff;
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-terms,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms {
padding-top: 5px;
color: #fff;
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-terms a,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms a {
color: #fff !important;
display: inline-block;
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-terms a:after,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms a:after {
content: '';
overflow: hidden;
position: absolute;
left: 0;
bottom: -1px;
display: block;
width: 0;
height: 1px;
background-color: #fff;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-terms a:hover,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms a:hover {
text-decoration: none;
color: #00b19e;
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-terms a:active:after,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms a:active:after,
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-terms a.link-hover:after,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms a.link-hover:after {
width: 100%;
}
.woocommerce .products .product.catalog-layout-full-bg .item-info h3,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info h3,
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-terms,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms {
position: relative;
opacity: 0;
-webkit-transform: translate(0, 8px);
transform: translate(0, 8px);
-webkit-transition: all 0.15s 0.075s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.15s 0.075s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-terms,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms {
-webkit-transform: translate(0, 4px);
transform: translate(0, 4px);
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-bottom-details,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details {
position: absolute;
display: -webkit-box;
display: flex;
-webkit-box-align: end;
align-items: flex-end;
bottom: 30px;
left: 40px;
right: 40px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
opacity: 0;
-webkit-transform: translate(0, 15px);
transform: translate(0, 15px);
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-bottom-details .price-column,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price-column,
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-bottom-details .add-to-cart-column,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .add-to-cart-column {
display: -webkit-box;
display: flex;
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-bottom-details .price-column,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price-column {
-webkit-box-flex: 1;
flex-grow: 1;
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-bottom-details .price,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price {
text-align: left;
color: #fff;
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-bottom-details .price .amount,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price .amount {
color: #fff;
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-bottom-details .price del,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price del {
margin: 0;
color: rgba(255, 255, 255, 0.8);
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-bottom-details .price del .amount,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price del .amount {
color: rgba(255, 255, 255, 0.8);
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-bottom-details .price ins,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price ins {
display: block;
border: 0;
}
.woocommerce .products .product.catalog-layout-full-bg .item-info .product-bottom-details .price ins .amount,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price ins .amount {
border-bottom: 1px solid #fff;
}
.woocommerce .products .product.catalog-layout-full-bg .add-to-cart-column,
.woocommerce .products .product.catalog-layout-transparent-bg .add-to-cart-column {
position: relative;
color: #fff;
padding: 5px;
margin-right: -5px;
margin-bottom: -5px;
}
.woocommerce .products .product.catalog-layout-full-bg .add-to-cart-column .add-to-cart-icon,
.woocommerce .products .product.catalog-layout-transparent-bg .add-to-cart-column .add-to-cart-icon {
position: relative;
display: block;
font-size: 28px;
color: #fff;
line-height: 1;
-webkit-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.woocommerce .products .product.catalog-layout-full-bg .add-to-cart-column .add_to_cart_button,
.woocommerce .products .product.catalog-layout-transparent-bg .add-to-cart-column .add_to_cart_button {
position: absolute;
z-index: 100;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
overflow: hidden;
}
.woocommerce .products .product.catalog-layout-full-bg .add-to-cart-column .added-to-cart,
.woocommerce .products .product.catalog-layout-transparent-bg .add-to-cart-column .added-to-cart {
display: none;
}
.woocommerce .products .product.catalog-layout-full-bg .add-to-cart-column .added-to-cart-icon,
.woocommerce .products .product.catalog-layout-transparent-bg .add-to-cart-column .added-to-cart-icon {
position: absolute;
display: block;
z-index: 101;
font-size: 28px;
color: #fff;
-webkit-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
left: 0;
top: 0;
padding: 5px;
width: 100%;
height: 100%;
line-height: 1;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: center;
transform-origin: center;
}
.woocommerce .products .product.catalog-layout-full-bg .tooltip-inner,
.woocommerce .products .product.catalog-layout-transparent-bg .tooltip-inner {
white-space: nowrap;
background-color: #fff;
color: #00b19e;
border-radius: 1px;
}
.woocommerce .products .product.catalog-layout-full-bg .tooltip-arrow,
.woocommerce .products .product.catalog-layout-transparent-bg .tooltip-arrow {
border-left-color: #fff;
margin-top: -4px;
}
.woocommerce .products .product.catalog-layout-full-bg.adding-to-cart .add-to-cart-column .add-to-cart-icon,
.woocommerce .products .product.catalog-layout-transparent-bg.adding-to-cart .add-to-cart-column .add-to-cart-icon {
-webkit-animation: blinkAddToCart 0.7s infinite;
animation: blinkAddToCart 0.7s infinite;
}
.woocommerce .products .product.catalog-layout-full-bg.adding-to-cart .add-to-cart-column .add-to-cart-icon lesshat-selector,
.woocommerce .products .product.catalog-layout-transparent-bg.adding-to-cart .add-to-cart-column .add-to-cart-icon lesshat-selector {
-lh-property: 0; } 
@-webkit-keyframes blinkAddToCart{ 0% { opacity:1; } 50% { opacity:0.5; } 100% { opacity:1; }}
@keyframes blinkAddToCart{ 0% { opacity:1; } 50% { opacity:0.5; } 100% { opacity:1; }}
[not-existing] {
zoom: 1;
}
.woocommerce .products .product.catalog-layout-full-bg.product-added-to-cart .add-to-cart-column .add-to-cart-icon,
.woocommerce .products .product.catalog-layout-transparent-bg.product-added-to-cart .add-to-cart-column .add-to-cart-icon {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-animation: none;
animation: none;
}
.woocommerce .products .product.catalog-layout-full-bg.product-added-to-cart .add-to-cart-column .added-to-cart-icon,
.woocommerce .products .product.catalog-layout-transparent-bg.product-added-to-cart .add-to-cart-column .added-to-cart-icon {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.woocommerce .products .product.catalog-layout-transparent-bg .product-internal-info {
background: transparent;
visibility: visible;
opacity: 1;
}
.woocommerce .products .product.catalog-layout-transparent-bg .item-info h3 a {
color: #333;
}
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms {
color: #333;
}
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms a {
color: #333 !important;
display: inline-block;
}
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms a:after {
content: '';
overflow: hidden;
position: absolute;
left: 0;
bottom: -1px;
display: block;
width: 0;
height: 1px;
background-color: #333;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
}
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms a:hover {
text-decoration: none;
color: #00b19e;
}
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms a:active:after,
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-terms a.link-hover:after {
width: 100%;
}
.woocommerce .products .product.catalog-layout-transparent-bg .item-info h3 {
visibility: visible;
opacity: 1;
}
.woocommerce .products .product.catalog-layout-transparent-bg .item-info h3.no-category-present {
-webkit-transform: none;
transform: none;
}
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price {
color: #333;
}
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price .amount {
color: #333;
}
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price del {
color: rgba(51, 51, 51, 0.6);
}
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price del .amount {
color: rgba(51, 51, 51, 0.6);
}
.woocommerce .products .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price ins .amount {
border-bottom-color: #333;
}
.woocommerce .products .product.catalog-layout-transparent-bg .add-to-cart-column .add-to-cart-icon,
.woocommerce .products .product.catalog-layout-transparent-bg .add-to-cart-column .added-to-cart-icon {
color: #333;
}
.woocommerce .products .product.catalog-layout-transparent-bg .tooltip-inner {
background-color: #333;
color: #fff;
}
.woocommerce .products .product.catalog-layout-transparent-bg .tooltip-arrow {
border-left-color: #333;
}
.woocommerce .products .product.catalog-layout-transparent-bg.hover .product-internal-info,
.woocommerce .products .product.catalog-layout-transparent-bg:hover .product-internal-info {
background-color: rgba(255, 255, 255, 0.3);
}
.woocommerce .products .product.catalog-layout-distanced-centered .product-internal-info {
position: absolute;
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
text-align: center;
background-color: rgba(255, 255, 255, 0.9);
visibility: hidden;
opacity: 0;
-webkit-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.woocommerce .products .product.catalog-layout-distanced-centered .item-info {
margin: 0;
padding: 20px;
}
.woocommerce .products .product.catalog-layout-distanced-centered .item-info .title-and-price {
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 20px;
opacity: 0;
-webkit-transform: translate(0, -45%);
transform: translate(0, -45%);
-webkit-transition: all 0.15s 0.075s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.15s 0.075s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.woocommerce .products .product.catalog-layout-distanced-centered .item-info h3 a {
font-size: 20px;
}
.woocommerce .products .product.catalog-layout-distanced-centered .item-info .price {
color: #898989;
}
.woocommerce .products .product.catalog-layout-distanced-centered .item-info .price .amount {
color: #898989;
}
.woocommerce .products .product.catalog-layout-distanced-centered .item-info .price del {
color: rgba(137, 137, 137, 0.65);
display: block;
margin: 0;
margin-bottom: 5px;
}
.woocommerce .products .product.catalog-layout-distanced-centered .item-info .price del .amount {
color: rgba(137, 137, 137, 0.65);
}
.woocommerce .products .product.catalog-layout-distanced-centered .item-info .price ins {
border-bottom: 0;
}
.woocommerce .products .product.catalog-layout-distanced-centered .item-info .price ins .amount {
border-bottom-color: #898989;
}
.woocommerce .products .product.catalog-layout-distanced-centered .item-info .add-to-cart-link-holder {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
opacity: 0;
-webkit-transform: translate(0, 15px);
transform: translate(0, 15px);
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.woocommerce .products .product.catalog-layout-distanced-centered .item-info .add-to-cart-link-holder .add_to_cart_button.ajax_add_to_cart:before {
content: '+';
text-align: center;
width: 20px;
left: -20px;
bottom: auto;
text-outline: 50%;
opacity: 1;
margin: 0;
-webkit-transform-origin: center;
transform-origin: center;
}
.woocommerce .products .product.catalog-layout-distanced-centered .item-info .add-to-cart-link-holder .add_to_cart_button.ajax_add_to_cart.loading:before {
-webkit-animation: rotate360 0.7s infinite linear;
animation: rotate360 0.7s infinite linear;
}
.woocommerce .products .product.catalog-layout-distanced-centered .item-info .add-to-cart-link-holder .added-to-cart {
position: absolute;
left: 0;
top: -1px;
width: 100%;
text-align: center;
visibility: hidden;
opacity: 0;
-webkit-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.woocommerce .products .product.catalog-layout-distanced-centered.hover .product-internal-info,
.woocommerce .products .product.catalog-layout-distanced-centered:hover .product-internal-info {
visibility: visible;
opacity: 1;
}
.woocommerce .products .product.catalog-layout-distanced-centered.hover .item-info .title-and-price,
.woocommerce .products .product.catalog-layout-distanced-centered:hover .item-info .title-and-price {
opacity: 1;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.3s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.woocommerce .products .product.catalog-layout-distanced-centered.hover .item-info .add-to-cart-link-holder,
.woocommerce .products .product.catalog-layout-distanced-centered:hover .item-info .add-to-cart-link-holder {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 0.4s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.4s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.woocommerce .products .product.catalog-layout-distanced-centered.product-added-to-cart .item-info .add-to-cart-link-holder .added-to-cart {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.woocommerce .products .product.catalog-layout-distanced-centered.product-added-to-cart .item-info .add-to-cart-link-holder .add_to_cart_button {
visibility: hidden;
opacity: 0;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
}
@media screen and (max-width: 767px) {
.woocommerce .products .product {
position: relative;
min-height: 1px;
float: left;
width: 100%;
}
.woocommerce .products .product.mobile-two-columns {
position: relative;
min-height: 1px;
float: left;
width: 50%;
}
.woocommerce .products .product.single-product {
float: none;
}
}
.woocommerce .onsale {
width: 60px;
height: 60px;
line-height: 60px;
top: 5px;
right: 15px;
background: #00b19e;
font-size: 16px;
color: #fff;
text-align: center;
display: block;
overflow: hidden;
z-index: 100;
position: absolute;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-clip: padding-box;
border-radius: 50%;
-webkit-transform: translate3d(20px, -20px, 0px);
transform: translate3d(20px, -20px, 0px);
}
.single-product.woocommerce .onsale {
right: 10px;
}
@media screen and (max-width: 768px) {
.single-product.woocommerce .onsale {
right: 20px;
}
}
@media screen and (max-width: 992px) {
.woocommerce .onsale {
right: 20px;
}
}
@media screen and (max-width: 768px) {
.woocommerce .onsale {
top: 5px;
margin-right: 5px;
}
}
.woocommerce .onsale.oos {
font-size: 14px;
background: #222222;
line-height: 1.4;
padding-top: 12px;
}
.woocommerce .onsale.featured {
font-size: 13px;
background: #888888;
}
.woocommerce .product_list_widget li {
position: relative;
padding-left: 60px;
}
.woocommerce .product_list_widget li:before,
.woocommerce .product_list_widget li:after {
display: table;
content: " ";
}
.woocommerce .product_list_widget li:after {
clear: both;
}
.woocommerce .product_list_widget li:before,
.woocommerce .product_list_widget li:after {
display: table;
content: " ";
}
.woocommerce .product_list_widget li:after {
clear: both;
}
.woocommerce .product_list_widget li > img,
.woocommerce .product_list_widget li a img {
float: left;
max-width: 50px;
margin-left: -60px;
}
.woocommerce .product_list_widget li a {
display: block;
}
.woocommerce .product_list_widget li a.remove {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
font-size: 12px;
margin: 0;
font-weight: bold;
visibility: hidden;
opacity: 0;
z-index: 100;
}
.woocommerce .product_list_widget li .rating,
.woocommerce .product_list_widget li .price,
.woocommerce .product_list_widget li .reviewer,
.woocommerce .product_list_widget li .quantity {
display: block;
padding: 0;
margin-top: 5px;
margin-bottom: 0;
}
.woocommerce .product_list_widget li > .amount {
display: inline-block;
margin-top: 5px;
}
.woocommerce .product_list_widget li .rating {
color: #fcb314;
font-size: 12px;
}
.woocommerce .product_list_widget li .star-rating {
display: none;
}
.woocommerce .product_list_widget li:hover .remove {
visibility: visible;
opacity: 1;
}
.woocommerce .product_list_widget li + li {
margin-top: 5px;
}
.woocommerce .woocommerce-mini-cart {
position: relative;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eeeeee;
}
.woocommerce .woocommerce-grouped-product-list {
margin-bottom: 30px;
}
.woocommerce .woocommerce-grouped-product-list td {
padding-right: 20px;
padding-bottom: 15px;
}
.woocommerce .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__label label {
font-size: 19px;
margin-bottom: 0;
color: #898989;
}
.woocommerce .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price .amount {
font-size: 15px;
}
.woocommerce .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price > .amount,
.woocommerce .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price ins .amount {
color: #00b19e;
font-size: 19px;
}
.woocommerce .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price del {
position: relative;
top: 4px;
}
.woocommerce .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price ins {
float: left;
margin-right: 10px;
text-decoration: none;
}
.woocommerce .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__quantity > a {
font-size: 15px;
height: auto;
}
.woocommerce .woocommerce-grouped-product-list tbody > tr:last-child td {
padding-bottom: 0;
}
.woocommerce form.cart:before,
.woocommerce form.cart:after {
display: table;
content: " ";
}
.woocommerce form.cart:after {
clear: both;
}
.woocommerce form.cart:before,
.woocommerce form.cart:after {
display: table;
content: " ";
}
.woocommerce form.cart:after {
clear: both;
}
.woocommerce form.cart .quantity {
float: left;
}
.woocommerce form.cart .quantity ~ .button {
margin-left: 20px;
}
@media screen and (max-width: 480px) {
.woocommerce form.cart .quantity ~ .button {
margin-left: 0;
}
}
.woocommerce form.cart .quantity.hidden ~ .button {
margin-left: 0 !important;
}
.woocommerce form.cart .button {
float: left;
height: 40px;
font-size: 18px;
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 480px) {
.woocommerce form.cart .button {
width: 100%;
margin-top: 10px;
}
}
.woocommerce .add_to_cart_button {
background: none;
color: #898989;
padding: 0;
margin: 0;
display: inline-block;
}
.woocommerce .add_to_cart_button:after {
content: '';
overflow: hidden;
position: absolute;
left: 0;
bottom: -1px;
display: block;
width: 0;
height: 1px;
background-color: #00b19e;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
}
.woocommerce .add_to_cart_button:hover {
text-decoration: none;
color: #00b19e;
}
.woocommerce .add_to_cart_button:active:after,
.woocommerce .add_to_cart_button.link-hover:after {
width: 100%;
}
.woocommerce .add_to_cart_button:hover,
.woocommerce .add_to_cart_button:active {
background: none;
color: #00b19e;
box-shadow: none;
}
.woocommerce .add_to_cart_button + .added-to-cart {
position: relative;
display: inline-block;
color: #00b19e;
}
.woocommerce div.single-product {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: wrap;
min-width: 100%;
margin-left: -15px;
margin-right: -15px;
}
.woocommerce div.single-product > .single-product {
margin-left: 0;
margin-right: 0;
}
.woocommerce div.single-product--product-details,
.woocommerce div.single-product--sidebar {
padding-left: 15px;
padding-right: 15px;
}
.woocommerce div.single-product--product-details {
width: 100%;
}
.woocommerce div.single-product--has-sidebar .single-product--product-details {
width: 75%;
}
@media screen and (max-width: 992px) {
.woocommerce div.single-product--has-sidebar .single-product--product-details {
width: 100%;
}
}
@media screen and (min-width: 769px) {
.woocommerce div.single-product--has-sidebar .single-product--product-details .summary {
padding-left: 15px;
padding-right: 15px;
}
}
.woocommerce div.single-product--has-sidebar .single-product--sidebar {
width: 25%;
}
@media screen and (max-width: 992px) {
.woocommerce div.single-product--has-sidebar .single-product--sidebar {
width: 100%;
}
}
@media screen and (min-width: 992px) {
.woocommerce div.single-product--sidebar-left .single-product--product-details {
-webkit-box-ordinal-group: 3;
order: 2;
}
}
@media screen and (max-width: 768px) {
.woocommerce div.single-product--sidebar-first .single-product--product-details {
-webkit-box-ordinal-group: 3;
order: 2;
}
}
.woocommerce .single-product--product-details > .product {
position: relative;
margin-left: -15px;
margin-right: -15px;
}
.woocommerce .single-product--product-details > .product:before,
.woocommerce .single-product--product-details > .product:after {
display: table;
content: " ";
}
.woocommerce .single-product--product-details > .product:after {
clear: both;
}
.woocommerce .single-product--product-details > .product:before,
.woocommerce .single-product--product-details > .product:after {
display: table;
content: " ";
}
.woocommerce .single-product--product-details > .product:after {
clear: both;
}
.woocommerce .single-product--product-details > .product > div,
.woocommerce .single-product--product-details > .product > section {
float: left;
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-left: 0;
margin-right: 0;
}
@media screen and (min-width: 769px) {
.woocommerce .single-product--product-details > .product > .summary {
padding-left: 35px;
}
}
.woocommerce .single-product--product-details > .product .single-product-images {
width: 33.33333333%;
}
.woocommerce .single-product--product-details > .product .summary {
width: 66.66666667%;
}
@media screen and (max-width: 992px) {
.woocommerce .single-product--product-details > .product .single-product-images {
width: 41.66666667%;
}
.woocommerce .single-product--product-details > .product .summary {
width: 58.33333333%;
}
}
@media screen and (max-width: 768px) {
.woocommerce .single-product--product-details > .product .single-product-images,
.woocommerce .single-product--product-details > .product .summary {
width: 100%;
}
}
.woocommerce .single-product--product-details > .product.product-images-columns-medium .single-product-images {
width: 41.66666667%;
}
.woocommerce .single-product--product-details > .product.product-images-columns-medium .summary {
width: 58.33333333%;
}
@media screen and (max-width: 992px) {
.woocommerce .single-product--product-details > .product.product-images-columns-medium .single-product-images {
width: 50%;
}
.woocommerce .single-product--product-details > .product.product-images-columns-medium .summary {
width: 50%;
}
}
@media screen and (max-width: 768px) {
.woocommerce .single-product--product-details > .product.product-images-columns-medium .single-product-images,
.woocommerce .single-product--product-details > .product.product-images-columns-medium .summary {
width: 100%;
}
}
.woocommerce .single-product--product-details > .product.product-images-columns-large .single-product-images {
width: 50%;
}
.woocommerce .single-product--product-details > .product.product-images-columns-large .summary {
width: 50%;
}
@media screen and (max-width: 992px) {
.woocommerce .single-product--product-details > .product.product-images-columns-large .single-product-images {
width: 41.66666667%;
}
.woocommerce .single-product--product-details > .product.product-images-columns-large .summary {
width: 58.33333333%;
}
}
@media screen and (max-width: 768px) {
.woocommerce .single-product--product-details > .product.product-images-columns-large .single-product-images,
.woocommerce .single-product--product-details > .product.product-images-columns-large .summary {
width: 100%;
}
}
.woocommerce .single-product--product-details > .product.product-images-columns-xlarge .single-product-images {
width: 66.66666667%;
}
.woocommerce .single-product--product-details > .product.product-images-columns-xlarge .summary {
width: 33.33333333%;
}
@media screen and (max-width: 992px) {
.woocommerce .single-product--product-details > .product.product-images-columns-xlarge .single-product-images {
width: 50%;
}
.woocommerce .single-product--product-details > .product.product-images-columns-xlarge .summary {
width: 50%;
}
}
@media screen and (max-width: 768px) {
.woocommerce .single-product--product-details > .product.product-images-columns-xlarge .single-product-images,
.woocommerce .single-product--product-details > .product.product-images-columns-xlarge .summary {
width: 100%;
}
}
@media screen and (min-width: 769px) {
.woocommerce .single-product--product-details > .product.product-images-align-right .single-product-images {
float: right;
}
.woocommerce .single-product--product-details > .product.product-images-align-right .summary {
padding-right: 35px;
padding-left: 15px;
}
}
.woocommerce .single-product--product-details > .product .products > h2 {
margin-bottom: 30px;
font-size: 26px;
}
.woocommerce .single-product-images {
position: relative;
}
.woocommerce .single-product-images .images a img {
width: 100%;
height: auto;
}
.woocommerce .single-product-images .images .yith_magnifier_loading {
position: absolute;
left: 0;
right: 0;
margin: 0 15px;
top: 0px;
}
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap .yith_magnifier_zoom {
display: block;
}
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap + .thumbnails {
margin: 0 -10px;
margin-top: 20px;
}
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap + .thumbnails.slider .caroufredsel_wrapper {
margin: 0 -10px;
}
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap + .thumbnails.slider .caroufredsel_wrapper .yith_magnifier_thumbnail a {
margin: 0;
padding: 0 10px;
}
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap + .thumbnails.slider .caroufredsel_wrapper .yith_magnifier_thumbnail a img {
width: 100%;
height: auto;
}
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap + .thumbnails.noslider .yith_magnifier_gallery:before,
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap + .thumbnails.noslider .yith_magnifier_gallery:after {
display: table;
content: " ";
}
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap + .thumbnails.noslider .yith_magnifier_gallery:after {
clear: both;
}
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap + .thumbnails.noslider .yith_magnifier_gallery:before,
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap + .thumbnails.noslider .yith_magnifier_gallery:after {
display: table;
content: " ";
}
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap + .thumbnails.noslider .yith_magnifier_gallery:after {
clear: both;
}
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap + .thumbnails.noslider .yith_magnifier_gallery li {
float: left;
width: 25%;
}
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap + .thumbnails.noslider .yith_magnifier_gallery li a {
padding: 0 10px;
}
.woocommerce .single-product-images .images .yith_magnifier_zoom_wrap + .thumbnails.noslider .yith_magnifier_gallery li:nth-child(4n+1) {
clear: left;
}
.woocommerce .single-product-images .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
background-color: rgba(137, 137, 137, 0.5);
z-index: 100;
padding: 10px;
margin: 10px;
color: transparent;
line-height: 1;
opacity: 0;
}
.woocommerce .single-product-images .woocommerce-product-gallery .woocommerce-product-gallery__trigger .emoji {
visibility: hidden;
}
.woocommerce .single-product-images .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
background-color: rgba(137, 137, 137, 0.7);
}
.woocommerce .single-product-images .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
display: block;
font-family: FontAwesome;
content: '\f00e';
text-indent: 0;
color: #fff;
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
line-height: 1;
font-size: 19px;
}
.woocommerce .single-product-images .woocommerce-product-gallery .woocommerce-product-gallery__trigger:after {
display: none;
}
.woocommerce .single-product-images .woocommerce-product-gallery:hover .woocommerce-product-gallery__trigger {
opacity: 1;
}
.woocommerce .single-product-images .woocommerce-product-gallery .woocommerce-product-gallery__image a {
display: block;
}
.woocommerce .single-product-images .woocommerce-product-gallery .woocommerce-product-gallery__image a img {
width: 100%;
height: auto;
}
.woocommerce .single-product-images .woocommerce-product-gallery .flex-control-nav {
margin: 0 -10px;
padding: 0;
margin-top: 20px;
}
.woocommerce .single-product-images .woocommerce-product-gallery .flex-control-nav:before,
.woocommerce .single-product-images .woocommerce-product-gallery .flex-control-nav:after {
display: table;
content: " ";
}
.woocommerce .single-product-images .woocommerce-product-gallery .flex-control-nav:after {
clear: both;
}
.woocommerce .single-product-images .woocommerce-product-gallery .flex-control-nav:before,
.woocommerce .single-product-images .woocommerce-product-gallery .flex-control-nav:after {
display: table;
content: " ";
}
.woocommerce .single-product-images .woocommerce-product-gallery .flex-control-nav:after {
clear: both;
}
.woocommerce .single-product-images .woocommerce-product-gallery .flex-control-nav li {
float: left;
padding: 0 10px;
width: 25%;
margin-bottom: 20px;
}
.woocommerce .single-product-images .woocommerce-product-gallery .flex-control-nav li img {
width: 100%;
height: auto;
cursor: pointer;
opacity: 0.7;
}
.woocommerce .single-product-images .woocommerce-product-gallery .flex-control-nav li img.flex-active {
opacity: 1;
}
.woocommerce .single-product-images .woocommerce-product-gallery.woocommerce-product-gallery--columns-6 .flex-control-nav > li {
width: 16.66666667%;
}
.woocommerce .single-product-images .woocommerce-product-gallery.woocommerce-product-gallery--columns-6 .flex-control-nav > li:nth-child(6n+1) {
clear: left;
}
.woocommerce .single-product-images .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-nav > li {
width: 20%;
}
.woocommerce .single-product-images .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-nav > li:nth-child(5n+1) {
clear: left;
}
.woocommerce .single-product-images .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-nav > li:nth-child(4n+1) {
clear: left;
}
.woocommerce .single-product-images .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-nav > li {
width: 33.33333333%;
}
.woocommerce .single-product-images .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-nav > li:nth-child(3n+1) {
clear: left;
}
.woocommerce .single-product-images .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-nav > li {
width: 50%;
}
.woocommerce .single-product-images .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-nav > li:nth-child(2n+1) {
clear: left;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery a {
display: block;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery a img {
width: 100%;
max-width: 100%;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery a .zoomImg {
background: #fff;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery.images-layout-type-default {
overflow: hidden;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images {
position: relative;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images .woocommerce-product-gallery__image {
position: relative;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.has-lightbox .woocommerce-product-gallery__image a {
cursor: default;
}
@media screen and (max-width: 768px) {
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.plain {
margin-bottom: 35px;
}
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.plain .woocommerce-product-gallery__image {
width: 100%;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.plain .woocommerce-product-gallery__image ~ .woocommerce-product-gallery__image {
margin-top: 20px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.plain.stretched-image {
visibility: hidden;
opacity: 0;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.plain.stretched-image.stretched-image--done {
visibility: visible;
opacity: 1;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.plain.left-edge-sticked a ~ a,
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.plain.right-edge-sticked a ~ a {
margin-top: 0;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel {
visibility: hidden;
opacity: 0;
margin-left: -10px;
margin-right: -10px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel.flickity-enabled {
visibility: visible;
opacity: 1;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel.flickity-enabled .flickity-prev-next-button {
visibility: hidden;
opacity: 0;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel.flickity-enabled:hover .flickity-prev-next-button {
visibility: visible;
opacity: 1;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel.flickity-enabled:hover .flickity-prev-next-button[disabled] {
opacity: 0;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel.flickity-enabled:hover .flickity-prev-next-button.previous:active {
margin-left: 5px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel.flickity-enabled:hover .flickity-prev-next-button.next:active {
margin-right: 5px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel .woocommerce-product-gallery__image {
margin-left: 10px;
margin-right: 10px;
width: 100%;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel .product-gallery-lightbox-trigger {
left: 5px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel > .woocommerce-product-gallery__image:nth-child(n+2) {
display: none;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel.no-spacing {
margin-left: 0;
margin-right: 0;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel.no-spacing .woocommerce-product-gallery__image {
margin-left: 0;
margin-right: 0;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel.no-spacing ~ .thumbnails {
margin: 0;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images.carousel.no-spacing ~ .thumbnails .woocommerce-product-gallery__image {
padding-left: 0;
padding-right: 0;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images .product-gallery-lightbox-trigger {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
color: #fff;
font-size: 22px;
padding: 20px;
opacity: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
background: transparent;
margin: 0;
border: 0;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images .product-gallery-lightbox-trigger i {
position: relative;
display: block;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
line-height: 1;
}
@media screen and (max-width: 768px) {
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images .product-gallery-lightbox-trigger {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .main-product-images:hover .product-gallery-lightbox-trigger {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails {
margin: 20px -10px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails:before,
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails:after {
display: table;
content: " ";
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails:after {
clear: both;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails:before,
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails:after {
display: table;
content: " ";
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails:after {
clear: both;
}
@media screen and (max-width: 768px) {
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails {
margin-bottom: 35px;
}
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails .slick-track {
margin-left: 0;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image {
display: block;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image:hover,
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image.active .woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image.is-selected {
opacity: 1;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image a {
display: block;
opacity: 0.6;
-webkit-transition: opacity 220ms ease-in-out;
transition: opacity 220ms ease-in-out;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image.active a,
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails .woocommerce-product-gallery__image.is-selected a {
opacity: 1;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="8"] .woocommerce-product-gallery__image {
width: 12.5%;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="8"] .woocommerce-product-gallery__image:nth-child(n + 9) {
display: none;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="8"] .woocommerce-product-gallery__image:nth-child(n + 9).slick-slide {
display: block;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="7"] .woocommerce-product-gallery__image {
width: 14.28571429%;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="7"] .woocommerce-product-gallery__image:nth-child(n + 8) {
display: none;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="7"] .woocommerce-product-gallery__image:nth-child(n + 8).slick-slide {
display: block;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="6"] .woocommerce-product-gallery__image {
width: 16.66666667%;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="6"] .woocommerce-product-gallery__image:nth-child(n + 7) {
display: none;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="6"] .woocommerce-product-gallery__image:nth-child(n + 7).slick-slide {
display: block;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="5"] .woocommerce-product-gallery__image {
width: 20%;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="5"] .woocommerce-product-gallery__image:nth-child(n + 6) {
display: none;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="5"] .woocommerce-product-gallery__image:nth-child(n + 6).slick-slide {
display: block;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="4"] .woocommerce-product-gallery__image {
width: 25%;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="4"] .woocommerce-product-gallery__image:nth-child(n + 5) {
display: none;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="4"] .woocommerce-product-gallery__image:nth-child(n + 5).slick-slide {
display: block;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="3"] .woocommerce-product-gallery__image {
width: 33.33333333%;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="3"] .woocommerce-product-gallery__image:nth-child(n + 4) {
display: none;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="3"] .woocommerce-product-gallery__image:nth-child(n + 4).slick-slide {
display: block;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="2"] .woocommerce-product-gallery__image {
width: 50%;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="2"] .woocommerce-product-gallery__image:nth-child(n + 3) {
display: none;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="2"] .woocommerce-product-gallery__image:nth-child(n + 3).slick-slide {
display: block;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="1"] .woocommerce-product-gallery__image {
width: 100%;
float: left;
padding-left: 10px;
padding-right: 10px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="1"] .woocommerce-product-gallery__image:nth-child(n + 2) {
display: none;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .thumbnails[data-columns="1"] .woocommerce-product-gallery__image:nth-child(n + 2).slick-slide {
display: block;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .flickity-enabled .flickity-slider .woocommerce-product-gallery__image {
display: block !important; }
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .flickity-enabled .flickity-viewport {
-webkit-transition: height 0.2s;
transition: height 0.2s;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .flickity-enabled .flickity-prev-next-button {
background-color: transparent;
width: auto;
height: auto;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .flickity-enabled .flickity-prev-next-button:before {
display: block;
content: '\e005';
font-family: Flaticon;
font-style: normal;
font-size: 30px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .flickity-enabled .flickity-prev-next-button svg {
display: none;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .flickity-enabled .flickity-prev-next-button.previous {
margin-left: 15px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .flickity-enabled .flickity-prev-next-button.next {
margin-right: 15px;
}
.woocommerce .single-product-images .kalium-woocommerce-product-gallery .flickity-enabled .flickity-prev-next-button.next:before {
content: '\e003';
}
.woocommerce .summary {
position: relative;
color: #898989;
}
.woocommerce .summary:before,
.woocommerce .summary:after {
display: table;
content: " ";
}
.woocommerce .summary:after {
clear: both;
}
.woocommerce .summary:before,
.woocommerce .summary:after {
display: table;
content: " ";
}
.woocommerce .summary:after {
clear: both;
}
.woocommerce .summary p {
font-size: 16px;
color: inherit;
}
.woocommerce .summary .product_title {
color: #333;
font-size: 26px;
margin-top: 0px;
}
.woocommerce .summary .woocommerce-product-rating {
margin-bottom: 20px;
}
.woocommerce .summary .woocommerce-product-rating .star-rating .star-rating-icons {
margin-bottom: 5px;
margin-right: 10px;
}
.woocommerce .summary .woocommerce-product-rating a {
color: #898989;
font-size: 14px;
}
.woocommerce .summary .woocommerce-product-rating a:hover {
color: #333;
}
.woocommerce .summary .woocommerce-product-details__short-description {
position: relative;
}
.woocommerce .summary .product_meta {
font-size: 16px;
margin: 20px 0;
}
.woocommerce .summary .variations .label {
font-size: 16px;
padding: 0px 10px 0px 0px;
color: #898989;
}
.woocommerce .summary .variations .label label {
font-weight: normal;
margin-top: 7px;
}
.woocommerce .summary .variations .value #pa_color,
.woocommerce .summary .variations .value #pa_size {
background: transparent;
border: transparent;
display: table-caption;
font-size: 17px;
color: #898989;
}
.woocommerce .summary .variations .reset_variations {
padding-left: 8px;
display: block;
}
.woocommerce .summary .variations .reset_variations::after {
background: none;
}
.woocommerce .summary p.price,
.woocommerce .summary .single_variation_wrap .single_variation {
margin: 40px 0;
padding: 0;
font-size: 24px;
color: #00b19e;
}
.woocommerce .summary p.price:before,
.woocommerce .summary .single_variation_wrap .single_variation:before,
.woocommerce .summary p.price:after,
.woocommerce .summary .single_variation_wrap .single_variation:after {
display: table;
content: " ";
}
.woocommerce .summary p.price:after,
.woocommerce .summary .single_variation_wrap .single_variation:after {
clear: both;
}
.woocommerce .summary p.price:before,
.woocommerce .summary .single_variation_wrap .single_variation:before,
.woocommerce .summary p.price:after,
.woocommerce .summary .single_variation_wrap .single_variation:after {
display: table;
content: " ";
}
.woocommerce .summary p.price:after,
.woocommerce .summary .single_variation_wrap .single_variation:after {
clear: both;
}
@media screen and (max-width: 768px) {
.woocommerce .summary p.price,
.woocommerce .summary .single_variation_wrap .single_variation {
margin: 20px 0;
}
}
.woocommerce .summary p.price.single_variation,
.woocommerce .summary .single_variation_wrap .single_variation.single_variation {
margin-top: 20px;
margin-bottom: 30px;
}
.woocommerce .summary p.price > .amount,
.woocommerce .summary .single_variation_wrap .single_variation > .amount {
font-size: 26px;
}
.woocommerce .summary p.price del,
.woocommerce .summary .single_variation_wrap .single_variation del {
font-size: 19px;
position: relative;
font-size: 20px;
color: #999;
margin-left: 10px;
}
.woocommerce .summary p.price del + ins,
.woocommerce .summary .single_variation_wrap .single_variation del + ins {
float: left;
}
.woocommerce .summary p.price ins,
.woocommerce .summary .single_variation_wrap .single_variation ins {
font-size: 26px;
border-bottom: 1px solid;
}
.woocommerce .summary p.price .woocommerce-variation-availability,
.woocommerce .summary .single_variation_wrap .single_variation .woocommerce-variation-availability {
color: #898989;
}
.woocommerce .summary .single_variation_wrap .single_variation > .price {
margin: 25px 0;
display: block;
}
@media screen and (max-width: 480px) {
.woocommerce .summary .quantity {
width: 100% !important;
}
}
.woocommerce .summary .product_meta > span {
display: block;
}
.woocommerce .summary .variations {
display: block;
}
.woocommerce .summary .variations tbody,
.woocommerce .summary .variations tr,
.woocommerce .summary .variations th,
.woocommerce .summary .variations td {
display: block;
text-align: left;
}
.woocommerce .summary .variations tr + tr {
padding-top: 10px;
}
.woocommerce .summary .variations .label label {
color: #898989;
font-size: 16px;
}
.woocommerce .summary .variations .form-control {
display: inline-block;
width: 230px;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.woocommerce .summary .variations .reset_variations {
padding: 0;
font-size: 14px;
color: #898989;
margin-top: 10px;
visibility: hidden;
zoom: 1;
filter: alpha(opacity=70);
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}
.woocommerce .summary .variations .reset_variations:hover {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.woocommerce .woocommerce-tabs {
margin-top: 30px;
margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
.woocommerce .woocommerce-tabs {
padding-top: 60px;
}
}
.woocommerce .woocommerce-tabs .tabs {
position: relative;
display: block;
margin: 0;
padding: 0;
}
.woocommerce .woocommerce-tabs .tabs:before,
.woocommerce .woocommerce-tabs .tabs:after {
display: table;
content: " ";
}
.woocommerce .woocommerce-tabs .tabs:after {
clear: both;
}
.woocommerce .woocommerce-tabs .tabs:before,
.woocommerce .woocommerce-tabs .tabs:after {
display: table;
content: " ";
}
.woocommerce .woocommerce-tabs .tabs:after {
clear: both;
}
@media screen and (max-width: 768px) {
.woocommerce .woocommerce-tabs .tabs {
margin-bottom: 5px;
}
}
.woocommerce .woocommerce-tabs .tabs li {
position: relative;
display: block;
line-height: 1;
float: left;
background-color: #eeeeee;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff; }
@media screen and (max-width: 768px) {
.woocommerce .woocommerce-tabs .tabs li {
border-bottom-color: #fff;
}
}
.woocommerce .woocommerce-tabs .tabs li:first-child {
border-radius: 2px 0 0 0;
}
.woocommerce .woocommerce-tabs .tabs li:last-child {
border-radius: 0 2px 0 0;
}
@media screen and (max-width: 768px) {
.woocommerce .woocommerce-tabs .tabs li {
width: 100%;
border-left: 0;
border-right: 0;
}
}
.woocommerce .woocommerce-tabs .tabs li a {
display: block;
font-size: 15px;
color: #898989;
padding: 15px 20px;
}
.woocommerce .woocommerce-tabs .tabs li a:hover {
color: #333;
}
@media screen and (min-width: 769px) {
.woocommerce .woocommerce-tabs .tabs li.active {
border-bottom-color: transparent;
}
}
@media screen and (max-width: 768px) {
.woocommerce .woocommerce-tabs .tabs li.active {
background-color: #e9e9e9;
}
}
.woocommerce .woocommerce-tabs .tabs li.active a {
color: #333;
}
.woocommerce .woocommerce-tabs .entry-content {
background: #eeeeee;
padding: 20px;
display: none;
border: 0;
-webkit-border-radius: 0 2px 2px 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 0 2px 2px 2px;
-moz-background-clip: padding;
border-radius: 0 2px 2px 2px;
background-clip: padding-box;
box-shadow: none;
}
.woocommerce .woocommerce-tabs .entry-content:before,
.woocommerce .woocommerce-tabs .entry-content:after {
display: table;
content: " ";
}
.woocommerce .woocommerce-tabs .entry-content:after {
clear: both;
}
.woocommerce .woocommerce-tabs .entry-content:before,
.woocommerce .woocommerce-tabs .entry-content:after {
display: table;
content: " ";
}
.woocommerce .woocommerce-tabs .entry-content:after {
clear: both;
}
@media screen and (max-width: 768px) {
.woocommerce .woocommerce-tabs .entry-content {
padding: 15px 20px;
}
}
.woocommerce .woocommerce-tabs .entry-content h2 {
margin-top: 0;
margin-bottom: 15px;
font-size: 18px;
color: #898989;
}
.woocommerce .woocommerce-tabs .entry-content .shop_attributes tbody {
vertical-align: baseline;
}
.woocommerce .woocommerce-tabs .entry-content .shop_attributes tbody th {
font-weight: normal;
padding-right: 20px;
min-width: 160px;
}
.woocommerce .woocommerce-tabs .entry-content p:last-of-type {
margin-bottom: 0;
}
.woocommerce .woocommerce-tabs .entry-content .vc-row-container {
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.woocommerce .woocommerce-tabs > .entry-content:first-of-type {
display: block;
}
.error-holder {
width: 100%;
background: #fff;
margin: 50px 0;
text-align: center;
}
.error-holder .box {
background: #00b19e;
margin: 0 auto;
width: 309px;
height: 309px;
position: relative;
}
.error-holder .box .error-type {
font-size: 156px;
text-align: right;
letter-spacing: -15px;
margin-bottom: 0px;
color: #fff;
line-height: 112px;
right: 23px;
bottom: 0px;
position: absolute;
letter-spacing: -30px;
}
.error-holder .error-text {
font-size: 53px;
letter-spacing: -1.5px;
color: #00b19e;
margin-top: 0px;
text-transform: uppercase;
}
.error-holder p {
font-size: 18px;
margin-top: 40px;
}
.flashing-num-1 {
position: relative;
-webkit-animation: flashNum1 600ms linear alternate;
animation: flashNum1 600ms linear alternate;
}
.flashing-num-1 lesshat-selector {
-lh-property: 0; } 
@-webkit-keyframes flashNum1{ 0% { opacity: 0; } 100% { opacity: 1; left: 0px; }}
@keyframes flashNum1{ 0% { opacity: 0; } 100% { opacity: 1; left: 0px; }}
[not-existing] {
zoom: 1;
}
.flashing-num-1 lesshat-selector {
-lh-property: 0; } 
@-webkit-keyframes flashNum2{ 0% { opacity: 0; } 100% { opacity: 1; left: 0px; }}
@keyframes flashNum2{ 0% { opacity: 0; } 100% { opacity: 1; left: 0px; }}
[not-existing] {
zoom: 1;
}
.flashing-num-1 lesshat-selector {
-lh-property: 0; } 
@-webkit-keyframes flashNum3{ 0% { opacity: 0; } 100% { opacity: 1; left: 0px; }}
@keyframes flashNum3{ 0% { opacity: 0; } 100% { opacity: 1; left: 0px; }}
[not-existing] {
zoom: 1;
}
.flashing-num-1.del-1 {
-webkit-animation: flashNum2 820ms linear alternate;
animation: flashNum2 820ms linear alternate;
}
.flashing-num-1.del-2 {
-webkit-animation: flashNum3 1150ms linear alternate;
animation: flashNum3 1150ms linear alternate;
}
.search-results-holder .result-box {
margin-bottom: 40px;
word-break: break-word;
display: table;
table-layout: auto;
width: 100%;
}
@media screen and (max-width: 768px) {
.search-results-holder .result-box {
display: block;
}
}
.search-results-holder .result-box .result-image,
.search-results-holder .result-box .result-info {
display: table-cell;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.search-results-holder .result-box .result-image,
.search-results-holder .result-box .result-info {
display: block;
}
}
.search-results-holder .result-box .result-image {
width: 150px;
}
.search-results-holder .result-box .result-image a {
display: block;
margin-right: 30px;
}
.search-results-holder .result-box .result-image a .image-placeholder,
.search-results-holder .result-box .result-image a .image-placeholder > img {
border-radius: 50%;
overflow: hidden;
display: block;
}
.search-results-holder .result-box .result-image + .result-info {
padding-left: 20px;
}
@media screen and (max-width: 768px) {
.search-results-holder .result-box .result-image {
width: 100%;
text-align: center;
margin-bottom: 20px;
margin-right: 0;
}
.search-results-holder .result-box .result-image a {
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
.search-results-holder .result-box .result-image + .result-info {
padding-left: 0;
}
}
.search-results-holder .result-box .result-info h3 {
font-size: 23px;
margin-top: 0;
word-break: normal;
}
.search-results-holder .result-box .result-info h3 a {
color: #333;
}
.search-results-holder .result-box .result-info h3 a::after {
background: none;
}
.search-results-holder .result-box .result-info .add_to_cart_button {
display: inline-block;
margin-right: 20px;
}
.search-results-holder .result-box .result-info .add_to_cart_button.loading {
opacity: 0.6 !important;
pointer-events: none;
}
.search-results-holder .result-box .result-info .add_to_cart_button + .added_to_cart {
display: none;
}
.search-results-holder .result-box .result-info .post-link {
display: inline-block;
}
.search-results-holder .result-box .result-info .post-link i {
font-size: 10px;
}
.search-results-holder .result-box + .result-box {
padding-top: 40px;
border-top: 1px solid #eeeeee;
}
body.search-results .section-title {
margin-bottom: 50px;
}
.site-footer {
background: transparent;
position: relative;
z-index: 10;
background-color: #eeeeee;
}
.site-footer .footer-widgets {
margin-top: 50px;
margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
.site-footer .footer-widgets {
margin-top: 30px;
margin-bottom: 20px;
}
}
.site-footer .footer-widgets .widget h1,
.site-footer .footer-widgets .widget h2,
.site-footer .footer-widgets .widget h3 {
margin-top: 0;
}
.site-footer .footer-widgets .widget #shots {
margin-left: -5px;
margin-right: -5px;
}
.site-footer .footer-widgets .widget #shots .dribbble-title {
display: none;
}
.site-footer .footer-widgets .widget #shots .dribbble_shot img {
width: 58px;
margin: 5px;
}
.site-footer .footer-widgets .widget .tweet,
.site-footer .footer-widgets .widget .timePosted {
display: inline;
}
.site-footer .footer-widgets .widget .timePosted {
font-size: 14px;
color: #aaaaaa;
}
.site-footer .footer-widgets .widget .twitter-nav {
margin-top: 12px;
float: left;
}
.site-footer .footer-widgets .widget .twitter-nav .previous i {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.site-footer .footer-widgets .widget .twitter-nav .previous,
.site-footer .footer-widgets .widget .twitter-nav .next {
width: 20px;
height: 20px;
background: #fff;
margin: 1px;
position: relative;
float: left;
}
.site-footer .footer-widgets .widget .twitter-nav .previous i,
.site-footer .footer-widgets .widget .twitter-nav .next i {
width: 100%;
font-size: 12px;
color: #898989;
text-align: center;
top: 50%;
margin-top: -5px;
position: absolute;
}
.site-footer .footer-widgets .widget .twitter-nav .previous:hover i,
.site-footer .footer-widgets .widget .twitter-nav .next:hover i {
color: #00b19e;
}
@media screen and (max-width: 768px) {
.site-footer .footer-widgets .widget .twitter-nav .previous,
.site-footer .footer-widgets .widget .twitter-nav .next {
width: 25px;
height: 25px;
}
}
.site-footer .footer-widgets .widget h1,
.site-footer .footer-widgets .widget h2,
.site-footer .footer-widgets .widget h3 {
font-size: 22px;
color: #333;
}
.site-footer .footer-widgets .widget h1.strong,
.site-footer .footer-widgets .widget h2.strong,
.site-footer .footer-widgets .widget h3.strong {
font-size: 24px;
}
.site-footer .footer-widgets .widget .textwidget {
color: #898989;
}
.site-footer .footer-widgets .widget p,
.site-footer .footer-widgets .widget .textwidget {
font-size: 16px;
line-height: 1.33333333;
}
.site-footer .footer-widgets .widget ul {
list-style: none;
padding: 0px;
}
.site-footer .footer-widgets .widget.widget_tag_cloud a {
background-color: #fff;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.site-footer .footer-widgets .widget.widget_tag_cloud a:hover {
background-color: #d5d5d5 !important;
}
.site-footer hr {
margin: 0;
}
.site-footer .footer-bottom-content {
padding-top: 30px;
padding-bottom: 30px;
}
@media screen and (max-width: 480px) {
.site-footer .footer-bottom-content {
padding-top: 15px;
padding-bottom: 15px;
}
}
.site-footer .footer-bottom-content a {
color: #898989;
}
.site-footer .footer-bottom-content a,
.site-footer .footer-bottom-content p {
font-size: 15px;
}
.site-footer .footer-bottom-content .copyrights p {
margin-bottom: 0;
}
.site-footer .footer-collapse-link {
display: block;
text-align: center;
padding: 40px;
margin-top: 10px;
}
.site-footer .footer-collapse-link span {
display: inline-block;
text-indent: -99999px;
background: #898989;
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
}
.site-footer .footer-collapse-link span + span {
margin-left: 4px;
}
@media screen and (min-width: 768px) {
.site-footer .footer-collapse-link {
display: none;
}
}
@media screen and (max-width: 768px) {
.site-footer .footer-collapse-link + .footer--widgets {
display: none;
}
}
.site-footer.fixed-footer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
margin-left: 0;
margin-right: 0;
}
@media screen and (max-width: 992px) {
.site-footer.fixed-footer {
position: relative;
left: 0;
right: 0;
margin-left: 0;
margin-right: 0;
}
}
.site-footer.fixed-footer.shown.by-default {
z-index: 200;
-webkit-transition: none !important;
transition: none !important;
}
.site-footer.fixed-footer.fixed-footer-fade .container {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 430ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 430ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
@media screen and (max-width: 768px) {
.site-footer.fixed-footer.fixed-footer-fade .container {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
}
.site-footer.fixed-footer.fixed-footer-fade.shown .container {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition-delay: 220ms;
transition-delay: 220ms;
}
.site-footer.fixed-footer.fixed-footer-slide {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-transform: translateY(20%);
transform: translateY(20%);
-webkit-transition: all 430ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 430ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.site-footer.fixed-footer.fixed-footer-slide.shown {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.site-footer.site-footer-inverted .footer-widgets .widget h1,
.site-footer.site-footer-inverted .footer-widgets .widget h2,
.site-footer.site-footer-inverted .footer-widgets .widget h3,
.site-footer.site-footer-inverted .footer-widgets .widget p,
.site-footer.site-footer-inverted .footer-widgets .widget div,
.site-footer.site-footer-inverted .footer-widgets .widget a {
color: #fff;
}
.site-footer.site-footer-inverted hr {
border-color: rgba(255, 255, 255, 0.5);
}
.site-footer.site-footer-inverted .footer-bottom-content .copyrights p {
color: #fff;
}
.site-footer.site-footer-inverted .footer-bottom-content .footer-content-right a {
color: #fff;
}
.site-footer.footer-bottom-horizontal .footer-bottom-content {
display: table;
table-layout: auto;
width: 100%;
direction: rtl;
}
@media screen and (max-width: 768px) {
.site-footer.footer-bottom-horizontal .footer-bottom-content {
display: block;
}
}
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-left,
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
display: table-cell;
vertical-align: middle;
direction: ltr;
}
@media screen and (max-width: 768px) {
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-left,
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
display: block;
text-align: center;
}
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-left.footer-content-right,
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right.footer-content-right {
text-align: center;
}
}
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
text-align: right;
}
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right .social-networks {
margin-left: 0;
margin-right: -5px;
}
@media screen and (max-width: 768px) {
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right .social-networks {
margin-right: 0;
}
}
@media screen and (max-width: 768px) {
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
margin-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
.site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
margin-bottom: 15px;
}
}
.site-footer.footer-bottom-horizontal .footer-bottom-content .social-networks {
margin-bottom: 0;
}
.site-footer.footer-bottom-horizontal .footer-bottom-content .social-networks.textual > li {
padding-left: 20px;
}
@media screen and (max-width: 768px) {
.site-footer.footer-bottom-horizontal .footer-bottom-content .social-networks.textual > li a {
margin-bottom: 5px;
}
}
@media screen and (max-width: 992px) {
.site-footer.footer-bottom-horizontal .footer-bottom-content .social-networks.textual > li {
padding-left: 10px;
}
}
.site-footer.footer-bottom-vertical {
text-align: center;
}
.site-footer.footer-bottom-vertical .footer-bottom .footer-bottom-content {
padding-top: 50px;
padding-bottom: 40px;
}
.site-footer.footer-bottom-vertical .footer-bottom .footer-bottom-content .footer-content-right {
margin-bottom: 25px;
}
.site-footer.footer-fullwidth .container {
width: 100%;
}
.site-footer .social-networks.rounded li a {
background-color: #fff;
}
@media screen and (max-width: 991px) {
.footer-spacer {
display: none;
}
}
.top-menu-container {
padding-top: 40px;
padding-bottom: 60px;
background-color: #00b19e;
z-index: 2;
overflow: hidden;
position: fixed;
left: 0;
right: 0;
top: 0;
visibility: hidden;
}
.top-menu-container.is-visible {
visibility: visible;
}
.top-menu-container.is-visible ~ .wrapper .main-header.sticky-initialized {
position: absolute;
visibility: visible;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.top-menu-container.is-visible ~ .wrapper .main-header.is-sticky.sticky-initialized.sticky-auto-hide.sticky-fixed {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.top-menu-container .top-menu ul {
list-style-type: none;
padding-left: 0px;
}
.top-menu-container .top-menu ul li {
position: relative;
}
.top-menu-container .top-menu ul li a {
position: relative;
font-size: 24px;
color: #fff;
text-decoration: none;
display: inline-block;
}
.top-menu-container .top-menu ul li a:after {
content: '';
overflow: hidden;
position: absolute;
left: 0;
bottom: -1px;
display: block;
width: 0;
height: 1px;
background-color: #00b19e;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
}
.top-menu-container .top-menu ul li a:hover {
text-decoration: none;
color: #00b19e;
}
.top-menu-container .top-menu ul li a:active:after,
.top-menu-container .top-menu ul li a.link-hover:after {
width: 100%;
}
.top-menu-container .top-menu ul li a:after {
background-color: rgba(255, 255, 255, 0.9);
}
.top-menu-container .top-menu ul li a:hover {
color: rgba(255, 255, 255, 0.9);
}
.top-menu-container .widget {
margin-top: 20px;
margin-bottom: 0;
}
.top-menu-container .widget .widgettitle {
color: #fff;
font-size: 24px;
margin-top: 0;
}
.top-menu-container .widget a {
color: #898989;
}
.top-menu-container .widget p {
font-size: 16px;
}
.top-menu-container .widget ul {
padding-left: 0;
}
.top-menu-container .links ul {
list-style-type: none;
padding-left: 0px;
}
.top-menu-container .links ul li {
padding-left: 0px;
}
.top-menu-container .close-top-menu {
position: absolute;
right: 0;
top: 0;
color: #fff;
display: block;
font-size: 32px;
line-height: 0.5;
padding: 15px;
text-decoration: none;
zoom: 1;
filter: alpha(opacity=70);
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
}
.top-menu-container .close-top-menu:hover {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.top-menu-container .social-networks li a {
background-color: #fff;
color: #00b19e !important;
}
.top-menu-container .social-networks li a:hover {
background-color: #009887 !important;
}
.top-menu-container.menu-skin-main .widget {
color: #fff;
}
.top-menu-container.menu-skin-main .widget p,
.top-menu-container.menu-skin-main .widget a {
color: #fff;
}
.top-menu-container.menu-skin-light {
background-color: #fff;
}
.top-menu-container.menu-skin-light .close-top-menu {
color: #333;
}
.top-menu-container.menu-skin-light ul.menu > li > a,
.top-menu-container.menu-skin-light div.menu > ul > li > a {
color: #333;
}
.top-menu-container.menu-skin-light ul.menu > li:hover > a,
.top-menu-container.menu-skin-light div.menu > ul > li:hover > a {
color: #333;
}
.top-menu-container.menu-skin-light ul.menu > li ul,
.top-menu-container.menu-skin-light div.menu > ul > li ul {
background: #333;
}
.top-menu-container.menu-skin-light ul.menu > li ul > li > a,
.top-menu-container.menu-skin-light div.menu > ul > li ul > li > a {
color: #fff;
display: inline-block;
}
.top-menu-container.menu-skin-light ul.menu > li ul > li > a:after,
.top-menu-container.menu-skin-light div.menu > ul > li ul > li > a:after {
content: '';
overflow: hidden;
position: absolute;
left: 0;
bottom: -1px;
display: block;
width: 0;
height: 1px;
background-color: #fff;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
}
.top-menu-container.menu-skin-light ul.menu > li ul > li > a:hover,
.top-menu-container.menu-skin-light div.menu > ul > li ul > li > a:hover {
text-decoration: none;
color: #00b19e;
}
.top-menu-container.menu-skin-light ul.menu > li ul > li > a:active:after,
.top-menu-container.menu-skin-light div.menu > ul > li ul > li > a:active:after,
.top-menu-container.menu-skin-light ul.menu > li ul > li > a.link-hover:after,
.top-menu-container.menu-skin-light div.menu > ul > li ul > li > a.link-hover:after {
width: 100%;
}
.top-menu-container.menu-skin-light ul.menu > li ul > li > a:hover,
.top-menu-container.menu-skin-light div.menu > ul > li ul > li > a:hover {
color: #fff;
}
.top-menu-container.menu-skin-light ul.menu > li > ul:after,
.top-menu-container.menu-skin-light div.menu > ul > li > ul:after {
border-color: transparent #333 transparent transparent;
}
.top-menu-container.menu-skin-light .widget {
color: #898989;
}
.top-menu-container.menu-skin-light .widget h3 {
color: #333;
}
.top-menu-container.menu-skin-light .widget p {
color: #898989;
}
.top-menu-container.menu-skin-light .widget .social-networks li a {
background-color: #333;
color: #fff !important;
}
.top-menu-container.menu-skin-light .widget .social-networks li a:hover {
background-color: #ffffff !important;
color: #333 !important;
}
.top-menu-container.menu-skin-dark {
background-color: #333;
}
.top-menu-container.menu-skin-dark .close-top-menu {
color: #fff;
}
.top-menu-container.menu-skin-dark ul.menu > li > a,
.top-menu-container.menu-skin-dark div.menu > ul > li > a {
color: #fff;
}
.top-menu-container.menu-skin-dark ul.menu > li:hover > a,
.top-menu-container.menu-skin-dark div.menu > ul > li:hover > a {
color: #fff;
}
.top-menu-container.menu-skin-dark ul.menu > li ul,
.top-menu-container.menu-skin-dark div.menu > ul > li ul {
background: #fff;
}
.top-menu-container.menu-skin-dark ul.menu > li ul > li > a,
.top-menu-container.menu-skin-dark div.menu > ul > li ul > li > a {
color: #333;
display: inline-block;
}
.top-menu-container.menu-skin-dark ul.menu > li ul > li > a:after,
.top-menu-container.menu-skin-dark div.menu > ul > li ul > li > a:after {
content: '';
overflow: hidden;
position: absolute;
left: 0;
bottom: -1px;
display: block;
width: 0;
height: 1px;
background-color: #333;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
}
.top-menu-container.menu-skin-dark ul.menu > li ul > li > a:hover,
.top-menu-container.menu-skin-dark div.menu > ul > li ul > li > a:hover {
text-decoration: none;
color: #00b19e;
}
.top-menu-container.menu-skin-dark ul.menu > li ul > li > a:active:after,
.top-menu-container.menu-skin-dark div.menu > ul > li ul > li > a:active:after,
.top-menu-container.menu-skin-dark ul.menu > li ul > li > a.link-hover:after,
.top-menu-container.menu-skin-dark div.menu > ul > li ul > li > a.link-hover:after {
width: 100%;
}
.top-menu-container.menu-skin-dark ul.menu > li ul > li > a:hover,
.top-menu-container.menu-skin-dark div.menu > ul > li ul > li > a:hover {
color: #333;
}
.top-menu-container.menu-skin-dark ul.menu > li > ul:after,
.top-menu-container.menu-skin-dark div.menu > ul > li > ul:after {
border-color: transparent #fff transparent transparent;
}
.top-menu-container.menu-skin-dark .widget {
color: #898989;
}
.top-menu-container.menu-skin-dark .widget h3 {
color: #fff;
}
.top-menu-container.menu-skin-dark .widget p {
color: #898989;
}
.top-menu-container.menu-skin-dark .widget .social-networks li a {
background-color: #fff;
color: #333 !important;
}
.top-menu-container.menu-skin-dark .widget .social-networks li a:hover {
background-color: #404040 !important;
color: #fff !important;
}
@media screen and (max-width: 768px) {
.top-menu-container {
display: none !important;
}
}
.top-menu:before,
.top-menu:after {
display: table;
content: " ";
}
.top-menu:after {
clear: both;
}
.top-menu:before,
.top-menu:after {
display: table;
content: " ";
}
.top-menu:after {
clear: both;
}
.top-menu ul.menu > li,
.top-menu div.menu > ul > li {
float: left;
width: 100%;
}
.top-menu ul.menu > li > a,
.top-menu div.menu > ul > li > a {
white-space: nowrap;
-webkit-transition: all 280ms ease-in-out;
transition: all 280ms ease-in-out;
}
.top-menu ul.menu > li:hover > a:after,
.top-menu div.menu > ul > li:hover > a:after {
width: 100%;
}
.menu-row-items-2.top-menu ul.menu > li,
.menu-row-items-2.top-menu div.menu > ul > li {
width: 50%;
}
.menu-row-items-3.top-menu ul.menu > li,
.menu-row-items-3.top-menu div.menu > ul > li {
width: 33.33333333%;
}
.menu-row-items-4.top-menu ul.menu > li,
.menu-row-items-4.top-menu div.menu > ul > li {
width: 25%;
}
.menu-row-items-5.top-menu ul.menu > li,
.menu-row-items-5.top-menu div.menu > ul > li {
width: 20%;
}
.menu-row-items-6.top-menu ul.menu > li,
.menu-row-items-6.top-menu div.menu > ul > li {
width: 16.66666667%;
}
.menu-row-items-7.top-menu ul.menu > li,
.menu-row-items-7.top-menu div.menu > ul > li {
width: 14.28571429%;
}
.menu-row-items-8.top-menu ul.menu > li,
.menu-row-items-8.top-menu div.menu > ul > li {
width: 12.5%;
}
.first-level-centered.top-menu ul.menu > li,
.first-level-centered.top-menu div.menu > ul > li {
text-align: center;
}
.first-level-centered.top-menu ul.menu > li li,
.first-level-centered.top-menu div.menu > ul > li li {
text-align: left;
}
.top-menu ul.menu > li ul,
.top-menu div.menu > ul > li ul {
display: block;
position: absolute;
background: #fff;
padding: 8px 5px;
top: 0;
left: 0;
z-index: 10;
margin-left: 20px;
min-width: 180px;
visibility: hidden;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 0ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
}
.top-menu ul.menu > li ul > li,
.top-menu div.menu > ul > li ul > li {
padding: 3px 10px;
}
.top-menu ul.menu > li ul > li > a,
.top-menu div.menu > ul > li ul > li > a {
color: #00b19e;
font-size: 14px;
white-space: nowrap;
display: inline-block;
}
.top-menu ul.menu > li ul > li > a:after,
.top-menu div.menu > ul > li ul > li > a:after {
content: '';
overflow: hidden;
position: absolute;
left: 0;
bottom: -1px;
display: block;
width: 0;
height: 1px;
background-color: #00b19e;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
}
.top-menu ul.menu > li ul > li > a:hover,
.top-menu div.menu > ul > li ul > li > a:hover {
text-decoration: none;
color: #00b19e;
}
.top-menu ul.menu > li ul > li > a:active:after,
.top-menu div.menu > ul > li ul > li > a:active:after,
.top-menu ul.menu > li ul > li > a.link-hover:after,
.top-menu div.menu > ul > li ul > li > a.link-hover:after {
width: 100%;
}
.top-menu ul.menu > li ul > li > a:hover,
.top-menu div.menu > ul > li ul > li > a:hover {
color: #00b19e;
}
.top-menu ul.menu > li ul > li:hover > a:after,
.top-menu div.menu > ul > li ul > li:hover > a:after {
width: 100%;
}
.top-menu ul.menu > li ul > li ul,
.top-menu div.menu > ul > li ul > li ul {
left: 100%;
margin-left: 7px;
}
.top-menu ul.menu > li ul ul,
.top-menu div.menu > ul > li ul ul {
margin-top: -8px;
}
.top-menu ul.menu > li > ul:after,
.top-menu div.menu > ul > li > ul:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 8px 0;
border-color: transparent #fff transparent transparent;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0ms ease-in-out;
transition: all 0ms ease-in-out;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
}
.top-menu ul.menu li:hover > ul,
.top-menu div.menu > ul li:hover > ul,
.top-menu ul.menu li.sub-visible > ul,
.top-menu div.menu > ul li.sub-visible > ul {
visibility: visible;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.top-menu ul.menu li.sub-visible > ul:after,
.top-menu div.menu > ul li.sub-visible > ul:after {
left: -8px;
}
.top-menu ul.menu li.sub-visible > a:after,
.top-menu div.menu > ul li.sub-visible > a:after {
width: 100% !important;
}
.sidebar-menu-wrapper {
position: fixed;
top: 0;
left: 100%;
bottom: 0;
background: #fff;
z-index: 10005;
visibility: visible;
padding: 20px 0;
-webkit-transition: all 0ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition: all 0ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
}
.sidebar-menu-wrapper.sidebar-alignment-left {
right: 100%;
left: auto;
}
.sidebar-menu-wrapper .sidebar-menu-container {
position: relative;
min-width: 360px;
max-height: 100%;
overflow: hidden;
padding: 25px 60px;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-menu-close {
float: right;
background: url(//hualien1913.nat.gov.tw/template/assets/images/icons/icon-menu-close.svg) no-repeat 0 0;
width: 30px;
height: 30px;
background-size: 60px 30px;
margin-bottom: 20px;
top: 2px;
position: relative;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-menu-close:hover {
background-position: -30px 0;
cursor: pointer;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu a {
text-decoration: none;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu > li > a,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul > li > a {
font-size: 18px;
line-height: 34px;
color: #898989;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu > li > a:after,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul > li > a:after {
bottom: 5px;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu a,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul a {
position: relative;
display: inline-block;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu a:after,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul a:after {
content: '';
overflow: hidden;
position: absolute;
left: 0;
bottom: -1px;
display: block;
width: 0;
height: 1px;
background-color: #00b19e;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu a:hover,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul a:hover {
text-decoration: none;
color: #00b19e;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu a:active:after,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul a:active:after,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu a.link-hover:after,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul a.link-hover:after {
width: 100%;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu li ul,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul li ul {
height: 0;
overflow: hidden;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu li ul li,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul li ul li {
padding-left: 15px;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu li ul li > a,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul li ul li > a {
color: #898989;
line-height: 1.6;
-webkit-transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 200ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu li ul li > a:hover,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul li ul li > a:hover {
color: #00b19e;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu li ul li:hover > a,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul li ul li:hover > a {
color: #00b19e;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu li.sub-visible > ul,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul li.sub-visible > ul {
height: auto;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu li.current-menu-item > a,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul li.current-menu-item > a,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu li.current_page_item > a,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul li.current_page_item > a,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu li.current-menu-ancestor > a,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul li.current-menu-ancestor > a,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu ul.menu li.current_page_ancestor > a,
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu div.menu > ul li.current_page_ancestor > a {
color: #00b19e;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-main-menu + .sidebar-menu-widgets {
margin-top: 60px;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-menu-widgets .widget .widget-title {
font-size: 22px;
margin-bottom: 20px;
}
.sidebar-menu-wrapper .sidebar-menu-container .sidebar-menu-widgets .widget + .widget {
margin-top: 60px;
}
.sidebar-menu-wrapper .ps-container .ps-scrollbar-y-rail {
right: -5px !important;
}
.sidebar-menu-wrapper.dropdown-caret .menu .menu-item-has-children > a > span {
text-decoration: none;
}
.sidebar-menu-wrapper.dropdown-caret .menu .menu-item-has-children > a > span:after {
position: relative;
font-family: Flaticon;
content: '\e008';
margin-left: 8px;
font-size: 11px;
text-decoration: none;
line-height: 0;
top: -1px;
font-weight: bold;
}
.sidebar-menu-wrapper.menu-skin-dark {
background: #1a1a1a;
}
.sidebar-menu-wrapper.menu-skin-dark .sidebar-menu-container .sidebar-main-menu ul.menu > li > a,
.sidebar-menu-wrapper.menu-skin-dark .sidebar-menu-container .sidebar-main-menu div.menu > ul > li > a {
color: #fff;
}
.sidebar-is-opened .sidebar-menu-wrapper.menu-skin-dark + .sidebar-menu-disabler {
zoom: 1;
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.sidebar-menu-wrapper.menu-skin-light {
background: #fff;
}
.sidebar-menu-wrapper.menu-skin-light .sidebar-menu-container .sidebar-main-menu ul.menu > li > a,
.sidebar-menu-wrapper.menu-skin-light .sidebar-menu-container .sidebar-main-menu div.menu > ul > li > a {
color: #333;
}
.sidebar-is-opened .sidebar-menu-wrapper.menu-skin-light + .sidebar-menu-disabler {
zoom: 1;
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
@media screen and (max-width: 768px) {
.sidebar-menu-wrapper {
display: none !important;
}
}
.sidebar-menu-disabler {
position: fixed;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #222;
cursor: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAYM+UUHBYAAAAPUlEQVR4AeXSwQkAIAwEwVzsv2fh3mMF+ssOQhBnMzjZyYE0QpogDZCOEA2+jo5FuDpEveJecM9X7/b8PhcNlwDl/m+bagAAAABJRU5ErkJggg==) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAYM+UUHBYAAAAPUlEQVR4AeXSwQkAIAwEwVzsv2fh3mMF+ssOQhBnMzjZyYE0QpogDZCOEA2+jo5FuDpEveJecM9X7/b8PhcNlwDl/m+bagAAAABJRU5ErkJggg==) 2x), pointer;
z-index: 10000;
visibility: hidden;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000), opacity 250ms;
transition: all 400ms cubic-bezier(0.075, 0.820, 0.165, 1.000), opacity 250ms;
}
.sidebar-is-opened .sidebar-menu-disabler {
visibility: visible;
zoom: 1;
filter: alpha(opacity=90);
-webkit-opacity: 0.9;
-moz-opacity: 0.9;
opacity: 0.9;
}
@media screen and (max-width: 768px) {
.sidebar-is-opened .sidebar-menu-disabler {
display: none;
}
}
.sidebar-is-opened {
overflow-x: hidden;
}
.sidebar-is-opened > .wrapper,
.sidebar-is-opened > footer.site-footer {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0);
}
.sidebar-is-opened > .wrapper .sidebar-menu-wrapper,
.sidebar-is-opened > footer.site-footer .sidebar-menu-wrapper {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
.sidebar-is-opened-left.sidebar-is-opened > .wrapper,
.sidebar-is-opened-left.sidebar-is-opened > footer.site-footer {
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
.sidebar-is-opened-left.sidebar-is-opened > .wrapper .sidebar-menu-wrapper,
.sidebar-is-opened-left.sidebar-is-opened > footer.site-footer .sidebar-menu-wrapper {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0);
}
@media screen and (max-width: 768px) {
.sidebar-is-opened > .wrapper,
.sidebar-is-opened > footer.site-footer {
-webkit-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}
.sidebar-is-opened > .wrapper .sidebar-menu-wrapper,
.sidebar-is-opened > footer.site-footer .sidebar-menu-wrapper {
-webkit-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}
}
.home-slider {
width: 100%;
height: 642px;
position: relative;
z-index: 1;
color: #fff;
background-size: cover;
background-position: 50%;
}
@media screen and (max-width: 992px) {
.home-slider {
height: auto;
}
}
.home-slider .slider-texts {
position: relative;
padding-top: 160px;
padding-bottom: 50px;
}
@media screen and (max-width: 992px) {
.home-slider .slider-texts {
padding-top: 80px;
padding-bottom: 20px;
}
}
.home-slider .slider-texts h1 {
font-size: 45px;
line-height: 60px;
position: relative;
}
@media screen and (max-width: 992px) {
.home-slider .slider-texts h1 {
font-size: 40px;
line-height: 53px;
}
}
@media screen and (max-width: 768px) {
.home-slider .slider-texts h1 {
font-size: 30px;
line-height: 40px;
}
}
.home-slider .slider-texts a {
color: #fff;
}
.home-slider .slider-texts span {
color: #00b19e;
background-color: #fff;
padding: 0 8px;
}
.home-slider .overlay {
width: 100%;
height: 100%;
top: 0px;
left: 0;
position: absolute;
background-color: #00b19e;
zoom: 1;
filter: alpha(opacity=90);
-webkit-opacity: 0.9;
-moz-opacity: 0.9;
opacity: 0.9;
z-index: 0;
}
.about-me-holder .picture img {
width: 100%;
}
.about-me-holder .info .info-holder {
height: 450px;
background-color: #eeeeee;
position: relative;
overflow: hidden;
border-top: 41px solid #eeeeee;
border-bottom: 41px solid #eeeeee;
padding: 0px 45px;
}
.about-me-holder .info .info-holder .job-title {
margin-top: 5px;
margin-bottom: 35px;
}
.about-me-holder .info .info-holder h2 {
font-size: 22px;
margin: 0px;
}
@media screen and (max-width: 768px) {
.about-me-holder .info .info-holder {
height: auto;
}
}
.team-holder {
margin-top: 20px;
}
.team-holder .member {
margin-bottom: 30px;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
position: relative;
}
.team-holder .member .hover-state {
color: #fff;
}
.team-holder .member .hover-state .social a {
position: relative;
}
.team-holder .member .hover-state .social a:hover {
text-decoration: none;
color: #fff;
border-bottom: none !important;
}
.team-holder .member .hover-state .social a::after {
content: '';
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
overflow: hidden;
position: absolute;
left: 0;
bottom: -2px;
display: block;
width: 0;
height: 1px ;
background: #fff;
}
.team-holder .member .hover-state .social a:hover::after {
width: 100%;
}
.team-holder .member .hover-state .member-details {
position: absolute;
bottom: 40px;
}
.team-holder .member .hover-state .member-details h2 {
font-size: 22px;
margin: 0px;
}
.team-holder .member .hover-state .member-details h2 a {
color: #fff;
}
.team-holder .member .hover-state .member-details .job-title {
margin-top: 5px;
margin-bottom: 0px;
color: #fff;
}
.team-holder .member .hover-state p {
color: #fff;
}
.team-holder .member .hover-state[data-href] {
cursor: pointer;
}
.team-holder .member.loading-finished .visibility-hidden {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.team-holder .member .thumb > a {
display: block;
}
.team-holder .layout-visible-titles .member-details h2 {
font-size: 23px;
}
.team-holder .layout-visible-titles.new-member-join + .details h2 {
font-size: 23px;
}
.team-holder .new-member-join {
position: relative;
background: #eeeeee;
}
.team-holder .new-member-join .hover-state {
visibility: visible;
background: transparent;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.team-holder .new-member-join .join-us .your-image {
font-size: 13px;
color: #898989;
display: inline;
font-family: Courier;
padding-left: 5px;
}
.team-holder .new-member-join .join-us .details {
position: absolute;
bottom: 40px;
}
.team-holder .new-member-join .join-us .details h2 {
font-size: 22px;
margin: 0px;
color: #333;
}
.team-holder .new-member-join .join-us .details .text {
margin-top: 5px;
margin-bottom: 0px;
color: #898989;
}
.team-holder .new-member-join .join-us .details .text a {
color: #00b19e;
}
.team-holder .new-member-join .join-us .details .text a::after {
background: #00b19e;
}
.service-holder.with-border {
width: 100%;
border: 1px solid #eeeeee;
float: left;
}
.service-holder .service-box {
padding-left: 0px;
padding-right: 0px;
}
.service-holder .service-box.description {
padding: 45px 65px;
}
.service-holder .service-box.description i {
font-size: 35px;
}
.service-holder .service-box.description h2 {
font-size: 22px;
}
.service-holder .service-box.description p {
font-size: 15px;
}
@media screen and (max-width: 992px) {
.service-holder .service-box.description {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
}
@media screen and (max-width: 992px) {
.service-holder .service-box img {
width: 100%;
}
}
.service-holder .service-two-desc-holder .service-box {
padding: 10px 65px 60px 65px;
}
@media screen and (max-width: 992px) {
.service-holder .service-two-desc-holder .service-box {
margin-top: 40px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
}
.logos-holder {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.logos-holder.alt-height,
.logos-holder.is-visible {
display: block;
}
.logos-holder .client-logos-col {
display: -webkit-box;
display: flex;
width: 25%;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
padding-left: 15px;
padding-right: 15px;
}
.logos-holder .client-logos-col.col-1 {
width: 8.33333333%;
}
.logos-holder .client-logos-col.col-2 {
width: 16.66666667%;
}
.logos-holder .client-logos-col.col-4 {
width: 33.33333333%;
}
.logos-holder .client-logos-col.col-6 {
width: 50%;
}
.logos-holder .client-logos-col.col-1-7 {
width: 14.28571429%;
}
.logos-holder .client-logos-col.col-2-4 {
width: 20%;
}
@media screen and (max-width: 768px) {
.logos-holder .client-logos-col {
width: 50% !important;
}
}
@media screen and (max-width: 480px) {
.logos-holder .client-logos-col {
width: 100% !important;
}
}
.logos-holder .c-logo {
position: relative;
text-align: center;
border: 1px solid #dddddd;
margin-right: -1px;
margin-bottom: -1px;
margin-bottom: 30px;
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
padding: 10px;
box-sizing: content-box;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
}
.logos-holder .c-logo > a {
display: block;
}
.logos-holder .c-logo > a:after {
background: none;
}
.logos-holder .c-logo img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
.logos-holder .c-logo.loading-finished img {
visibility: visible;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.logos-holder .c-logo .hover-state {
background-color: rgba(0, 177, 158, 0.9);
width: auto;
height: auto;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
-webkit-transition: all 500ms;
transition: all 500ms;
}
.logos-holder .c-logo .hover-state h3 {
margin: 0;
font-size: 19px;
color: #fff;
}
.logos-holder .c-logo .hover-state h3 a {
color: #fff;
}
.logos-holder .c-logo .hover-state .description {
line-height: 1.33333333;
margin-top: 5px;
-webkit-transition: all 660ms;
transition: all 660ms;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.logos-holder .c-logo .hover-state .description p,
.logos-holder .c-logo .hover-state .description a {
color: #fff;
}
.logos-holder .c-logo:hover .hover-state {
visibility: visible;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.logos-holder .c-logo:hover .hover-state .description {
zoom: 1;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
@media screen and (max-width: 767px) {
.logos-holder .c-logo {
height: auto !important;
line-height: 1 !important;
}
}
.logos-holder .client-logos-col.with-link .hover-state {
cursor: pointer;
}
.logos-holder.no-spacing-cols {
margin-left: 0;
margin-right: 0;
}
.logos-holder.no-spacing-cols .client-logos-col {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.logos-holder.no-spacing-cols .client-logos-col .c-logo {
margin-bottom: -1px;
}
.logos-holder.no-image-borders .c-logo {
border: none;
margin-bottom: 0;
margin-right: 0;
padding: 0;
}
.logos-holder a::after {
background: none;
}
.contact-form:before,
.contact-form:after {
display: table;
content: " ";
}
.contact-form:after {
clear: both;
}
.contact-form:before,
.contact-form:after {
display: table;
content: " ";
}
.contact-form:after {
clear: both;
}
.contact-form .form-group {
margin-bottom: 30px;
}
.contact-form .form-group.has-errors label {
color: #e44c52;
border-bottom-color: #e44c52;
}
.contact-form .contact-form-recaptcha {
margin-bottom: 0;
display: none;
}
.contact-form .contact-form-recaptcha > div {
margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
.contact-form .contact-form-privacy-policy {
float: left;
}
}
.contact-form .button {
float: right;
margin-right: 0;
position: relative;
-webkit-transition: none;
transition: none;
}
.contact-form .button .pre-submit {
display: block;
}
.contact-form .button .success-msg {
display: none;
}
.contact-form .button .success-msg i {
position: relative;
display: inline-block;
margin-left: 5px;
}
.contact-form .button.is-finished .pre-submit {
display: none;
}
.contact-form .button.is-finished .success-msg {
display: block;
}
.contact-form .button .loading-bar {
display: block;
position: absolute;
background: #00cbb5;
left: 0;
right: 0;
top: 100%;
height: 0px;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.contact-form .button .loading-bar span {
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background: #009887;
}
.contact-form .button.is-loading {
cursor: default;
}
.contact-form .button.is-loading .loading-bar {
height: 4px;
}
.cd-google-map {
position: relative;
}
.cd-google-map .cd-zoom-in,
.cd-google-map .cd-zoom-out {
height: 32px;
width: 32px;
cursor: pointer;
margin-left: 15px;
background-color: #00b19e;
opacity: 0.9;
background-repeat: no-repeat;
background-image: url(//hualien1913.nat.gov.tw/template/assets/images/icons/map/cd-icon-controller.svg);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-size: 32px 64px;
}
@media only screen and (min-width: 768px) {
.cd-google-map .cd-zoom-in,
.cd-google-map .cd-zoom-out {
margin-left: 20px;
}
}
.cd-google-map .cd-zoom-in {
background-position: 50% 0;
margin-top: 10px;
margin-bottom: 1px;
}
@media only screen and (min-width: 768px) {
.cd-google-map .cd-zoom-in {
margin-top: 20px;
}
.header-absolute .cd-google-map .cd-zoom-in {
margin-top: 200px;
}
}
.cd-google-map .cd-zoom-out {
background-position: 50% -32px;
}
.no-touch .cd-zoom-in:hover,
.no-touch .cd-zoom-out:hover {
background-color: #00b19e;
}
.coming-soon-container {
text-align: center;
}
.coming-soon-container .message-container {
margin-top: 0px;
color: #fff;
}
.coming-soon-container .message-container .logo {
display: inline-block;
}
.coming-soon-container .message-container .logo img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.coming-soon-container .message-container .logo.logo-text {
font-size: 32px;
color: #fff;
margin-bottom: 35px;
display: inline-block;
}
.coming-soon-container .message-container .logo .sticky-logo {
display: none;
}
.coming-soon-container .message-container p {
margin-top: 35px;
}
.coming-soon-container .message-container i {
font-size: 177px;
}
.coming-soon-container .countdown-holder {
color: #fff;
}
.coming-soon-container .countdown-holder:before,
.coming-soon-container .countdown-holder:after {
display: table;
content: " ";
}
.coming-soon-container .countdown-holder:after {
clear: both;
}
.coming-soon-container .countdown-holder:before,
.coming-soon-container .countdown-holder:after {
display: table;
content: " ";
}
.coming-soon-container .countdown-holder:after {
clear: both;
}
.coming-soon-container .countdown-holder ul {
list-style: none;
padding: 0px;
margin-top: 50px;
}
@media screen and (max-width: 768px) {
.coming-soon-container .countdown-holder ul {
margin-top: 50px;
}
}
.coming-soon-container .countdown-holder ul span {
font-size: 75px;
}
@media screen and (max-width: 768px) {
.coming-soon-container .countdown-holder ul span {
font-size: 50px;
}
}
.coming-soon-container .social-networks-env {
margin-top: 60px;
color: #fff;
}
.coming-soon-container .social-networks-env a {
display: inline-block;
background-color: #fff;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
margin: 0 5px;
font-size: 16px;
}
.coming-soon-container .social-networks-env a:hover {
background-color: rgba(255, 255, 255, 0.75);
}
.coming-soon-container .social-networks-env a i {
line-height: 40px;
color: #00b19e;
}
.coming-soon-container .social-networks-env a span {
display: none;
}
.coming-soon-container p {
font-size: 20px;
color: #fff;
}
@media screen and (max-width: 480px) {
.coming-soon-container p {
font-size: 16px;
}
}
.coming-soon-container .social-networks.list-inline > li {
overflow: hidden;
}
.go-to-top {
display: block;
position: fixed;
background-color: #000;
bottom: 0;
right: 0;
z-index: 10000;
line-height: 40px;
text-align: center;
font-size: 16px;
text-decoration: none !important;
visibility: hidden;
margin: 30px;
opacity: 0;
-webkit-transform: rotate(180deg) scale(0.5);
transform: rotate(180deg) scale(0.5);
width: 40px;
height: 40px;
border-radius: 2px;
}
@media screen and (max-width: 768px) {
.go-to-top {
font-size: 14px;
line-height: 35px;
margin: 20px;
width: 35px;
height: 35px;
}
}
.go-to-top.rounded {
border-radius: 50%;
}
.go-to-top i {
color: #fff;
position: relative;
display: block;
margin-top: 1px;
font-weight: 800;
}
.go-to-top.visible {
visibility: visible;
opacity: 0.5;
-webkit-transform: rotate(180deg) scale(1);
transform: rotate(180deg) scale(1);
}
.lg-on .go-to-top.visible,
.fullscreen-menu-is-open .go-to-top.visible {
visibility: hidden;
opacity: 0;
}
.go-to-top.visible:hover {
opacity: 1;
background-color: #00b19e;
}
.go-to-top.position-bottom-left,
.go-to-top.position-bottom-center {
bottom: 0;
}
.go-to-top.position-bottom-left,
.go-to-top.position-top-left {
left: 0;
right: auto;
}
.go-to-top.position-top-left,
.go-to-top.position-top-center,
.go-to-top.position-top-right {
top: 0;
bottom: auto;
}
.go-to-top.position-top-center,
.go-to-top.position-bottom-center {
right: 50%;
margin-left: 0;
margin-right: -20px;
}
@media screen and (max-width: 768px) {
.go-to-top.position-top-center,
.go-to-top.position-bottom-center {
margin-right: -17.5px;
}
}
.ninja-forms-form-wrap > h2 {
margin-top: 0;
font-size: 26px;
}
.ninja-forms-form-wrap .ninja-forms-response-msg {
font-size: 14px;
margin-bottom: 20px;
}
.ninja-forms-form-wrap .ninja-forms-response-msg.ninja-forms-error-msg {
background: #e44c52;
color: #fff;
padding: 10px 10px;
}
.ninja-forms-form-wrap .ninja-forms-response-msg.ninja-forms-success-msg {
background: #b5e07b;
color: #fff;
padding: 10px 10px;
}
.ninja-forms-form-wrap .ninja-forms-response-msg.ninja-forms-success-msg p {
color: #333;
}
.ninja-forms-form-wrap .ninja-forms-response-msg.ninja-forms-success-msg p:last-child {
margin-bottom: 0;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .ninja-forms-required-items {
margin-bottom: 20px;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap input[type="radio"] {
-webkit-appearance: radio;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap input[type="checkbox"] {
-webkit-appearance: checkbox;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap .ninja-forms-field-description {
margin: 10px 0;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap .indicator-hint {
margin-top: 10px;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap.spam-wrap.label-left label {
display: inline-block;
margin-bottom: 5px;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap.list-dropdown-wrap {
position: relative;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap.list-dropdown-wrap select {
-webkit-appearance: none;
-webkit-border-radius: 1px;
-webkit-background-clip: padding-box;
-moz-border-radius: 1px;
-moz-background-clip: padding;
border-radius: 1px;
background-clip: padding-box;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap.list-dropdown-wrap:before {
font-family: 'FontAwesome';
content: '\f107';
position: absolute;
right: 0;
bottom: 0;
line-height: 33px;
margin-right: 10px;
}
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap .ninja-forms-star-rating-control .ninja-forms-star-rating a {
background: none;
position: relative;
text-indent: 0;
color: transparent;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap .ninja-forms-star-rating-control .ninja-forms-star-rating a:before {
content: '\f005';
font-family: 'FontAwesome';
display: block;
text-indent: 0;
color: #dadada;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap .ninja-forms-star-rating-control .ninja-forms-star-rating.ninja-forms-star-rating-hover a:before {
color: #bbbbbb;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap .ninja-forms-star-rating-control .ninja-forms-star-rating.ninja-forms-star-rating-on a:before {
color: #f1c40f;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap .ninja-forms-star-rating-control .rating-cancel {
background: none;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap .ninja-forms-star-rating-control .rating-cancel a {
text-indent: 0px;
background: none;
margin-right: 5px;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap .ninja-forms-star-rating-control .rating-cancel a:before {
font-family: 'FontAwesome';
content: '\f00d';
background: none;
color: #dadada;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap .ninja-forms-star-rating-control .rating-cancel.ninja-forms-star-rating-cancel-hover a:before {
color: #bbbbbb;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap.label-left > label {
padding-right: 10px;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap .ninja-forms-field-error {
color: #e44c52;
font-size: 13px;
margin-top: 5px;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap .ninja-forms-field-error p {
color: #e44c52;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap #pass-strength-result {
font-size: 13px;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .nf-desc + .field-wrap {
margin-top: 20px;
}
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap.label-left .ninja-forms-field,
.ninja-forms-form-wrap .ninja-forms-all-fields-wrap .field-wrap.label-left .ninja-forms-star-rating-control {
margin-left: 0;
}
.nf-form-cont {
margin-bottom: 35px;
}
.nf-form-cont .nf-form-title h3 {
margin-top: 0;
margin-bottom: 20px;
font-size: 26px;
}
.nf-form-cont .nf-before-form-content {
margin-bottom: 20px;
}
.video-js {
background-color: #eeeeee;
}
.video-js.vjs-default-skin .vjs-big-play-button {
left: 50%;
top: 50%;
line-height: 1;
font-size: 25px;
width: 50px;
height: 50px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 0;
border-radius: 50%;
background: none;
-webkit-transition: background 180ms ease-in-out;
transition: background 180ms ease-in-out;
}
.video-js.vjs-default-skin .vjs-big-play-button .vjs-icon-placeholder:before {
display: none;
}
.video-js.vjs-default-skin .vjs-big-play-button .vjs-icon-placeholder:after {
font-family: "linea";
content: '\e03a';
font-size: 50px;
}
.video-js.vjs-default-skin .vjs-poster {
background-size: cover;
}
.video-js.vjs-default-skin .vjs-big-play-button:focus,
.video-js.vjs-default-skin:hover .vjs-big-play-button {
background: rgba(255, 255, 255, 0.1);
-webkit-transition: background 180ms ease-in-out;
transition: background 180ms ease-in-out;
}
.video-js.vjs-minimal-skin .vjs-control-bar {
height: 60px;
background-color: transparent;
padding-left: 15px;
padding-right: 15px;
}
.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control {
height: auto;
}
.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control:hover,
.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control:focus {
text-shadow: none;
}
.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control:hover:before,
.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control:focus:before {
text-shadow: none;
}
.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control .vjs-icon-placeholder:before {
font-size: 25px;
line-height: 60px;
text-shadow: none;
}
.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-remaining-time {
display: none;
}
.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-share-control:before {
font-size: 20px;
}
.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-volume-panel .vjs-volume-control {
height: 60px;
}
.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-volume-panel .vjs-volume-control .vjs-volume-bar {
margin-top: 28px;
margin-bottom: 0;
}
.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-fullscreen-control .vjs-icon-placeholder:before {
display: none;
}
.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-fullscreen-control .vjs-icon-placeholder:after {
display: inline-block;
content: '';
border: 3px solid rgba(255, 255, 255, 0.8);
width: 22px;
height: 15px;
}
.vjs-fullscreen.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-fullscreen-control .vjs-icon-placeholder:after {
border-right-width: 14px;
border-top-width: 7px;
-webkit-transition: border 200ms ease-in-out;
transition: border 200ms ease-in-out;
-webkit-transition-delay: 600ms;
transition-delay: 600ms;
}
.video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-fullscreen-control:hover .vjs-icon-placeholder:after {
border-color: #fff;
}
.video-js.vjs-minimal-skin .vjs-slider {
height: 4px;
background-color: rgba(255, 255, 255, 0.35);
}
.video-js.vjs-minimal-skin .vjs-slider:focus,
.video-js.vjs-minimal-skin .vjs-slider:hover {
text-shadow: none;
box-shadow: none;
}
.video-js.vjs-minimal-skin .vjs-slider .vjs-load-progress {
background-color: transparent;
}
.video-js.vjs-minimal-skin .vjs-slider .vjs-load-progress div {
background-color: rgba(255, 255, 255, 0.5);
}
.video-js.vjs-minimal-skin .vjs-slider .vjs-play-progress:before,
.video-js.vjs-minimal-skin .vjs-slider .vjs-volume-level:before {
visibility: hidden;
}
.video-js.vjs-minimal-skin .vjs-slider .vjs-volume-level {
height: 100%;
}
.video-js.vjs-minimal-skin .vjs-slider .vjs-slider-bar,
.video-js.vjs-minimal-skin .vjs-slider .vjs-volume-level {
background-color: #fff;
}
.video-js.vjs-minimal-skin .vjs-slider .vjs-slider-bar:before,
.video-js.vjs-minimal-skin .vjs-slider .vjs-volume-level:before {
color: #fff;
font-size: 17px;
top: 2px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.video-js.vjs-minimal-skin .vjs-slider.vjs-volume-bar {
background-color: rgba(255, 255, 255, 0.5);
}
.video-js.vjs-minimal-skin .vjs-slider .vjs-time-tooltip {
border-radius: 0;
padding: 5px 10px;
line-height: 1;
}
.video-js.vjs-minimal-skin .vjs-slider .vjs-mouse-display {
background-color: #fff;
}
.video-js.vjs-minimal-skin.vjs-waiting .vjs-loading-spinner {
border-color: rgba(255, 255, 255, 0.3);
}
.video-js.vjs-minimal-skin.vjs-waiting .vjs-loading-spinner:before {
-webkit-animation: kalium-spinner-spin 1.5s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
animation: kalium-spinner-spin 1.5s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}
.video-js.vjs-minimal-skin.vjs-waiting .vjs-loading-spinner:after {
display: none;
}
@-webkit-keyframes kalium-spinner-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes kalium-spinner-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.video-js-el {
visibility: hidden;
opacity: 0;
}
.video-js-el.video-js-init {
visibility: visible;
opacity: 1;
}
.vjs-using-native-controlsx .vjs-tech {
visibility: visible !important;
}
.vjs-using-native-controlsx .vjs-poster {
display: none !important;
}
.vjs-using-native-controlsx audio,
.vjs-using-native-controlsx video {
background-size: cover;
}
@-webkit-keyframes imagePlaceholderOpacityIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes imagePlaceholderOpacityIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes imagePlaceholderOpacityOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes imagePlaceholderOpacityOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes imagePlaceholderBackgroundOut {
to {
background: transparent;
}
}
@keyframes imagePlaceholderBackgroundOut {
to {
background: transparent;
}
}
.image-placeholder {
position: relative;
display: block;
background-color: #eeeeee;
}
.image-placeholder > img {
position: absolute;
display: block;
max-width: 100%;
width: 100%;
height: 100%;
top: 0;
left: 0;
image-rendering: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-filter: blur(0);
filter: blur(0);
opacity: 0;
}
.image-placeholder .lazyload,
.image-placeholder .lazyloading {
opacity: 0;
}
.image-placeholder .lazyloaded {
-webkit-animation: imagePlaceholderOpacityIn 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950) forwards;
animation: imagePlaceholderOpacityIn 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950) forwards;
}
@media print {
.image-placeholder .lazyloaded {
opacity: 1;
}
}
.image-placeholder.loaded {
-webkit-animation: imagePlaceholderBackgroundOut 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950) forwards;
animation: imagePlaceholderBackgroundOut 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950) forwards;
}
.image-placeholder.loaded.video {
-webkit-animation: none;
animation: none;
}
.image-placeholder.loaded .loader,
.image-placeholder.loaded .custom-preloader-image {
-webkit-animation: imagePlaceholderOpacityOut 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950) forwards;
animation: imagePlaceholderOpacityOut 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950) forwards;
}
.image-placeholder .video-js-el,
.image-placeholder .vjs-poster {
background-color: transparent;
}
.image-placeholder .video-js-el,
.image-placeholder iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
}
.realsize-image-placeholder {
display: block;
margin-left: auto;
margin-right: auto;
}
.image-placeholder > .loader {
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: wrap;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.image-placeholder > .loader .loader-row {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
height: 100%;
box-sizing: border-box;
-webkit-transform-origin: center center;
transform-origin: center center;
}
.image-placeholder > .loader .loader-row .loader-size {
display: -webkit-box;
display: flex;
position: relative;
}
.image-placeholder > .loader.align-top-left .loader-row,
.image-placeholder > .loader.align-top-center .loader-row,
.image-placeholder > .loader.align-top-right .loader-row {
-webkit-box-align: start;
align-items: flex-start;
}
.image-placeholder > .loader.align-bottom-left .loader-row,
.image-placeholder > .loader.align-bottom-center .loader-row,
.image-placeholder > .loader.align-bottom-right .loader-row {
-webkit-box-align: end;
align-items: flex-end;
}
.image-placeholder > .loader.align-top-right .loader-row,
.image-placeholder > .loader.align-center-right .loader-row,
.image-placeholder > .loader.align-bottom-right .loader-row {
-webkit-box-pack: end;
justify-content: flex-end;
}
.image-placeholder > .loader.align-top-left .loader-row,
.image-placeholder > .loader.align-center-left .loader-row,
.image-placeholder > .loader.align-bottom-left .loader-row {
-webkit-box-pack: start;
justify-content: flex-start;
}
.image-placeholder > .loader .ball-clip-rotate-pulse > div:first-child {
top: 5px;
left: -9px;
}
.image-placeholder > .custom-preloader-image {
position: absolute;
display: block;
top: 50%;
left: 50%;
padding: 20px;
box-sizing: content-box;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.image-placeholder > .custom-preloader-image img {
width: 100%;
max-width: 100%;
height: auto;
}
.image-placeholder > .custom-preloader-image.align-top-left {
top: 0;
left: 0;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.image-placeholder > .custom-preloader-image.align-top-center {
top: 0;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.image-placeholder > .custom-preloader-image.align-top-right {
top: 0;
right: 0;
left: auto;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.image-placeholder > .custom-preloader-image.align-center-left {
left: 0;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.image-placeholder > .custom-preloader-image.align-center-right {
right: 0;
left: auto;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.image-placeholder > .custom-preloader-image.align-bottom-left {
top: auto;
bottom: 0;
left: 0;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.image-placeholder > .custom-preloader-image.align-bottom-center {
top: auto;
bottom: 0;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
.image-placeholder > .custom-preloader-image.align-bottom-right {
top: auto;
bottom: 0;
right: 0;
left: auto;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.woocommerce {
background-color: transparent;
}
.woocommerce:before,
.woocommerce:after {
display: table;
content: " ";
}
.woocommerce:after {
clear: both;
}
.woocommerce:before,
.woocommerce:after {
display: table;
content: " ";
}
.woocommerce:after {
clear: both;
}
.woocommerce.page-container {
margin-top: 30px;
}
.woocommerce .shop-loading-products {
position: relative;
text-align: center;
font-size: 19px;
color: #d5d5d5;
padding-bottom: 60px;
}
.woocommerce .related-products > h3:first-child {
padding-bottom: 20px;
}
.woocommerce .my-account-sub-title.customer-details {
margin-top: 5px;
}
.woocommerce .woocommerce-account-fields div.create-account {
background: #eeeeee;
border: 1px solid #e1e1e1;
padding: 15px 20px;
}
.woocommerce .woocommerce-account-fields div.create-account .form-row {
margin-bottom: 0;
}
.woocommerce .woocommerce-account-fields div.create-account .form-row ~ .form-row {
margin-top: 10px;
}
.woocommerce .woocommerce-account-fields div.create-account .woocommerce-password-strength {
margin-top: 10px;
margin-bottom: 5px;
}
.woocommerce .woocommerce-billing-fields h3,
.woocommerce .woocommerce-additional-fields h3 {
font-size: 20px;
margin-top: 0px;
margin-bottom: 30px;
}
.woocommerce .woocommerce-shipping-fields h3 {
margin-top: 30px;
}
.woocommerce .col2-set .woocommerce-shipping-fields h3 {
margin-top: 0;
}
.woocommerce #customer_details label,
.woocommerce #ship-to-different-address label {
font-size: 15px;
}
.woocommerce #customer_details {
margin-bottom: 20px;
}
.woocommerce #ship-to-different-address {
margin-bottom: 25px;
}
.woocommerce .form-row:before,
.woocommerce .form-row:after {
display: table;
content: " ";
}
.woocommerce .form-row:after {
clear: both;
}
.woocommerce .form-row:before,
.woocommerce .form-row:after {
display: table;
content: " ";
}
.woocommerce .form-row:after {
clear: both;
}
.woocommerce .form-row.notes {
margin-top: 30px;
}
.woocommerce .form-row.notes textarea {
min-height: 130px;
}
.woocommerce .form-row-wide.create-account {
margin-top: 15px;
}
.woocommerce .order-notes {
margin-bottom: 10px;
}
.woocommerce .order-notes:before {
display: none;
}
.woocommerce #order_review #payment_method_heading {
margin-top: 30px;
}
.woocommerce #order_review #payment .payment_methods {
padding: 0;
margin: 0;
}
.woocommerce #order_review #payment .payment_methods .payment_method_paypal img {
width: 50%;
height: auto;
}
.woocommerce #order_review #payment .form-row.terms {
margin-bottom: 20px;
}
.woocommerce .woocommerce-columns--addresses .woocommerce-column__title,
.woocommerce .woocommerce-columns--addresses address {
padding: 15px 25px;
background-color: #eeeeee;
margin: 0;
margin-bottom: 1px;
}
.woocommerce .woocommerce-columns--addresses .woocommerce-column__title {
font-size: 19px;
}
.woocommerce .woocommerce-columns--addresses address {
border: 0;
margin-bottom: 20px;
}
.woocommerce .woocommerce-columns--addresses address p {
margin-bottom: 0;
color: #333;
}
.woocommerce .woocommerce-table.woocommerce-table--order-details tfoot > tr:first-child th,
.woocommerce .woocommerce-table.woocommerce-table--order-details tfoot > tr:first-child td {
border-top: 3px solid #eeeeee;
}
.woocommerce .woocommerce-table.woocommerce-table--order-details tfoot > tr:last-child th,
.woocommerce .woocommerce-table.woocommerce-table--order-details tfoot > tr:last-child td {
border-top: 3px solid #898989;
}
.woocommerce .woocommerce-table.woocommerce-table--order-details tfoot > tr:last-child td {
font-weight: bold;
}
.woocommerce .checkout_coupon .coupon-holder {
border: 1px solid #eeeeee;
padding: 25px;
text-align: left;
margin-bottom: 25px;
}
.woocommerce .checkout_coupon .coupon-holder .form-row-first {
float: left;
margin-bottom: 0px;
}
@media screen and (max-width: 480px) {
.woocommerce .checkout_coupon .coupon-holder .form-row-first {
width: 100%;
}
}
.woocommerce .checkout_coupon .coupon-holder .form-row-first .input-text {
border: 1px solid #ededed;
background: #fff;
margin-right: 30px;
margin-bottom: 0;
margin-left: 3px;
height: 35px;
padding-left: 8px;
padding-right: 8px;
}
@media screen and (max-width: 480px) {
.woocommerce .checkout_coupon .coupon-holder .form-row-first .input-text {
width: 100%;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
}
}
.woocommerce .checkout_coupon .coupon-holder .button {
padding: 8px 20px;
margin-bottom: 0;
}
@media screen and (max-width: 480px) {
.woocommerce .checkout_coupon .coupon-holder .button {
width: 100%;
}
}
.woocommerce .checkout_coupon .coupon-holder p {
margin-bottom: 0px !important;
}
.woocommerce table.variation {
margin: 0;
margin-top: 5px;
font-size: 13px;
}
.woocommerce table.variation td,
.woocommerce table.variation th {
vertical-align: top;
padding: 0;
font-weight: normal;
}
.woocommerce table.variation td p,
.woocommerce table.variation th p {
margin: 0;
}
.woocommerce table.variation td p + p,
.woocommerce table.variation th p + p {
margin-top: 5px;
}
.woocommerce table.variation th {
padding-right: 10px;
}
.woocommerce .row > .woocommerce-NoticeGroup,
.woocommerce .row > .woocommerce-notice,
.woocommerce .row > .woocommerce-message,
.woocommerce .row > .woocommerce-error,
.woocommerce .row > .woocommerce-info {
margin-left: 15px;
margin-right: 15px;
}
.woocommerce .share-product-container {
margin-top: 60px;
clear: both;
}
.woocommerce .share-product-container h3 {
font-size: 16px;
}
.woocommerce .share-product-container .social-links {
margin-top: 15px;
}
.woocommerce .share-product-container .social-links a {
display: inline-block;
position: relative;
background-color: #eeeeee;
line-height: 40px;
text-align: center;
color: #898989;
margin-right: 10px;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
-webkit-transition: all 200ms ease-in-out !important;
transition: all 200ms ease-in-out !important;
}
.woocommerce .share-product-container .social-links a i {
margin-left: 0;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.woocommerce .share-product-container .social-links a:hover {
color: #333;
}
.woocommerce .share-product-container .social-links a:hover.facebook {
color: #1877f2;
}
.woocommerce .share-product-container .social-links a:hover.twitter {
color: #55acee;
}
.woocommerce .share-product-container .social-links a:hover.google-plus {
color: #dd4b39;
}
.woocommerce .share-product-container .social-links a:hover.tumblr {
color: #35465c;
}
.woocommerce .share-product-container .social-links a:hover.linkedin {
color: #0077b5;
}
.woocommerce .share-product-container .social-links a:hover.pinterest {
color: #cc2127;
}
.woocommerce .share-product-container .social-links a:hover.vk {
color: #45668e;
}
.woocommerce .share-product-container .social-links a:hover.print {
color: #3b5998;
}
.woocommerce .share-product-container .social-links a:hover.whatsapp {
color: #25D366;
}
.woocommerce .share-product-container .social-links.textual a {
width: auto;
height: auto;
line-height: inherit;
background: none;
}
.woocommerce .select-option-ui {
position: relative;
cursor: pointer;
padding: 5px 0;
display: inline-block;
font-size: 22px;
}
.woocommerce .select-option-ui span {
display: inline-block;
min-width: 180px;
}
.woocommerce .select-option-ui i {
font-size: 18px;
margin-left: 15px;
}
.woocommerce .select-option-ui .form-control {
position: absolute;
left: 0;
top: 0;
width: 100%;
cursor: pointer;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
min-width: 180px;
}
.woocommerce .select.swatch-control .select-option-ui {
display: none;
}
.woocommerce .swatch-control.radio-select .form-control {
display: block;
height: auto;
width: auto;
opacity: 1;
border: none;
background: none;
padding: 0;
}
.woocommerce .swatch-control.radio-select .form-control label {
margin-left: 0;
}
.woocommerce .order-info {
background: #eeeeee;
padding: 15px 20px;
margin-bottom: 20px;
}
.woocommerce .order-info mark {
background-color: #00b19e;
color: #fff;
padding: 2px 5px;
}
.woocommerce .commentlist.notes {
padding-left: 20px;
margin-top: 20px;
}
.woocommerce .commentlist.notes li {
list-style-type: decimal;
margin-top: 10px;
}
.woocommerce .order-note-title {
margin-bottom: 5px;
color: #898989;
}
.woocommerce .btn.btn-primary:hover {
color: #fff;
}
.woocommerce .blockOverlay {
background: rgba(255, 255, 255, 0.8) !important;
zoom: 1 !important;
filter: alpha(opacity=100) !important;
-webkit-opacity: 1 !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
}
.woocommerce .blockOverlay:after {
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
background-color: #00b19e;
margin-top: -20px;
margin-left: -20px;
width: 40px;
height: 40px;
-webkit-border-radius: 100%;
-webkit-background-clip: padding-box;
-moz-border-radius: 100%;
-moz-background-clip: padding;
border-radius: 100%;
background-clip: padding-box;
-webkit-animation: scaleout 1.0s infinite ease-in-out;
animation: scaleout 1.0s infinite ease-in-out;
}
.woocommerce .blockOverlay:after lesshat-selector {
-lh-property: 0; } 
@-webkit-keyframes scaleout{ 0% { -webkit-transform: scale(0.0); } 100% { -webkit-transform: scale(1.0); opacity: 0; }}
@keyframes scaleout{ 0% {-webkit-transform: scale(0.0);transform: scale(0.0); } 100% {-webkit-transform: scale(1.0);transform: scale(1.0); opacity: 0; }}
[not-existing] {
zoom: 1;
}
.woocommerce ul.digital-downloads {
padding: 0;
margin-top: 20px;
}
.woocommerce ul.digital-downloads li {
padding: 10px 0;
}
.woocommerce ul.digital-downloads li a {
color: #333;
}
.woocommerce ul.digital-downloads li a:hover {
color: #00b19e;
}
.woocommerce ul.digital-downloads li .count {
float: right;
color: #898989;
}
.woocommerce ul.digital-downloads li + li {
border-top: 1px solid #eeeeee;
}
.menu-cart-icon-container {
position: relative;
margin-left: 30px;
align-self: center;
}
.menu-cart-icon-container .cart-icon-link {
display: block;
position: relative;
font-size: 28px;
line-height: 1;
padding: 5px;
}
.menu-cart-icon-container .cart-icon-link.icon-type-ecommerce-basket .items-count {
right: -4px;
top: 5px;
}
.menu-cart-icon-container.is-loading.menu-cart-icon-container .cart-icon-link i {
-webkit-animation: blinkAddToCart 0.7s infinite;
animation: blinkAddToCart 0.7s infinite;
}
.menu-cart-icon-container .cart-icon-link .items-count {
position: absolute;
top: 0;
right: 0;
line-height: 1;
font-size: 11px;
color: #fff;
background-color: #898989;
text-align: center;
line-height: 18px;
margin-right: -2px;
font-weight: 500;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
width: 18px;
height: 18px;
}
.menu-cart-icon-container .cart-icon-link .items-count.cart-items-0 {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.menu-cart-icon-container .cart-icon-link .items-count.hide-notification {
display: none;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents {
position: absolute;
top: 100%;
right: 5px;
background-color: #fff;
border: 1px solid #eeeeee;
width: 350px;
text-align: left;
z-index: 10000;
pointer-events: auto;
visibility: hidden;
box-shadow: 4px 4px 0px rgba(238, 238, 238, 0.8);
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.menu-cart-icon-container.is-loading.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items,
.menu-cart-icon-container.is-loading.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .cart-subtotal {
zoom: 1;
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.menu-cart-icon-container.open.menu-cart-icon-container .lab-wc-mini-cart-contents {
visibility: visible;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items {
max-height: 270px;
overflow: hidden;
position: relative;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item {
display: table;
width: 100%;
table-layout: fixed;
padding: 10px 15px;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item:first-of-type {
padding-top: 13px;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item + .cart-item {
border-top: 1px solid #eeeeee;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item:hover {
background-color: #fafafa;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-image,
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-details,
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-subtotal {
display: table-cell;
vertical-align: middle;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-image a {
display: block;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-image img {
max-width: 100%;
height: auto;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-details {
width: 65%;
padding-left: 10px;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-details h3 {
font-size: 15px;
margin: 0;
padding: 0;
margin-bottom: 2px;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-details h3 a {
color: #333;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-details h3 a:hover {
color: #00b19e;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-details .mc-quantity {
font-size: 13px;
color: #898989;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-details .mc-quantity strong {
font-weight: normal;
color: #333;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-subtotal {
width: 20%;
text-align: right;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-subtotal .price {
color: #333;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .ps-scrollbar-y-rail {
right: -8px !important;
margin-top: 3px;
margin-bottom: 3px;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons {
border-top: 1px solid #eeeeee;
padding: 10px 15px;
padding-top: 15px;
padding-bottom: 15px;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container {
display: table;
width: 100%;
margin-bottom: 10px;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-cart,
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-checkout {
display: table-cell;
vertical-align: middle;
width: 50%;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-cart a,
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-checkout a {
font-size: 14px;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-cart {
padding-right: 7.5px;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-cart a {
background-color: #eeeeee;
color: #333;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-cart a:hover {
background-color: #e6e6e6;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .mc-buttons-container .go-to-checkout {
padding-left: 7.5px;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .cart-subtotal {
text-align: center;
color: #898989;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-action-buttons .cart-subtotal strong {
font-weight: normal;
color: #333;
}
.menu-cart-icon-container .lab-wc-mini-cart-contents .empty-loading-cart-contents {
padding: 30px 15px;
text-align: center;
color: #888;
font-size: 14px;
}
.menu-cart-icon-container.menu-skin-dark .cart-icon-link {
color: #333;
}
.menu-cart-icon-container.menu-skin-dark .cart-icon-link .items-count {
background-color: #00b19e;
}
.menu-cart-icon-container.menu-skin-dark .cart-icon-link:hover {
color: #333;
}
.menu-cart-icon-container.menu-skin-dark .cart-icon-link:hover:after {
background-color: #333;
}
.menu-cart-icon-container.menu-skin-light .cart-icon-link {
color: #fff;
}
.menu-cart-icon-container.menu-skin-light .cart-icon-link .items-count {
background-color: #00b19e;
}
.menu-cart-icon-container.menu-skin-light .cart-icon-link:hover {
color: #fff;
}
.menu-cart-icon-container.menu-skin-light .cart-icon-link:hover:after {
background-color: #fff;
}
@media screen and (min-width: 992px) {
.lg-outer.single-product-lightbox .lg-item .lg-object {
max-height: 85%;
}
}
.ps-container .ps-scrollbar-y {
position: absolute;
width: 2px !important;
margin-right: 10px;
background-color: #898989 !important;
}
.ps-container .ps-scrollbar-y .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
background-color: #00b19e !important;
}
.ps-container .ps-scrollbar-y .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y .ps-container .ps-scrollbar-y-rail.hover {
background-color: transparent !important;
}
.ps-container .ps-scrollbar-y .ps-scrollbar-x-rail {
display: none !important;
}
.thumb {
position: relative;
overflow: hidden;
z-index: 1;
}
.thumb:hover .hover-state {
visibility: visible;
opacity: 0.9;
}
.thumb:hover .hover-state.no-opacity {
opacity: 1;
}
.embed-youtube iframe {
width: 100%;
}
.hover-state {
background-color: #00b19e;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
display: block;
z-index: 10;
visibility: visible;
opacity: 0;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.hover-state a {
color: #fff;
pointer-events: none;
}
.hover-state a:after {
background: #fff;
}
.hover-state i {
color: #fff;
}
.hover-state.padding {
padding: 40px;
}
.hover-state .hover-state-content {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.hover-state.with-spacing {
width: auto !important;
height: auto !important;
top: 15px !important;
bottom: 15px !important;
left: 15px !important;
right: 15px !important;
}
@media screen and (min-width: 481px) and (max-width: 650px) {
.hover-state.with-spacing .likes {
display: none !important;
}
.hover-state.with-spacing p {
display: none !important;
}
}
.hover-state.hover-eff-fade-slide .info h3 {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translate(0px, 15px);
transform: translate(0px, 15px);
-webkit-transition: all 0.15s 0.075s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.15s 0.075s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.hover-state.hover-eff-fade-slide .info p {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translate(translate(0, 15px));
transform: translate(translate(0, 15px));
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.hover-state.hover-eff-fade-slide:hover .likes {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.hover-state.hover-eff-fade-slide:hover .info h3 {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 0.3s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.3s 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.hover-state.hover-eff-fade-slide:hover .info p {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 0.4s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 0.4s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.hover-state.hover-eff-fade-slide.hover-is-visible .likes {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.hover-state.hover-eff-fade-slide.hover-is-visible .info h3 {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.hover-state.hover-eff-fade-slide.hover-is-visible .info p {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.hover-state.hover-eff-fade-slide.hover-is-visible.hover-reverse:hover .info h3 {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translate(0px, 15px);
transform: translate(0px, 15px);
}
.hover-state.hover-eff-fade-slide.hover-is-visible.hover-reverse:hover .info p {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translate(translate(0, 15px));
transform: translate(translate(0, 15px));
}
.hover-state:hover a {
pointer-events: auto;
}
.sidebar-social a {
margin-right: 25px;
}
.tags {
background: #eeeeee !important;
color: #333 !important;
padding: 3px 8px !important;
font-size: 13px;
text-transform: lowercase;
margin: 5px;
margin-left: 0px;
}
.tags:hover {
background-color: #e1e1e1 !important;
}
.lab-dribbble-gallery ul {
padding: 0px;
list-style: none;
}
.lab-dribbble-gallery .dribbble_shot {
float: left;
position: relative;
}
.lab-dribbble-gallery .dribbble_shot img:hover {
opacity: 0.8;
}
.lab-dribbble-gallery p {
padding-left: 7px;
}
.lab-dribbble-gallery p i {
font-size: 15px;
vertical-align: top;
margin-top: 7px;
}
.lab-dribbble-gallery a {
float: left;
}
.lab-dribbble-gallery a:after {
background: none;
}
.form-control {
-webkit-border-radius: 0px;
-webkit-background-clip: padding-box;
-moz-border-radius: 0px;
-moz-background-clip: padding;
border-radius: 0px;
background-clip: padding-box;
box-shadow: none;
border: 1px solid #eeeeee;
color: #333;
}
.form-control::-moz-placeholder {
color: #898989;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #898989;
}
.form-control::-webkit-input-placeholder {
color: #898989;
}
.form-control::-webkit-input-placeholder {
color: #898989;
}
.form-control:-moz-placeholder {
color: #898989;
}
.form-control::-moz-placeholder {
color: #898989;
}
.form-control:-ms-input-placeholder {
color: #898989;
}
.form-control:focus {
border-color: #d5d5d5;
box-shadow: none;
}
textarea {
background: transparent;
}
@media screen and (min-width: 993px) {
.pull-right-lg {
float: right;
}
}
@media screen and (min-width: 769px) {
.pull-right-md {
float: right;
}
}
@media screen and (min-width: 481px) {
.pull-right-sm {
float: right;
}
}
.rotatingtweets {
z-index: 10 !important;
}
.endless-pagination {
clear: both;
}
.endless-pagination.not-visible {
display: none;
}
.endless-pagination .show-more {
margin-top: 40px;
}
.endless-pagination-alignment-left .show-more {
text-align: left;
}
.endless-pagination-alignment-right .show-more {
text-align: right;
}
.show-more {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin: 20px 0;
}
.show-more .reveal-button {
margin: auto;
min-width: 200px;
display: inline-block;
border: 2px solid #eeeeee;
-webkit-transition: border 250ms ease-in-out;
transition: border 250ms ease-in-out;
}
.show-more .reveal-button a {
width: 100%;
padding: 12px 10px;
margin-bottom: 0;
text-align: center;
background: transparent;
position: relative;
}
.show-more .reveal-button a:active,
.show-more .reveal-button a:focus {
box-shadow: none;
}
.show-more .reveal-button a:hover {
color: #898989;
}
.show-more .reveal-button .loading {
color: #898989;
position: absolute;
left: 50%;
top: 50%;
visibility: hidden;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.show-more .reveal-button .finished {
position: absolute;
left: 0;
right: 0;
visibility: hidden;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.show-more .reveal-button:hover {
border-color: #dadada;
}
.show-more.is-loading {
pointer-events: none;
}
.show-more.is-loading.type-2 .reveal-button a {
border-color: transparent;
}
.show-more.is-loading .reveal-button {
border-color: transparent;
}
.show-more.is-loading .reveal-button a {
color: transparent;
}
.show-more.is-loading .reveal-button .loading {
visibility: visible;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.show-more.is-finished {
pointer-events: none;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.show-more.is-finished .reveal-button {
border-color: transparent;
}
.show-more.is-finished .reveal-button a {
color: transparent;
border-color: transparent;
}
.show-more.is-finished .reveal-button .loading {
-webkit-transition-duration: 50ms;
transition-duration: 50ms;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.show-more.is-finished .reveal-button .finished {
visibility: visible;
color: #00b19e;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.loading-spinner-1 {
display: inline-block;
width: 30px;
height: 30px;
background-color: #898989;
border-radius: 100%;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out;
z-index: 50;
}
@-webkit-keyframes scaleout {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@keyframes scaleout {
0% {
transform: scale(0);
-webkit-transform: scale(0);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0;
}
} .isotope.no-transition,
.isotope.no-transition .portfolio-item,
.isotope .portfolio-item.no-transition {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.pagination.post-pagination {
display: block;
text-align: center;
margin-top: 40px;
}
.pagination.post-pagination a {
display: inline-block;
}
.pagination.post-pagination a + a {
margin-left: 20px;
}
.no-style-input {
border: 0;
padding: 0;
margin: 0;
width: 0;
overflow: hidden;
-webkit-transition: none !important;
transition: none !important;
}
.visibility-hidden {
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.wow {
visibility: hidden;
}
.more-link {
text-align: center;
}
.comparison-image-slider {
width: 100%;
margin: 0px auto;
float: left;
position: relative;
margin-bottom: 30px;
}
.comparison-image-slider img {
display: block;
width: 100%;
}
.comparison-image-slider .cd-image-label {
bottom: 0;
right: 0;
color: #fff;
padding: 10px 15px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
-webkit-transition: opacity 0.3s 0.7s, -webkit-transform 0.3s 0.7s;
transition: opacity 0.3s 0.7s, -webkit-transform 0.3s 0.7s;
transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
transition: transform 0.3s 0.7s, opacity 0.3s 0.7s, -webkit-transform 0.3s 0.7s;
position: absolute;
display: none;
}
.comparison-image-slider .cd-image-label.is-hidden {
visibility: hidden;
}
.comparison-image-slider .cd-resize-img {
width: 0;
height: 100%;
top: 0;
left: 0;
overflow: hidden; -webkit-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
}
.comparison-image-slider .cd-resize-img img {
width: auto;
max-width: none;
height: 100%;
left: 0;
top: 0;
display: block;
position: absolute;
}
.comparison-image-slider .cd-resize-img .cd-image-label {
right: auto;
left: 0;
}
.comparison-image-slider .cd-handle {
height: 40px;
width: 40px; left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
border-radius: 50%;
background: #00b19e url(//hualien1913.nat.gov.tw/template/assets/images/icons/image-comparison-slider-arrows.svg) no-repeat center center;
cursor: ew-resize;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(0);
transform: translate3d(0, 0, 0) scale(0);
position: absolute;
}
.comparison-image-slider .cd-handle:hover {
background-color: #00ac99;
}
.comparison-image-slider .cd-handle.draggable { background-color: #00a795;
}
.comparison-image-slider lesshat-selector {
-lh-property: 0; } 
@-webkit-keyframes cd-bounce-in{ 0%{ width: 0; } 60%{ width: 55%; } 100%{ width: 50%; }}
@keyframes cd-bounce-in{ 0%{ width: 0; } 60%{ width: 55%; } 100%{ width: 50%; }}
[not-existing] {
zoom: 1;
}
.comparison-image-slider.is-visible {
padding-bottom: 0 !important;
}
.comparison-image-slider:hover .cd-image-label {
display: block;
}
.is-visible .cd-resize-img {
width: 50%; -webkit-animation: cd-bounce-in 0.7s;
animation: cd-bounce-in 0.7s;
}
.is-visible .cd-image-label {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.is-visible .cd-handle {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
-webkit-transition: opacity 0s 0.7s, -webkit-transform 0.3s 0.7s;
transition: opacity 0s 0.7s, -webkit-transform 0.3s 0.7s;
transition: transform 0.3s 0.7s, opacity 0s 0.7s;
transition: transform 0.3s 0.7s, opacity 0s 0.7s, -webkit-transform 0.3s 0.7s;
}
.slick-slider {
position: relative;
}
.slick-slider .slick-prev,
.slick-slider .slick-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: none;
border: 0;
display: block;
padding: 0;
color: #fff;
font-size: 40px;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
color: #00b19e;
}
.slick-slider .slick-prev:active.slick-prev,
.slick-slider .slick-next:active.slick-prev {
left: 15px;
}
.slick-slider .slick-prev:active.slick-next,
.slick-slider .slick-next:active.slick-next {
right: 15px;
}
.slick-slider .slick-prev {
left: 30px;
}
.slick-slider .slick-next {
right: 30px;
}
.slick-slider .slick-slide:hover {
cursor: move; cursor: grab;
cursor: -webkit-grab;
}
.slick-slider .slick-slide:active {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.fluidbox-loader::before {
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
}
.nivo-lightbox-theme-default .nivo-lightbox-prev,
.nivo-lightbox-theme-default .nivo-lightbox-next {
background-image: none !important;
}
.nivo-lightbox-theme-default .nivo-lightbox-prev:after,
.nivo-lightbox-theme-default .nivo-lightbox-next:after {
display: block;
font-family: Flaticon;
content: '\e009';
color: #fff;
text-indent: 0;
font-size: 120px;
line-height: 1;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.nivo-lightbox-theme-default .nivo-lightbox-prev.nivo-lightbox-prev:after,
.nivo-lightbox-theme-default .nivo-lightbox-next.nivo-lightbox-prev:after {
content: '\e007';
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
background-color: rgba(0, 0, 0, 0);
}
.row-table {
display: table;
width: 100%;
}
.row-table.row-table-middle > div {
vertical-align: middle;
}
.row-table > div {
display: table-cell;
float: none;
}
.maintenance-mode .wrapper,
.coming-soon-mode .wrapper {
background: #00b19e;
}
.maintenance-mode .wrapper a,
.coming-soon-mode .wrapper a {
color: #fff;
}
.maintenance-mode .wrapper a:after,
.coming-soon-mode .wrapper a:after {
background-color: #fff;
}
.wp-page-title {
margin-bottom: 30px;
font-size: 26px;
}
.lab-bordered-image img {
box-shadow: 8px -8px 0px 0px #eeeeee;
}
.password-protected-title {
font-size: 32px;
margin-bottom: 20px;
}
.laborator-admin-bar-menu {
position: relative !important;
display: inline-block;
width: 16px !important;
height: 16px !important;
background: url(//hualien1913.nat.gov.tw/template/assets/images/laborator-icon.png) no-repeat 0px 0px !important;
background-size: 16px !important;
margin-right: 8px !important;
top: 3px !important;
}
#wp-admin-bar-laborator-options:hover .laborator-admin-bar-menu {
background-position: 0 -32px !important;
}
.laborator-admin-bar-menu:before {
display: none !important;
}
.tp-caption a:after {
background: transparent !important;
}
a.tp-button:after {
background: transparent;
}
.tp-button:after {
background: none !important;
}
.slick-slider .slick-next,
.slick-slider .slick-prev {
z-index: 1 !important;
}
.project-description .lab-vc-container {
padding: 0;
}
.lightbox-disabled .nivo a,
.lightbox-disabled .nivo.media-type-image,
.lightbox-disabled .nivo.media-type-images_slider .image-slide a,
.lightbox-disabled .nivo.image-slide > a {
cursor: default;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lightbox-disabled .slick-arrow a {
cursor: pointer;
pointer-events: auto;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
}
@-moz-document url-prefix() {
.single-portfolio-holder .gallery .photo {
float: none;
}
}
body.lg-on {
overflow: hidden;
}
body.lg-on #wpadminbar {
visibility: hidden;
}
.col-sm-2-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.col-sm-2-4 {
float: left;
width: 20%;
}
}
@media screen and (max-width: 480px) {
.col-sm-2-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (max-width: 480px) and (min-width: 768px) {
.col-sm-2-4 {
float: left;
width: 100%;
}
}
@media screen and (min-width: 992px) {
.col-md-2-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) {
.col-md-2-4 {
float: left;
width: 20%;
}
}
body > .nivo-lightbox-overlay {
z-index: 1000000;
}
.has-page-borders .nivo-lightbox-close {
top: 10px;
right: 15px;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background-image: url(//hualien1913.nat.gov.tw/template/assets/images/icons/lightgallery-icons/vimeo-play@2x.png) !important;
background-size: 84px !important;
}
.lg-outer .lg-has-youtube .lg-video-play {
background-image: url(//hualien1913.nat.gov.tw/template/assets/images/icons/lightgallery-icons/youtube-play@2x.png) !important;
background-size: 84px !important;
}
.wpb_revslider_element a::after {
background: transparent ;
}
.vc_btn3:after {
background-color: transparent !important;
}
@media screen and (max-width: 420px) {
.has-page-borders.header-absolute header.main-header {
margin-left: 0;
margin-right: 0;
}
}
div.wpforms-container-full .wpforms-form input[type=radio],
div.wpforms-container-full .wpforms-form input[type=checkbox] {
position: relative;
}
#lg-share-googleplus {
display: none !important;
}
.vc-container {
position: relative;
}
.vc-container.half-margin {
margin-bottom: 20px;
}
.wpb_wrapper {
position: relative;
width: 100%;
}
.wpb_wrapper .section-title {
margin-top: 0;
}
.wpb_wrapper .section-title > h2 {
margin-top: 20px;
}
.wpb_wrapper > .alert {
margin-top: 35px;
}
.wpb_wrapper > .alert + .alert {
margin-top: 0;
}
.wpb_wrapper > .alert:first-of-type {
margin-top: 0;
}
.wpb_wrapper > .alert:last-of-type {
margin-bottom: 35px;
}
.wpb_wrapper .icon-box-container {
margin-bottom: 35px;
}
.wpb_wrapper .icon-box-container .vc_icon_element {
margin-bottom: 30px;
}
.wpb_wrapper .icon-box-container .vc_icon_element.vc_icon_element-align-left .vc_icon_element-style-.vc_icon_element-size-lg {
margin-left: -10px;
}
.wpb_wrapper .icon-box-container .vc_icon_element.vc_icon_element-align-left .vc_icon_element-style-.vc_icon_element-size-xl {
width: 5em;
height: 5em;
}
.wpb_wrapper .icon-box-container .icon-box-content h3 {
margin-top: 0;
font-size: 23px;
margin-bottom: 15px;
}
.wpb_wrapper .icon-box-container .icon-box-content.text-alignment-left {
text-align: left;
}
.wpb_wrapper .icon-box-container .icon-box-content.text-alignment-center {
text-align: center;
}
.wpb_wrapper .icon-box-container .icon-box-content.text-alignment-right {
text-align: right;
}
.wpb_wrapper .lab-scroll-box {
margin-bottom: 35px;
}
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content {
overflow: hidden;
position: relative;
padding-right: 15px;
}
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content:before,
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content:after {
display: table;
content: " ";
}
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content:after {
clear: both;
}
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content:before,
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content:after {
display: table;
content: " ";
}
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content:after {
clear: both;
}
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content .ps-scrollbar-y-rail {
right: -10px !important;
}
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content h1,
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content h2,
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content h3,
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content h4,
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content h5,
.wpb_wrapper .lab-scroll-box .lab-scroll-box-content h6 {
margin-top: 0;
margin-bottom: 15px;
}
.wpb_wrapper .lab-vc-social-networks {
margin-bottom: 35px;
}
.wpb_wrapper .lab-vc-social-networks.display-type-icon-text .social-networks > li a i {
display: inline-block;
margin-right: 5px;
}
.wpb_wrapper .lab-vc-social-networks.display-type-rounded-icons .social-networks li {
margin-right: 0;
}
.wpb_wrapper .lab-vc-social-networks.display-type-rounded-icons .social-networks li a {
display: inline-block;
line-height: 45px;
text-align: center;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
width: 45px;
height: 45px;
}
.wpb_wrapper .lab-vc-social-networks.display-type-rounded-icons .social-networks li a span {
display: none;
}
.wpb_wrapper .laborator-btn {
margin-bottom: 35px;
}
.wpb_wrapper .laborator-btn:hover {
color: #fff;
}
.wpb_wrapper .laborator-btn.btn-white:hover {
color: #898989;
}
.wpb_wrapper .laborator-btn.btn-type-standard.btn-white {
border-color: transparent;
}
.wpb_wrapper .laborator-btn.btn-type-outlined {
background-color: transparent;
border: 2px solid transparent;
border-color: #eee;
color: #898989;
}
.wpb_wrapper .laborator-btn.btn-type-outlined:hover {
border-color: #d5d5d5;
}
.wpb_wrapper .laborator-btn.btn-type-outlined:hover {
background-color: transparent;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-primary {
border-color: #00b19e;
color: #00b19e;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-primary:hover {
border-color: #007e70;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-secondary {
border-color: #898989;
color: #898989;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-secondary:hover {
border-color: #707070;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-black {
border-color: #333;
color: #333;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-black:hover {
border-color: #1a1a1a;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-blue {
border-color: #00aeef;
color: #00aeef;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-blue:hover {
border-color: #0089bc;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-red {
border-color: #ea2f3d;
color: #ea2f3d;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-red:hover {
border-color: #d11523;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-green {
border-color: #8dc63f;
color: #8dc63f;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-green:hover {
border-color: #72a230;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-yellow {
border-color: #ffb83f;
color: #ffb83f;
}
.wpb_wrapper .laborator-btn.btn-type-outlined.btn-yellow:hover {
border-color: #ffa50c;
}
.wpb_wrapper .laborator-btn.btn-type-outlined-bg:hover:hover {
background-color: #eee;
border-color: #eee;
color: #898989;
}
.wpb_wrapper .laborator-btn.btn-type-outlined-bg.btn-primary:hover {
background-color: #00b19e;
border-color: #00b19e;
color: #fff;
}
.wpb_wrapper .laborator-btn.btn-type-outlined-bg.btn-secondary:hover {
background-color: #898989;
border-color: #898989;
color: #fff;
}
.wpb_wrapper .laborator-btn.btn-type-outlined-bg.btn-black:hover {
background-color: #333;
border-color: #333;
color: #fff;
}
.wpb_wrapper .laborator-btn.btn-type-outlined-bg.btn-blue:hover {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.wpb_wrapper .laborator-btn.btn-type-outlined-bg.btn-red:hover {
background-color: #ea2f3d;
border-color: #ea2f3d;
color: #fff;
}
.wpb_wrapper .laborator-btn.btn-type-outlined-bg.btn-green:hover {
background-color: #8dc63f;
border-color: #8dc63f;
color: #fff;
}
.wpb_wrapper .laborator-btn.btn-type-outlined-bg.btn-yellow:hover {
background-color: #ffb83f;
border-color: #ffb83f;
color: #fff;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover:hover:before {
background-color: #eee;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover:hover:hover {
color: #898989;
border-color: #eee;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-primary:before {
background-color: #00b19e;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-primary:hover {
color: #fff;
border-color: #00b19e;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-secondary:before {
background-color: #898989;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-secondary:hover {
color: #fff;
border-color: #898989;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-black:before {
background-color: #333;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-black:hover {
color: #fff;
border-color: #333;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-blue:before {
background-color: #00aeef;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-blue:hover {
color: #fff;
border-color: #00aeef;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-red:before {
background-color: #ea2f3d;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-red:hover {
color: #fff;
border-color: #ea2f3d;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-green:before {
background-color: #8dc63f;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-green:hover {
color: #fff;
border-color: #8dc63f;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-yellow:before {
background-color: #ffb83f;
}
.wpb_wrapper .laborator-btn.btn-type-fliphover.btn-yellow:hover {
color: #fff;
border-color: #ffb83f;
}
.wpb_wrapper > .laborator-btn:last-child {
margin-bottom: 5px !important;
}
.wpb_wrapper .wpb_tabs.tabs-style-minimal .ui-tabs .wpb_tabs_nav li {
background-color: transparent;
margin-right: 20px;
margin-bottom: 5px;
}
.wpb_wrapper .wpb_tabs.tabs-style-minimal .ui-tabs .wpb_tabs_nav li a {
padding: 0;
color: #777;
border-bottom: 1px solid transparent;
-webkit-transition: all 250ms;
transition: all 250ms;
}
.wpb_wrapper .wpb_tabs.tabs-style-minimal .ui-tabs .wpb_tabs_nav li a:hover {
color: #4d4d4d;
}
.wpb_wrapper .wpb_tabs.tabs-style-minimal .ui-tabs .wpb_tabs_nav li.ui-tabs-active a {
color: #00b19e;
border-bottom-color: #00b19e;
}
.wpb_wrapper .wpb_tabs.tabs-style-minimal .ui-tabs .wpb_tab {
padding: 20px 0;
background-color: transparent;
}
.wpb_wrapper .wpb_tabs.tabs-style-default .ui-tabs .wpb_tabs_nav li {
background: #eeeeee;
border-bottom: 1px solid #fff;
}
.wpb_wrapper .wpb_tabs.tabs-style-default .ui-tabs .wpb_tabs_nav li a {
color: #666;
padding: 10px 20px;
}
.wpb_wrapper .wpb_tabs.tabs-style-default .ui-tabs .wpb_tabs_nav li a:hover {
color: #595959;
}
.wpb_wrapper .wpb_tabs.tabs-style-default .ui-tabs .wpb_tabs_nav li.ui-tabs-active {
border-bottom-color: transparent;
}
.wpb_wrapper .wpb_tabs.tabs-style-default .ui-tabs .wpb_tabs_nav li.ui-tabs-active a {
color: #404040;
}
.wpb_wrapper .wpb_tabs.tabs-style-default .ui-tabs .wpb_tab {
background-color: #eeeeee;
padding: 15px 20px;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-classic .vc_tta-tabs-list li,
.wpb_wrapper .vc_tta-tabs.vc_tta-style-outline .vc_tta-tabs-list li,
.wpb_wrapper .vc_tta-tabs.vc_tta-style-flat .vc_tta-tabs-list li,
.wpb_wrapper .vc_tta-tabs.vc_tta-style-modern .vc_tta-tabs-list li {
position: relative;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-classic .vc_tta-tabs-list li a,
.wpb_wrapper .vc_tta-tabs.vc_tta-style-outline .vc_tta-tabs-list li a,
.wpb_wrapper .vc_tta-tabs.vc_tta-style-flat .vc_tta-tabs-list li a,
.wpb_wrapper .vc_tta-tabs.vc_tta-style-modern .vc_tta-tabs-list li a {
position: relative;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-classic .vc_tta-tabs-list li a:after,
.wpb_wrapper .vc_tta-tabs.vc_tta-style-outline .vc_tta-tabs-list li a:after,
.wpb_wrapper .vc_tta-tabs.vc_tta-style-flat .vc_tta-tabs-list li a:after,
.wpb_wrapper .vc_tta-tabs.vc_tta-style-modern .vc_tta-tabs-list li a:after {
display: none !important;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled .vc_tta-tabs-list li {
background: #eeeeee;
border-bottom: 1px solid #fff;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled .vc_tta-tabs-list li a {
position: relative;
display: block;
color: #666;
padding: 10px 20px;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled .vc_tta-tabs-list li a:after {
display: none !important;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled .vc_tta-tabs-list li a:hover {
color: #595959;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled .vc_tta-tabs-list li.vc_active {
border-bottom-color: transparent;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled .vc_tta-tabs-list li.vc_active a {
color: #404040;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled .vc_tta-panels {
background-color: #eeeeee;
padding: 0;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled .vc_tta-panels .vc_tta-panel-body {
padding: 15px 20px;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled-minimal .vc_tta-tabs-list li {
position: relative;
background-color: transparent;
margin-right: 20px;
margin-bottom: 5px;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled-minimal .vc_tta-tabs-list li a {
padding: 0;
color: #777;
border-bottom: 1px solid transparent;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled-minimal .vc_tta-tabs-list li a:after {
display: block;
border: 0;
left: 0% !important;
width: 0%;
-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075) !important;
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075) !important;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled-minimal .vc_tta-tabs-list li a:hover {
color: #4d4d4d;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled-minimal .vc_tta-tabs-list li.vc_active a {
color: #00b19e;
border-bottom-color: #00b19e;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled-minimal .vc_tta-tabs-list li.vc_active a:after {
width: 100%;
}
.wpb_wrapper .vc_tta-tabs.vc_tta-style-theme-styled-minimal .vc_tta-panels-container .vc_tta-panel-body {
padding: 20px 0;
}
.wpb_wrapper .vc_tta-tabs .vc_pagination li a:after {
display: none;
}
.wpb_wrapper .wpb_accordion .wpb_accordion_section {
background-color: #eeeeee;
padding: 15px 20px;
margin-top: 0;
margin-bottom: 1px;
}
.wpb_wrapper .wpb_accordion .wpb_accordion_section .wpb_accordion_header {
background: transparent;
}
.wpb_wrapper .wpb_accordion .wpb_accordion_section .wpb_accordion_header a {
color: #444;
padding: 0;
}
.wpb_wrapper .wpb_accordion .wpb_accordion_section .wpb_accordion_header .ui-accordion-header-icon {
position: relative;
top: 0;
right: 0;
float: left;
width: 28px;
height: auto;
background: transparent;
}
.wpb_wrapper .wpb_accordion .wpb_accordion_section .wpb_accordion_header .ui-accordion-header-icon:after {
content: '+';
display: block;
font-size: 25px;
line-height: 1;
margin-top: -6px;
}
.wpb_wrapper .wpb_accordion .wpb_accordion_section .wpb_accordion_header.ui-state-active .ui-accordion-header-icon:after {
font-size: 22px;
content: '–';
margin-top: -4px;
}
.wpb_wrapper .wpb_accordion .wpb_accordion_section .wpb_accordion_content {
padding: 0;
padding-top: 20px;
padding-bottom: 10px;
}
.wpb_wrapper .vc_tta-accordion .vc_tta-panel {
background-color: #eeeeee;
padding: 0;
margin-top: 0;
margin-bottom: 1px;
}
.wpb_wrapper .vc_tta-accordion .vc_tta-panel .vc_tta-panel-heading h4 a {
padding-top: 15px;
padding-bottom: 15px;
color: #444;
font-size: 16px;
}
.wpb_wrapper .wpb_gallery .kalium-lightbox-entry--gallery {
cursor: pointer;
}
.wpb_wrapper > h1:first-of-type,
.wpb_wrapper > h2:first-of-type,
.wpb_wrapper > h3:first-of-type,
.wpb_wrapper > h4:first-of-type,
.wpb_wrapper > h5:first-of-type {
margin-top: 0;
}
.wpb_wrapper .lab-google-map {
margin-bottom: 35px;
}
.wpb_wrapper .lab-portfolio-items {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 35px;
}
.wpb_wrapper .lab-portfolio-items .portfolio-title-holder {
margin-bottom: 20px;
}
.wpb_wrapper .lab-portfolio-items .portfolio-title-holder h1,
.wpb_wrapper .lab-portfolio-items .portfolio-title-holder h2 {
margin-top: 0;
}
.wpb_wrapper .lab-portfolio-items .portfolio-title-holder .section-title p {
margin-bottom: 0;
}
.vc_row-fluid[data-vc-full-width="true"][data-vc-stretch-content="true"] .wpb_wrapper .lab-portfolio-items .portfolio-title-holder--title-has-container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.vc_row-fluid[data-vc-full-width="true"][data-vc-stretch-content="true"] .wpb_wrapper .lab-portfolio-items .portfolio-title-holder--title-has-container {
width: 750px;
}
}
@media (min-width: 992px) {
.vc_row-fluid[data-vc-full-width="true"][data-vc-stretch-content="true"] .wpb_wrapper .lab-portfolio-items .portfolio-title-holder--title-has-container {
width: 970px;
}
}
@media (min-width: 1200px) {
.vc_row-fluid[data-vc-full-width="true"][data-vc-stretch-content="true"] .wpb_wrapper .lab-portfolio-items .portfolio-title-holder--title-has-container {
width: 1170px;
}
}
.wpb_wrapper .lab-portfolio-items .portfolio-holder.merged-item-spacing {
margin-top: 15px;
}
.wpb_wrapper .lab-portfolio-items .portfolio-holder.merged-item-spacing + .more-link {
margin-top: 45px;
}
.wpb_wrapper .lab-portfolio-items .more-link {
margin-top: 30px;
}
.wpb_wrapper .lab-dribbble-gallery {
margin-bottom: 35px;
}
.wpb_wrapper .lab-dribbble-gallery .more-link {
margin-top: 50px;
-webkit-transition: opacity 350ms;
transition: opacity 350ms;
}
.wpb_wrapper .lab-clients-logos {
margin-bottom: 35px;
display: -webkit-box;
display: flex;
}
.wpb_wrapper .lab-contact-form {
margin-bottom: 35px;
}
.wpb_wrapper .auto-type-element {
font-size: 60px;
line-height: 90px;
margin-bottom: 35px;
}
.wpb_wrapper .auto-type-element .lab-autotype-text-entry {
display: inline-block;
}
.wpb_wrapper .auto-type-element span.block {
background: #000;
color: #fff;
padding: 0px 15px;
display: inline-block;
}
.wpb_wrapper .lab-vc-products-carousel {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 35px;
}
.wpb_wrapper .lab-vc-products-carousel .shop-loading-products {
display: none;
}
.wpb_wrapper .lab-vc-products-carousel .products {
margin-left: 0;
margin-right: 0;
}
.wpb_wrapper .lab-vc-products-carousel .products .product {
margin-top: 20px;
margin-bottom: 0;
}
.wpb_wrapper .lab-vc-products-carousel .products .product .onsale {
right: 25px;
}
.wpb_wrapper .lab-vc-products-carousel .products .nextprev-arrow {
position: absolute;
top: 50%;
cursor: pointer;
visibility: visible;
padding: 5px;
margin-top: 20px;
z-index: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.wpb_wrapper .lab-vc-products-carousel .products .nextprev-arrow.ss-prev {
left: 25px;
}
.wpb_wrapper .lab-vc-products-carousel .products .nextprev-arrow.ss-prev:active {
left: 15px;
}
.wpb_wrapper .lab-vc-products-carousel .products .nextprev-arrow.ss-next {
right: 25px;
}
.wpb_wrapper .lab-vc-products-carousel .products .nextprev-arrow.ss-next:active {
right: 15px;
}
.wpb_wrapper .lab-vc-products-carousel .products .nextprev-arrow i {
line-height: 1;
font-size: 30px;
color: #00b19e;
}
.wpb_wrapper .lab-vc-products-carousel .products:hover .nextprev-arrow {
visibility: visible;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.wpb_wrapper .lab-vc-products-carousel.products-hidden .shop-loading-products {
display: block;
}
.wpb_wrapper .lab-vc-products-carousel.products-hidden .woocommerce {
display: none;
}
.wpb_wrapper .wpb_single_image.fullsize img {
width: 100%;
}
.wpb_wrapper .wpb_single_image .vc_single_image-wrapper {
display: block;
}
.wpb_wrapper .wpb_single_image.fullwidth .vc_single_image-img {
width: 100%;
}
.wpb_wrapper .wpb_single_image .kalium-lightbox-entry--single {
cursor: pointer;
}
.wpb_wrapper .lab-blog-posts {
margin-bottom: 35px;
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: wrap;
}
.wpb_wrapper .lab-blog-posts:before,
.wpb_wrapper .lab-blog-posts:after {
display: none;
}
.wpb_wrapper .lab-blog-posts .blog-post-column {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry {
display: block;
position: relative;
border: 1px solid #eeeeee;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
word-break: break-word;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image,
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container {
width: 100%;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image {
position: relative;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a {
display: block;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a .hover-display {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 177, 158, 0.8);
visibility: hidden;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a .hover-display.no-opacity {
background-color: #00b19e;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a .hover-display.with-spacing {
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a .hover-display i {
position: absolute;
line-height: 36px;
left: 50%;
top: 50%;
color: #fff;
text-align: center;
font-size: 26px;
width: 36px;
height: 36px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin-top: -10px;
-webkit-transition: all 500ms;
transition: all 500ms;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a .hover-display .custom-hover-icon {
display: block;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a .hover-display .custom-hover-icon img {
max-width: 100%;
height: auto;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a:hover .hover-display {
visibility: visible;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a:hover .hover-display i {
margin-top: 0;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image.is-finished img {
visibility: visible;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container {
padding: 20px 30px;
padding-top: 30px;
box-sizing: border-box;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-date {
margin-bottom: 10px;
color: #898989;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title {
padding: 0;
margin: 0;
margin-bottom: 15px;
font-size: 22px;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a {
color: #333;
text-transform: none;
}
.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a:hover {
color: #00b19e;
}
.wpb_wrapper .lab-blog-posts.display-loading .blog-post-column {
display: none;
}
.wpb_wrapper .lab-blog-posts.display-loading + .blog-posts-loading-message {
display: block;
margin-bottom: 40px;
}
.wpb_wrapper .lab-blog-posts + .blog-posts-loading-message {
display: none;
padding: 30px 0;
text-align: center;
font-size: 19px;
color: #898989;
background-color: #fbfbfb;
}
@media screen and (min-width: 767px) {
.wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: wrap;
max-width: 100%;
}
.wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-image,
.wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-content-container {
max-width: 100%;
-webkit-box-flex: 1;
flex-grow: 1;
flex-basis: 0;
}
.wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-image {
-webkit-box-flex: 0;
flex: 0 0 30%;
}
}
.wpb_wrapper .lab-blog-posts.animated-eye-hover .blog-post-entry .blog-post-image a .hover-display i {
background: url(//hualien1913.nat.gov.tw/template/assets/images/icons/eye.gif) no-repeat;
width: 45px;
height: 45px;
background-size: 45px;
}
.wpb_wrapper .lab-blog-posts.animated-eye-hover .blog-post-entry .blog-post-image a .hover-display i:before {
content: "";
display: none;
}
.wpb_wrapper .lab-blog-posts.cols-2 .blog-post-column {
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
@media screen and (max-width: 767px) {
.wpb_wrapper .lab-blog-posts.cols-2 .blog-post-column {
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.wpb_wrapper .lab-blog-posts.cols-3 .blog-post-column {
-webkit-box-flex: 0;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
@media screen and (max-width: 991px) {
.wpb_wrapper .lab-blog-posts.cols-3 .blog-post-column {
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
}
@media screen and (max-width: 767px) {
.wpb_wrapper .lab-blog-posts.cols-3 .blog-post-column {
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.wpb_wrapper .lab-blog-posts.cols-4 .blog-post-column {
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
@media screen and (max-width: 991px) {
.wpb_wrapper .lab-blog-posts.cols-4 .blog-post-column {
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
}
@media screen and (max-width: 767px) {
.wpb_wrapper .lab-blog-posts.cols-4 .blog-post-column {
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.wpb_wrapper .vc_images_carousel {
max-width: 100%;
}
.wpb_wrapper .vc_images_carousel a img {
width: 100%;
height: auto;
}
.wpb_wrapper .vc_images_carousel .kalium-lightbox-entry--gallery {
cursor: pointer;
}
.wpb_wrapper .vc_images_carousel .vc_item img {
height: auto;
max-width: 100%;
}
.wpb_wrapper .wpb_video_wrapper .image-placeholder.video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding-bottom: 0 !important;
}
.wpb_wrapper .wpb_text_column img {
max-width: 100%;
}
.wpb_wrapper .wpb_text_column a[rel^="attachment"] {
display: block;
text-align: center;
}
.wpb_wrapper .wpb_text_column a[rel^="attachment"] img.aligncenter {
float: none;
display: inline-block;
}
.wpb_wrapper .woocommerce { }
.wpb_wrapper .woocommerce .single-product.product {
padding-top: 30px;
}
.wpb_wrapper .woocommerce .single-product.product .onsale {
right: 10px;
}
@media screen and (max-width: 768px) {
.wpb_wrapper .woocommerce .single-product.product .onsale {
right: 20px;
}
}
.wpb_wrapper .woocommerce .products {
padding-top: 20px;
}
.vc_editor .vc_add-element-not-empty-button:after,
.vc_editor .vc_control-btn:after {
display: none !important;
}
.portfolio-vc-type-container + .container .page-container {
margin-bottom: 45px;
}
.alert {
font-size: 20px;
-webkit-border-radius: 0px;
-webkit-background-clip: padding-box;
-moz-border-radius: 0px;
-moz-background-clip: padding;
border-radius: 0px;
background-clip: padding-box;
border: 0px;
padding: 20px 25px;
margin-top: 12px;
margin-bottom: 12px;
position: relative;
}
.alert .close {
text-shadow: none;
zoom: 1;
filter: alpha(opacity=90);
-webkit-opacity: 0.9;
-moz-opacity: 0.9;
opacity: 0.9;
position: absolute;
right: 24px;
top: 50%;
margin-top: -15px;
}
.alert .close:before {
content: "\e00c";
font-family: Flaticon;
font-size: 18px;
font-weight: 200;
color: #fff;
}
.alert.alert-default {
background-color: #00b19e;
}
.alert.alert-default a:hover {
color: #fff;
}
.alert p,
.alert a {
color: #fff;
}
.alert a {
-webkit-transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.alert a:after {
background-color: #fff;
}
.btn {
-webkit-border-radius: 0px;
-webkit-background-clip: padding-box;
-moz-border-radius: 0px;
-moz-background-clip: padding;
border-radius: 0px;
background-clip: padding-box;
border: 0;
padding: 8px 20px;
font-weight: 400;
margin-bottom: 5px;
vertical-align: top;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn.btn-large {
padding: 14px 20px;
font-size: 16px;
}
.btn.btn-small {
padding: 6px 15px;
font-size: 11px;
}
.btn.btn-mini {
padding: 2px 6px;
font-size: 10px;
text-transform: uppercase;
}
.btn.btn-normal.btn-type-standard {
padding: 10px 22px;
}
.btn.btn-type-outlined.btn-large {
padding: 12px 18px;
}
.btn.btn-type-outlined.btn-small {
padding: 4px 13px;
}
.btn.btn-type-outlined.btn-mini {
padding: 0px 4px;
}
.btn.btn-type-outlined:hover {
background: transparent;
}
.btn.btn-primary {
background: #00b19e;
color: #fff;
}
.btn.btn-primary:hover {
background-color: #009887;
}
.btn.btn-default {
background: #00b19e;
color: #fff;
}
.btn.btn-default:hover {
background-color: #009887;
}
.btn.btn-secondary {
background: #898989;
color: #fff;
}
.btn.btn-secondary:hover {
background-color: #7c7c7c;
}
.btn.btn-lab {
background: #eeeeee;
color: #898989;
}
.btn.btn-lab:hover {
background-color: #e1e1e1;
}
.btn.btn-black {
background: #333333;
color: #fff;
}
.btn.btn-black:hover {
background-color: #404040;
}
.btn.btn-blue {
background: #00aeef;
color: #fff;
}
.btn.btn-blue:hover {
background-color: #009bd6;
}
.btn.btn-red {
background: #ea2f3d;
color: #fff;
}
.btn.btn-red:hover {
background-color: #e81827;
}
.btn.btn-green {
background: #8dc63f;
color: #fff;
}
.btn.btn-green:hover {
background-color: #80b636;
}
.btn.btn-yellow {
background: #ffb83f;
color: #fff;
}
.btn.btn-yellow:hover {
background-color: #ffaf25;
}
.btn.btn-white {
color: #898989;
background: #fff;
}
.btn.btn-type-fliphover {
position: relative;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.btn.btn-type-fliphover:before {
content: "";
width: 100%;
height: 0;
position: absolute;
bottom: 0;
left: 0;
background: #eeeeee;
z-index: -1;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
}
.btn.btn-type-fliphover:hover:before {
height: 100%;
}
.btn.btn-type-fliphover.black {
color: #333;
border: 2px solid #333;
}
.btn.btn-type-fliphover.black:after {
background: #333;
}
.btn.btn-type-fliphover.black:hover {
color: #fff;
border-color: #333;
}
.btn.btn-type-fliphover.grey {
color: #898989;
border: 2px solid #898989;
}
.btn.btn-type-fliphover.grey:after {
background: #898989;
}
.btn.btn-type-fliphover.grey:hover {
color: #fff;
border-color: #898989;
}
.btn.btn-type-fliphover.main-color {
color: #00b19e;
border: 2px solid #00b19e;
}
.btn.btn-type-fliphover.main-color:after {
background: #00b19e;
}
.btn.btn-type-fliphover.main-color:hover {
color: #fff;
border-color: #00b19e;
}
.lab-divider {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
display: table;
}
.lab-divider .divider-line,
.lab-divider .lab-divider-content {
vertical-align: middle;
display: table-cell;
}
.lab-divider .divider-line {
position: relative;
}
.lab-divider .divider-line .double-line {
display: none;
}
.lab-divider .divider-line.divider-left {
width: 50%;
}
.lab-divider .divider-line.divider-right {
width: 50%;
}
.lab-divider .divider-line span {
height: 1px;
border-top: 1px solid #333;
display: block;
position: relative;
top: 1px;
width: 100%;
}
.lab-divider .lab-divider-content span {
display: block;
white-space: nowrap;
padding: 12px 25px;
text-align: center;
font-size: 16px;
}
.lab-divider.divider-type-1 .lab-divider-content span {
padding: 10px 20px;
border: 2px solid #333;
box-shadow: 4px 4px 0 0 #eeeeee;
}
.lab-divider.divider-type-2 .lab-divider-content span {
padding: 12px 30px;
}
.lab-divider.divider-type-2 .divider-line span {
border-top: 2px solid #333;
}
.lab-divider.divider-type-3 .divider-line span {
border-top: 1px solid #333;
}
.lab-divider.divider-type-3 .divider-line .double-line {
display: block;
border-top: 1px solid #333;
top: 2px;
}
.lab-divider.divider-type-4 .lab-divider-content span {
background: #333;
color: #fff;
padding: 12px 25px;
margin: 10px;
}
.lab-divider.divider-type-5 .divider-line span {
background: url(//hualien1913.nat.gov.tw/template/assets/images/icons/divider-3.png);
background-size: 7px;
height: 3px;
border: none;
}
.lab-divider.divider-type-6 .divider-line span {
background: url(//hualien1913.nat.gov.tw/template/assets/images/icons/divider-2.png);
background-size: 8px;
height: 8px;
border: none;
}
.lab-divider.divider-type-7 .divider-line span {
border: 0;
height: 6px;
background: url(//hualien1913.nat.gov.tw/template/assets/images/icons/divider-1.png);
background-size: 10px;
}
.lab-divider.divider-plain {
margin-bottom: 40px;
}
.lab-divider.divider-plain .lab-divider-content {
margin-left: auto;
margin-right: auto;
}
.lab-divider.type-saw .lab-divider-content {
height: 6px;
background: url(//hualien1913.nat.gov.tw/template/assets/images/icons/divider-1.png);
background-size: 10px;
}
.lab-divider.type-thin .lab-divider-content {
border-bottom: 2px solid #333;
}
.lab-divider.type-thick .lab-divider-content {
border-bottom: 3px solid #333;
}
.pricing-table .plan {
text-align: center;
margin: 0 0 35px;
list-style: none;
padding: 0px;
}
.pricing-table .plan .plan-head {
text-align: center;
padding: 55px 0px 50px 0;
}
.pricing-table .plan .plan-head .price {
font-size: 24px;
}
.pricing-table .plan .plan-head .price p {
font-size: 15px;
}
.pricing-table .plan .plan-name {
text-transform: uppercase;
text-align: center;
padding: 15px 20px;
margin-bottom: 20px;
}
.pricing-table .plan .plan-action {
padding-bottom: 24px;
}
.pricing-table .plan li {
padding: 14px 15px;
}
.pricing-table--default {
background-color: #eeeeee;
}
.pricing-table--default .plan .plan-head {
background: #00b19e;
}
.pricing-table--default .plan .plan-head p {
color: #fff;
}
.pricing-table--default .plan .plan-name {
background: #333;
color: #fff;
}
.pricing-table--default .plan .plan-action .btn {
color: #fff !important;
}
.pricing-table--default .plan .plan-action .btn:hover {
zoom: 1;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.pricing-table--default .plan li {
color: #333;
}
.pricing-table--minimal {
background: #FFF;
border: 1px solid #EEE;
border-radius: 2px;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
margin-bottom: 35px;
}
.pricing-table--minimal:hover {
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.pricing-table--minimal .plan {
margin-bottom: 0px;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.pricing-table--minimal .plan:hover {
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}
.pricing-table--minimal .plan li {
padding: 10px 0px;
font-size: 15px;
color: #888;
border-bottom: 1px solid #eee;
}
.pricing-table--minimal .plan li.plan-action {
padding: 20px 0;
}
.pricing-table--minimal .plan li.plan-name {
color: #555;
padding: 10px 0px;
margin: 0px;
font-size: 18px;
}
.pricing-table--minimal .plan .plan-head {
padding: 30px 0;
}
.pricing-table--minimal .plan .plan-head p {
color: #888;
margin-bottom: 0px;
}
.pricing-table--minimal .plan .plan-head p.price {
color: #222;
margin-bottom: 15px;
line-height: 54px;
}
.pricing-table--minimal .plan .plan-head .price {
font-size: 54px;
}
.mobile-menu-wrapper {
z-index: 150000;
visibility: hidden;
opacity: 0;
}
.mobile-menu-wrapper .mobile-menu-container {
position: relative;
padding: 15px 0;
display: inline-block;
height: 100%;
}
.mobile-menu-wrapper .mobile-menu-container .mobile-menu-close {
float: right;
position: relative;
margin-top: 8px;
margin-right: 20px;
background: url(//hualien1913.nat.gov.tw/template/assets/images/icons/icon-menu-close.svg) no-repeat 0 0;
width: 30px;
height: 30px;
background-size: 60px 30px;
}
.mobile-menu-wrapper .mobile-menu-container .mobile-menu-close:hover {
background-position: -30px 0;
cursor: pointer;
}
.mobile-menu-wrapper .mobile-menu-container ul {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-menu-wrapper .mobile-menu-container ul.menu > li > a,
.mobile-menu-wrapper .mobile-menu-container div.menu > ul > li > a {
display: block;
padding: 10px 30px;
color: #333;
text-decoration: none;
font-size: 19px;
text-transform: uppercase;
}
.mobile-menu-wrapper .mobile-menu-container ul.menu > li ul,
.mobile-menu-wrapper .mobile-menu-container div.menu > ul > li ul {
padding: 0 30px;
overflow: hidden;
height: 0;
}
.mobile-menu-wrapper .mobile-menu-container ul.menu > li ul.is-visible,
.mobile-menu-wrapper .mobile-menu-container div.menu > ul > li ul.is-visible {
height: auto;
}
.mobile-menu-wrapper .mobile-menu-container ul.menu > li ul > li > a,
.mobile-menu-wrapper .mobile-menu-container div.menu > ul > li ul > li > a {
display: inline-block;
font-size: 18px;
color: #898989;
padding: 2px 0;
}
.mobile-menu-wrapper .mobile-menu-container ul.menu > li ul ul,
.mobile-menu-wrapper .mobile-menu-container div.menu > ul > li ul ul {
padding: 0 25px;
}
.mobile-menu-wrapper .mobile-menu-container ul.menu > li > ul > li:last-child,
.mobile-menu-wrapper .mobile-menu-container div.menu > ul > li > ul > li:last-child {
padding-bottom: 15px;
}
.mobile-menu-wrapper .mobile-menu-container ul.menu li a:hover,
.mobile-menu-wrapper .mobile-menu-container div.menu > ul li a:hover {
color: #00b19e;
text-decoration: none;
}
.mobile-menu-wrapper .mobile-menu-container ul.menu li.menu-item-has-children > a:after,
.mobile-menu-wrapper .mobile-menu-container div.menu > ul li.menu-item-has-children > a:after {
display: inline-block;
font-family: Flaticon;
content: '\e008';
margin-left: 10px;
position: relative;
font-size: 9px;
font-weight: bold;
top: -2px;
}
.mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item > a,
.mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current-menu-item > a,
.mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_item > a,
.mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current_page_item > a,
.mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-ancestor > a,
.mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current-menu-ancestor > a,
.mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_ancestor > a,
.mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current_page_ancestor > a {
color: #00b19e;
}
.mobile-menu-wrapper .mobile-menu-container .search-form {
position: relative;
display: block;
height: 60px;
margin-top: 5px;
}
.mobile-menu-wrapper .mobile-menu-container .search-form label {
display: block;
position: absolute;
top: 50%;
left: 30px;
line-height: 1;
color: #a9a9a9;
margin-top: -5px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.mobile-menu-wrapper .mobile-menu-container .search-form input {
border: 0;
background: transparent;
height: 50px;
left: 0;
top: 0;
width: 100%;
right: 0;
padding: 5px 30px;
font-size: 19px;
padding-left: 55px;
}
.mobile-menu-wrapper .mobile-menu-container .search-form input:focus + label {
color: #333;
}
.mobile-menu-wrapper .mobile-menu-container .search-form input.search-submit {
display: none;
}
.mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container {
padding: 5px 30px;
}
.mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a {
color: #333;
font-size: 19px;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
}
.mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a i {
display: inline-block;
font-size: 22px;
line-height: 1;
margin-right: 10px;
margin-left: 0;
}
.mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a .items-count {
zoom: 1;
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a .items-count.hide-notification {
display: none;
}
.mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a .items-count:before {
content: '(';
}
.mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a .items-count:after {
content: ')';
}
.is-loading .mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a .items-count:after,
.is-loading .mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a .items-count:before {
display: none;
}
.mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a:hover {
color: #00b19e;
}
.mobile-menu-open .mobile-menu-wrapper + .mobile-menu-overlay {
visibility: visible;
opacity: 1;
}
.mobile-menu-wrapper.mobile-menu-slide {
position: fixed;
top: 0;
bottom: 0;
width: 75%;
height: 100%;
right: 100%;
cursor: pointer;
visibility: visible;
opacity: 1;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(-100%, 0px, 0px);
transform: translate3d(-100%, 0px, 0px);
-webkit-transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 400ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.mobile-menu-wrapper.mobile-menu-slide .mobile-menu-container {
background-color: #fff;
cursor: default;
overflow: hidden;
min-width: 280px;
max-width: 75%;
}
@media screen and (max-width: 480px) {
.mobile-menu-wrapper.mobile-menu-slide {
-webkit-transform: translate3d(-30%, 0px, 0px);
transform: translate3d(-30%, 0px, 0px);
}
}
.mobile-menu-open .mobile-menu-wrapper.mobile-menu-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition-delay: 80ms;
transition-delay: 80ms;
}
.mobile-menu-wrapper.mobile-menu-fullscreen {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding-top: 15px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.mobile-menu-open .mobile-menu-wrapper.mobile-menu-fullscreen {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 150ms;
transition-delay: 150ms;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container {
width: 100%;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul {
display: inline-block;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu > li > a,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul > li > a {
color: #fff;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu > li.current-menu-item > a:before,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul > li.current-menu-item > a:before,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu > li.current_page_item > a:before,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul > li.current_page_item > a:before,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu > li.current-menu-ancestor > a:before,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul > li.current-menu-ancestor > a:before,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu > li.current_page_ancestor > a:before,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul > li.current_page_ancestor > a:before {
position: absolute;
content: '';
overflow: hidden;
top: 100%;
margin-top: -4px;
left: 30px;
right: 30px;
display: block;
height: 2px;
background-color: #FFF;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu > li ul > li > a,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul > li ul > li > a {
color: rgba(255, 255, 255, 0.5);
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li a,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul li a {
position: relative;
display: inline-block;
text-transform: none;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li a:hover,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul li a:hover {
color: #fff;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li.current-menu-item > a,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul li.current-menu-item > a,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li.current_page_item > a,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul li.current_page_item > a,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li.current-menu-ancestor > a,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul li.current-menu-ancestor > a,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li.current_page_ancestor > a,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul li.current_page_ancestor > a {
color: #fff;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container .search-form input {
color: #fff;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container .search-form input:focus + label {
color: #fff;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container .cart-icon-link-mobile {
color: #fff;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container .cart-icon-link-mobile:hover {
color: #fff;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container .menu-bar {
position: absolute;
right: 15px;
top: 15px;
}
.mobile-menu-wrapper.mobile-menu-fullscreen + .mobile-menu-overlay {
background-color: rgba(38, 38, 38, 0.9);
}
.mobile-menu-open .mobile-menu-wrapper.mobile-menu-fullscreen ~ .wrapper .menu-bar {
opacity: 0;
}
body.mobile-menu-open {
overflow-x: hidden;
}
.mobile-menu-overlay {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 149999;
cursor: pointer;
visibility: hidden;
zoom: 1;
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 140ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
transition: all 140ms cubic-bezier(0.445, 0.050, 0.550, 0.950);
}
.typed-cursor {
display: inline-block;
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes rotate360 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate360 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@media screen and (max-width: 768px) {
.section-title {
margin-top: 30px;
}
.product-filter {
margin-top: 20px;
}
.portfolio-holder .thumb .hover-state.position-bottom-left .likes {
left: 25px;
top: 25px;
}
.portfolio-holder .thumb .hover-state.position-top-right .likes {
bottom: 25px;
right: 25px !important;
}
.portfolio-holder .thumb .hover-state .info h3 {
padding-bottom: 0px !important;
}
.portfolio-holder .thumb .hover-state .likes {
display: block !important;
}
.single-portfolio-holder.portfolio-type-2 .services {
margin-top: 0px;
}
.single-portfolio-holder.portfolio-type-3 .services {
margin-top: 0px;
}
.single-portfolio-holder.alt-one .services {
margin-top: 0px;
}
.single-portfolio-holder .gallery .photo .caption {
background: #eeeeee;
padding: 12px 15px;
font-size: 15px;
}
.blog-posts .box-holder .post-info .details {
margin-top: 8px;
}
.blog-posts .box-holder.blog-rounded .post-format {
width: 70%;
margin: auto;
}
.single-blog-holder .blog-head-holder .quote-holder {
margin-top: 100px;
padding-left: 40px;
padding-right: 40px;
}
.single-blog-holder .blog-head-holder .quote-holder:before {
left: 15px;
}
.single-blog-holder .blog-head-holder .quote-holder blockquote {
margin-top: 15px;
}
.single-blog-holder .share-holder {
margin-top: 40px;
margin-bottom: 40px;
display: inline-table;
}
.single-blog-holder .share-holder h4 {
display: table-cell;
}
.single-blog-holder .share-holder .social-links {
display: block;
}
.single-blog-holder .share-holder .social-links a {
display: inline-block;
}
.single-blog-holder .blog-author-holder img {
margin-right: 15px;
}
.single-blog-holder .comments-holder:before {
right: 13%;
border-width: 30px 32px 0 0;
}
.single-blog-holder .form-submit {
margin-left: 15px;
margin-right: 15px;
}
.single-blog-holder .form-submit .send {
width: 100%;
}
.auto-type-element {
font-size: 30px;
line-height: normal;
}
}
@media screen and (max-width: 480px) {
.single-portfolio-holder .social-links-rounded {
margin-top: 0px;
}
.single-portfolio-holder .social-links-rounded .social-share-icon:first-child {
margin-left: 0px !important;
}
.single-portfolio-holder.portfolio-centered-layout .social-links-rounded .social-share-icon:last-child {
margin-right: 0px !important;
}
.blog-posts .box-holder.blog-rounded .post-format {
width: 100% !important;
}
}
@media screen and (max-width: 991px) {
.single-portfolio-holder.portfolio-type-1 .gallery-column-env {
clear: both;
}
.single-portfolio-holder.portfolio-type-1.gallery-type-fullbg .gallery-column-env {
padding-left: 0px !important;
padding-right: 0px !important;
}
.portfolio-holder .thumb .hover-state .likes {
display: none;
}
}
@media screen and (max-width: 1199px) {
.single-portfolio-holder .social-links-rounded {
margin-top: 0px;
padding-top: 20px;
}
.single-portfolio-holder .social-links-rounded .social-share-icon {
margin-right: 11px;
}
.portfolio-holder .thumb .hover-state .info {
padding: 20px !important;
}
.portfolio-holder .thumb .hover-state .likes {
top: 20px !important;
left: 20px !important;
}
.portfolio-holder .thumb .hover-state.position-center .likes {
left: 50% !important;
top: 25% !important;
}
}body{background: #fff;color: #222}table{color: #555}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color: #555}a{color: #075d8d}a:focus,a:hover{color: #053d5c}:focus{color: #075d8d}.wrapper{background: #fff}.wrapper a:hover{color: #075d8d}.wrapper a:after{background: #075d8d}.site-footer a:hover{color: #075d8d}.product-filter ul li a:hover{color: #075d8d}.message-form .loading-bar{background: #097dbe}.message-form .loading-bar span{background: #053d5c}.skin--brand-primary{color: #075d8d}.btn.btn-primary{background: #075d8d}.btn.btn-primary:hover{background: #053d5c}.btn.btn-secondary{background: #555}.btn.btn-secondary:hover{background: #3b3b3b}.site-footer .footer-bottom a{color: #555}.site-footer .footer-bottom a:hover{color: #075d8d}.site-footer .footer-bottom a:after{color: #075d8d}p{color: #555}.section-title p{color: #555}.section-title h1,.section-title h2,.section-title h3,.section-title h4,.section-title h5,.section-title h6{color: #222}.section-title h1 small,.section-title h2 small,.section-title h3 small,.section-title h4 small,.section-title h5 small,.section-title h6 small{color: #555 !important}.blog-posts .isotope-item .box-holder .post-info{border-color: #eee}.blog-posts .box-holder .post-format .quote-holder{background: #202b29}.blog-posts .box-holder .post-format .quote-holder blockquote{color: #555}.blog-posts .box-holder .post-format .post-type{background: #fff}.blog-posts .box-holder .post-format .post-type i{color: #222}.blog-posts .box-holder .post-format .hover-state i{color: #fff}.blog-posts .box-holder .post-info h2 a{color: #222}.blog-posts .box-holder .post-info .details .category{color: #555}.blog-posts .box-holder .post-info .details .date{color: #555}.widget.widget_tag_cloud a{color: #222;background: #202b29}.widget.widget_tag_cloud a:hover{background: #151c1b}.wpb_wrapper .wpb_text_column blockquote{border-left-color: #075d8d}.post-formatting ul li,.post-formatting ol li{color: #555}.post-formatting blockquote{border-left-color: #075d8d}.post-formatting blockquote p{color: #555}.post-formatting .wp-caption .wp-caption-text{background: #202b29}.labeled-textarea-row textarea{background-image: linear-gradient(#202b29 1px, transparent 1px)}.labeled-textarea-row textarea:focus{color: #333}.cd-google-map .cd-zoom-in,.cd-google-map .cd-zoom-out{background-color: #075d8d}.cd-google-map .cd-zoom-in:hover,.cd-google-map .cd-zoom-out:hover{background-color: #075783}.single-blog-holder .blog-head-holder{background: #202b29}.single-blog-holder .blog-head-holder .quote-holder{background: #202b29}.single-blog-holder .blog-head-holder .quote-holder:before{color: #555}.single-blog-holder .blog-head-holder .quote-holder blockquote{color: #555}.single-blog-holder .tags-holder a{color: #222;background: #202b29}.single-blog-holder .tags-holder a:hover{background: #151c1b}.single-blog-holder pre{background: #202b29;border-color: #eee;color: #222}.single-blog-holder .blog-author-holder .author-name:hover{color: #075d8d}.single-blog-holder .blog-author-holder .author-name:hover em{color: #555}.single-blog-holder .blog-author-holder .author-name em{color: #555}.single-blog-holder .blog-author-holder .author-link{color: #222}.single-blog-holder .post-controls span{color: #555}.single-blog-holder .comments-holder{background: #202b29}.single-blog-holder .comments-holder:before{border-top-color: #fff}.single-blog-holder .comments-holder .comment-holder + .comment-respond{background: #fff}.single-blog-holder .comments-holder .comment-holder .commenter-image .comment-connector{border-color: #eee}.single-blog-holder .comments-holder .comment-holder .commenter-details .comment-text p{color: #555}.single-blog-holder .comments-holder .comment-holder .commenter-details .date{color: #555}.single-blog-holder .details .category{color: #555}.single-blog-holder .details .category a{color: #555}.single-blog-holder .details .date{color: #555}.single-blog-holder .details .date a{color: #555}.single-blog-holder .details .tags-list{color: #555}.single-blog-holder .details .tags-list a{color: #555}.single-blog-holder .post-controls .next-post:hover i,.single-blog-holder .post-controls .prev-post:hover i{color: #075d8d}.single-blog-holder .post-controls .next-post:hover strong,.single-blog-holder .post-controls .prev-post:hover strong{color: #075d8d}.single-blog-holder .post-controls .next-post strong,.single-blog-holder .post-controls .prev-post strong{color: #222}.single-blog-holder .post-controls .next-post i,.single-blog-holder .post-controls .prev-post i{color: #222}::selection{background: #075d8d;color: #fff}::-moz-selection{background: #075d8d;color: #fff}hr{border-color: #eee}footer.site-footer{background-color: #202b29 !important}footer.site-footer .footer-widgets .section h1,footer.site-footer .footer-widgets .section h2,footer.site-footer .footer-widgets .section h3{color: #222}.wpb_wrapper .wpb_tabs.tabs-style-minimal .ui-tabs .wpb_tabs_nav li a{color: #555}.wpb_wrapper .wpb_tabs.tabs-style-minimal .ui-tabs .wpb_tabs_nav li a:hover{color: #3b3b3b}.wpb_wrapper .wpb_tabs.tabs-style-minimal .ui-tabs .wpb_tabs_nav li.ui-tabs-active a{color: #075d8d;border-bottom-color: #075d8d}.wpb_wrapper .wpb_tabs.tabs-style-default .ui-tabs .wpb_tab{background: #202b29}.wpb_wrapper .wpb_tabs.tabs-style-default .ui-tabs .wpb_tabs_nav li{border-bottom-color: #fff !important;background: #202b29}.wpb_wrapper .wpb_tabs.tabs-style-default .ui-tabs .wpb_tabs_nav li a{color: #555}.wpb_wrapper .wpb_tabs.tabs-style-default .ui-tabs .wpb_tabs_nav li a:hover{color: #3b3b3b}.wpb_wrapper .wpb_tabs.tabs-style-default .ui-tabs .wpb_tabs_nav li.ui-tabs-active a{color: #222}.wpb_wrapper .wpb_accordion .wpb_accordion_section{background: #202b29}.wpb_wrapper .wpb_accordion .wpb_accordion_section .wpb_accordion_header a{color: #222}.top-menu-container{background: #222}.top-menu-container .widget .widgettitle{color: #fff}.top-menu-container .widget a{color: #555 !important}.top-menu-container .widget a:after{background-color: #555 !important}.top-menu-container .top-menu ul.menu > li ul{background: #fff}.top-menu-container .top-menu ul.menu > li ul li a{color: #222 !important}.top-menu-container .top-menu ul.menu > li ul li a:after{background: #222}.top-menu-container .top-menu ul:after{border-right-color: #fff !important}.top-menu-container .top-menu ul li a{color: #fff !important}.top-menu-container .top-menu ul li a:hover{color: #075d8d !important}.product-filter ul li a{color: #555}.single-portfolio-holder .social .likes{background: #202b29}.single-portfolio-holder .social .likes .like-btn{color: #555}.single-portfolio-holder .social .likes .fa-heart{color: #075d8d}.single-portfolio-holder .social .share-social .social-links a{color: #555}.single-portfolio-holder .portfolio-big-navigation a{color: #222}.single-portfolio-holder .portfolio-big-navigation a:hover{color: #2f2f2f}.slick-slider .slick-prev:hover,.slick-slider .slick-next:hover{color: #075d8d}.dash{background: #202b29}.alert.alert-default{background-color: #075d8d}.hover-state{background: #075d8d}.portfolio-holder .thumb .hover-state .likes a i{color: #075d8d}.portfolio-holder .thumb .hover-state .likes a .counter{color: #075d8d}.single-portfolio-holder .details .services ul li{color: #555}.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-prev:hover,.single-portfolio-holder.portfolio-type-3 .gallery-slider .slick-next:hover{color: #075d8d}.single-portfolio-holder .gallery.gallery-type-description .row .lgrad{background-image: }.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a:hover span{background-color: rgba(7,93,141,0.5)}.single-portfolio-holder.portfolio-type-5 .portfolio-slider-nav a.current span{background: #075d8d}.single-portfolio-holder.portfolio-type-5 .portfolio-description-container{background: #fff}.single-portfolio-holder.portfolio-type-5 .portfolio-description-container.is-collapsed .portfolio-description-showinfo{background: #fff}.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo .expand-project-info svg{fill: #222}.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo{background: #fff}.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .lgrad{background-image: }.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .collapse-project-info svg{fill: #222}.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .project-show-more-link{color: #555}.single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-fullinfo .project-show-more-link .for-more{color: #075d8d}.search-results-holder .result-box h3 a{color: #075d8d}.search-results-holder .result-box + .result-box{border-top-color: #eee}.team-holder .new-member-join{background: #202b29}.team-holder .new-member-join .join-us .your-image{color: #555}.team-holder .new-member-join .join-us .details h2{color: #222}.team-holder .new-member-join .join-us .details .text a{color: #075d8d}.team-holder .new-member-join .join-us .details .text a:after{background-color: #075d8d}.logos-holder .c-logo{border-color: #eee}.logos-holder .c-logo .hover-state{background: #075d8d}.error-holder{background: #fff}.error-holder .box{background: #075d8d}.error-holder .box .error-type{color: #fff}.error-holder .error-text{color: #075d8d}.portfolio-holder .dribbble-container .dribbble_shot:hover .dribbble-title{background-color: #075d8d}.bg-main-color{background: #075d8d}.coming-soon-container .message-container{color: #fff}.coming-soon-container p{color: #fff}.coming-soon-container .social-networks-env a i{color: #075d8d}.blog-sidebar .widget a{color: #222}.blog-sidebar .widget li{color: #555}.blog-sidebar .widget.widget_recent_comments li + li{border-top-color: #202b29}.blog-sidebar .widget.widget_search .search-bar .form-control{background: #202b29 !important;color: #555 !important}.blog-sidebar .widget.widget_search .search-bar .form-control::-webkit-input-placeholder{color: #555}.blog-sidebar .widget.widget_search .search-bar .form-control:-moz-placeholder{color: #555}.blog-sidebar .widget.widget_search .search-bar .form-control::-moz-placeholder{color: #555}.blog-sidebar .widget.widget_search .search-bar .form-control:-ms-input-placeholder{color: #555}.blog-sidebar .widget.widget_search .search-bar input.go-button{color: #222}.image-placeholder{background: #202b29}.show-more .reveal-button{border-color: #202b29}.show-more .reveal-button a{color: #075d8d}.show-more.is-finished .reveal-button .finished{color: #075d8d}.pagination-container span.page-numbers,.pagination-container a.page-numbers{color: #222}.pagination-container span.page-numbers:after,.pagination-container a.page-numbers:after{background-color: #075d8d}.pagination-container span.page-numbers:hover,.pagination-container a.page-numbers:hover,.pagination-container span.page-numbers.current,.pagination-container a.page-numbers.current{color: #075d8d}.fluidbox-overlay{background-color: #fff;opacity: 0.6 !important}.comparison-image-slider .cd-handle{background-color: #075d8d !important}.comparison-image-slider .cd-handle:hover{background-color: #064d75 !important}.about-me-box{background: #202b29 !important}.sidebar-menu-wrapper{background: #fff}.sidebar-menu-wrapper.menu-type-sidebar-menu .sidebar-menu-container .sidebar-main-menu div.menu > ul > li > a{color: #222}.sidebar-menu-wrapper.menu-type-sidebar-menu .sidebar-menu-container .sidebar-main-menu ul.menu > li > a{color: #222}.sidebar-menu-wrapper.menu-type-sidebar-menu .sidebar-menu-container .sidebar-main-menu ul.menu > li > a:hover{color: #075d8d}.sidebar-menu-wrapper.menu-type-sidebar-menu .sidebar-menu-container .sidebar-main-menu ul.menu > li > a:after{background-color: #222}.sidebar-menu-wrapper.menu-type-sidebar-menu .sidebar-menu-container .sidebar-main-menu ul.menu ul > li:hover > a{color: #075d8d}.sidebar-menu-wrapper.menu-type-sidebar-menu .sidebar-menu-container .sidebar-main-menu ul.menu ul > li > a{color: #555}.sidebar-menu-wrapper.menu-type-sidebar-menu .sidebar-menu-container .sidebar-main-menu ul.menu ul > li > a:hover{color: #075d8d}.maintenance-mode .wrapper,.coming-soon-mode .wrapper{background: #075d8d}.header-logo.logo-text{color: #075d8d}.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu ul li a,.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul ul li a{color: #fff}.portfolio-holder .item-box .photo .on-hover{background-color: #075d8d}.loading-spinner-1{background-color: #222}.top-menu-container .close-top-menu{color: #fff}.single-portfolio-holder.portfolio-type-5 .portfolio-navigation a:hover{color: #fff}.single-portfolio-holder.portfolio-type-5 .portfolio-navigation a:hover i{color: #fff}.menu-bar.menu-skin-main .ham{background-color: #075d8d}.menu-bar.menu-skin-main .ham:before,.menu-bar.menu-skin-main .ham:after{background-color: #075d8d}.portfolio-holder .item-box .info p a:hover{color: #075d8d}.mobile-menu-wrapper .mobile-menu-container ul.menu li a:hover{color: #075d8d}.mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item > a,.mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current-menu-item > a,.mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_item > a,.mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current_page_item > a,.mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-ancestor > a,.mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current-menu-ancestor > a,.mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_ancestor > a,.mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current_page_ancestor > a{color: #075d8d}.single-portfolio-holder .social-links-rounded .social-share-icon.like-btn.is-liked{background-color: #075d8d}.maintenance-mode .wrapper a,.coming-soon-mode .wrapper a{color: #fff}.maintenance-mode .wrapper a:after,.coming-soon-mode .wrapper a:after{background-color: #fff}.mobile-menu-wrapper .mobile-menu-container .search-form label{color: #555}.mobile-menu-wrapper .mobile-menu-container .search-form input:focus + label{color: #222}.vjs-default-skin .vjs-play-progress{background-color: #075d8d}.vjs-default-skin .vjs-volume-level{background: #075d8d}.portfolio-holder .item-box .info h3 a{color: #555}.blog-sidebar .widget a{color: #222}.blog-sidebar .widget a:after{background: #222}.blog-sidebar .widget .product_list_widget li .product-details .product-meta{color: #888}.blog-sidebar .widget .product_list_widget li .product-details .product-meta .proruct-rating em{color: #888}.blog-sidebar .widget .product_list_widget li .product-details .product-name{color: #222}.dropdown-menu > li > a{color: #222}.dropdown{color: #222}.dropdown .btn:hover,.dropdown .btn:focus,.dropdown .btn.focus{color: #222}.dropdown .dropdown-menu{color: #222;background: #eee}.dropdown .dropdown-menu li{border-top-color: #dadada}.dropdown.open .btn{background: #eee}.widget.widget_product_search .search-bar input[name="s"],.widget.widget_search .search-bar input[name="s"]{background: #eee;color: #555}.widget.widget_product_search .search-bar input[name="s"]::-webkit-input-placeholder,.widget.widget_search .search-bar input[name="s"]::-webkit-input-placeholder{color: #555}.widget.widget_product_search .search-bar input[name="s"]:-moz-placeholder,.widget.widget_search .search-bar input[name="s"]:-moz-placeholder{color: #555}.widget.widget_product_search .search-bar input[name="s"]::-moz-placeholder,.widget.widget_search .search-bar input[name="s"]::-moz-placeholder{color: #555}.widget.widget_product_search .search-bar input[name="s"]:-ms-input-placeholder,.widget.widget_search .search-bar input[name="s"]:-ms-input-placeholder{color: #555}.widget.widget_product_search .search-bar input[type=submit],.widget.widget_search .search-bar input[type=submit]{color: #222}.widget.widget_shopping_cart .widget_shopping_cart_content > .total strong{color: #222}.widget.widget_shopping_cart .widget_shopping_cart_content .product_list_widget{border-bottom-color: #eee}.widget.widget_price_filter .price_slider_wrapper .price_slider{background: #eee}.widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range,.widget.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle{background: #222}.widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label{color: #888}.woocommerce{background: #fff}.woocommerce .onsale{background: #075d8d;color: #fff}.woocommerce .product .item-info h3 a{color: #fff}.woocommerce .product .item-info .price ins,.woocommerce .product .item-info .price > .amount{color: #075d8d}.woocommerce .product .item-info .price del{color: #555}.woocommerce .product .item-info .product-loop-add-to-cart-container a{color: #555}.woocommerce .product .item-info .product-loop-add-to-cart-container a:after{background-color: #555}.woocommerce .product .item-info .product-loop-add-to-cart-container a:hover{color: #075d8d}.woocommerce .product .item-info .product-loop-add-to-cart-container a:hover:after{background-color: #075d8d}.woocommerce .product.catalog-layout-default .item-info h3 a{color: #222}.woocommerce .product.catalog-layout-default .item-info .product-loop-add-to-cart-container a{color: #555}.woocommerce .product.catalog-layout-default .item-info .product-loop-add-to-cart-container a:after{background-color: #555}.woocommerce .product.catalog-layout-default .item-info .product-loop-add-to-cart-container a:hover{color: #075d8d}.woocommerce .product.catalog-layout-default .item-info .product-loop-add-to-cart-container a:hover:after{background-color: #075d8d}.woocommerce .product.catalog-layout-full-bg .product-internal-info,.woocommerce .product.catalog-layout-full-transparent-bg .product-internal-info{background: rgba(7,93,141,0.9)}.woocommerce .product.catalog-layout-full-bg .item-info h3 a,.woocommerce .product.catalog-layout-full-transparent-bg .item-info h3 a{color: #fff}.woocommerce .product.catalog-layout-full-bg .item-info .product-loop-add-to-cart-container .add-to-cart-link:before,.woocommerce .product.catalog-layout-full-transparent-bg .item-info .product-loop-add-to-cart-container .add-to-cart-link:before,.woocommerce .product.catalog-layout-full-bg .item-info .product-loop-add-to-cart-container .add-to-cart-link:after,.woocommerce .product.catalog-layout-full-transparent-bg .item-info .product-loop-add-to-cart-container .add-to-cart-link:after{color: #fff !important}.woocommerce .product.catalog-layout-full-bg .item-info .product-loop-add-to-cart-container .tooltip .tooltip-arrow,.woocommerce .product.catalog-layout-full-transparent-bg .item-info .product-loop-add-to-cart-container .tooltip .tooltip-arrow{border-left-color: #fff}.woocommerce .product.catalog-layout-full-bg .item-info .product-loop-add-to-cart-container .tooltip .tooltip-inner,.woocommerce .product.catalog-layout-full-transparent-bg .item-info .product-loop-add-to-cart-container .tooltip .tooltip-inner{color: #075d8d;background: #fff}.woocommerce .product.catalog-layout-full-bg .item-info .product-bottom-details .price,.woocommerce .product.catalog-layout-full-transparent-bg .item-info .product-bottom-details .price{color: #fff}.woocommerce .product.catalog-layout-full-bg .item-info .product-bottom-details .price del,.woocommerce .product.catalog-layout-full-transparent-bg .item-info .product-bottom-details .price del{color: rgba(255,255,255,0.8)}.woocommerce .product.catalog-layout-full-bg .item-info .product-bottom-details .price del .amount,.woocommerce .product.catalog-layout-full-transparent-bg .item-info .product-bottom-details .price del .amount{color: rgba(255,255,255,0.8)}.woocommerce .product.catalog-layout-full-bg .item-info .product-bottom-details .price ins .amount,.woocommerce .product.catalog-layout-full-transparent-bg .item-info .product-bottom-details .price ins .amount{border-bottom-color: #fff}.woocommerce .product.catalog-layout-full-bg .item-info .product-bottom-details .price .amount,.woocommerce .product.catalog-layout-full-transparent-bg .item-info .product-bottom-details .price .amount{color: #fff}.woocommerce .product.catalog-layout-full-bg .item-info .product-terms,.woocommerce .product.catalog-layout-full-transparent-bg .item-info .product-terms{color: #fff !important}.woocommerce .product.catalog-layout-full-bg .item-info .product-terms a,.woocommerce .product.catalog-layout-full-transparent-bg .item-info .product-terms a{color: #fff !important}.woocommerce .product.catalog-layout-full-bg .item-info .product-terms a:after,.woocommerce .product.catalog-layout-full-transparent-bg .item-info .product-terms a:after,.woocommerce .product.catalog-layout-full-bg .item-info .product-terms a:before,.woocommerce .product.catalog-layout-full-transparent-bg .item-info .product-terms a:before{background: #fff}.woocommerce .product.catalog-layout-transparent-bg .item-info h3 a{color: #222}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-terms{color: #222 !important}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-terms a{color: #222 !important}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-terms a:after,.woocommerce .product.catalog-layout-transparent-bg .item-info .product-terms a:before{background: #222}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .product-loop-add-to-cart-container .add-to-cart-link:after,.woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .product-loop-add-to-cart-container .add-to-cart-link:before{color: #222}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .product-loop-add-to-cart-container a{color: #555}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .product-loop-add-to-cart-container a:after{background-color: #555}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .product-loop-add-to-cart-container a:hover{color: #075d8d}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .product-loop-add-to-cart-container a:hover:after{background-color: #075d8d}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .product-loop-add-to-cart-container .tooltip-inner{background-color: #075d8d;color: #fff}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .product-loop-add-to-cart-container .tooltip-arrow{border-left-color: #075d8d}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price{color: #222}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price .amount{color: #222}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price ins .amount{border-bottom-color: #222}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price del{color: rgba(34,34,34,0.65)}.woocommerce .product.catalog-layout-transparent-bg .item-info .product-bottom-details .price del .amount{color: rgba(34,34,34,0.65)}.woocommerce .product.catalog-layout-distanced-centered .item-info h3 a{color: #222}.woocommerce .product.catalog-layout-distanced-centered .item-info .price .amount,.woocommerce .product.catalog-layout-distanced-centered .item-info .price ins,.woocommerce .product.catalog-layout-distanced-centered .item-info .price ins span{color: #626262}.woocommerce .product.catalog-layout-distanced-centered .item-info .price del{color: rgba(85,85,85,0.65)}.woocommerce .product.catalog-layout-distanced-centered .item-info .price del .amount{color: rgba(85,85,85,0.65)}.woocommerce .product.catalog-layout-distanced-centered .item-info .product-loop-add-to-cart-container .add_to_cart_button{color: #888}.woocommerce .product.catalog-layout-distanced-centered .item-info .product-loop-add-to-cart-container .add_to_cart_button.nh{color: #075d8d}.woocommerce .product.catalog-layout-distanced-centered .item-info .product-loop-add-to-cart-container .add_to_cart_button:hover{color: #252525}.woocommerce .product.catalog-layout-distanced-centered .product-internal-info{background: rgba(255,255,255,0.9)}.woocommerce .dropdown .dropdown-menu li a{color: #555}.woocommerce .dropdown .dropdown-menu .active a,.woocommerce .dropdown .dropdown-menu li a:hover{color: #075d8d !important}.woocommerce #review_form_wrapper .form-submit input#submit{background-color: #075d8d}.woocommerce .star-rating .star-rating-icons .circle i{background-color: #075d8d}.woocommerce .product .item-info{color: #075d8d}.woocommerce .shop_table .cart_item .product-subtotal span{color: #075d8d}.woocommerce .shop_table .cart-collaterals .cart-buttons-update-checkout .checkout-button{background-color: #075d8d}.woocommerce .checkout-info-box .woocommerce-info{border-top: 3px solid #075d8d !important}.woocommerce .checkout-info-box .woocommerce-info a{color: #075d8d}.woocommerce-error,.woocommerce-info,.woocommerce-notice,.woocommerce-message{color: #fff}.woocommerce-error li,.woocommerce-info li,.woocommerce-notice li,.woocommerce-message li{color: #fff}.replaced-checkboxes:checked + label:before,.replaced-radio-buttons:checked + label:before{background-color: #075d8d}.woocommerce .blockOverlay{background: rgba(255,255,255,0.8) !important}.woocommerce .blockOverlay:after{background-color: #075d8d}.woocommerce .order-info mark{background-color: #075d8d}.woocommerce .shop-categories .product-category-col > .product-category a:hover h3,.woocommerce .shop_table .cart_item .product-remove a:hover i{color: #075d8d}.woocommerce-notice,.woocommerce-message{background-color: #075d8d;color: #fff}.btn-primary,.checkout-button{background-color: #075d8d !important;color: #fff !important}.btn-primary:hover,.checkout-button:hover{background-color: #064a70 !important;color: #fff !important}.menu-cart-icon-container.menu-skin-dark .cart-icon-link{color: #555}.menu-cart-icon-container.menu-skin-dark .cart-icon-link:hover{color: #484848}.menu-cart-icon-container.menu-skin-dark .cart-icon-link .items-count{background-color: #075d8d !important}.menu-cart-icon-container.menu-skin-light .cart-icon-link{color: #fff}.menu-cart-icon-container.menu-skin-light .cart-icon-link .items-count{background-color: #075d8d !important;color: #fff !important}.menu-cart-icon-container .lab-wc-mini-cart-contents .cart-items .cart-item .product-details h3 a:hover{color: #075d8d}.woocommerce ul.digital-downloads li a:hover{color: #075d8d}.woocommerce .single-product .kalium-woocommerce-product-gallery .main-product-images:hover .product-gallery-lightbox-trigger,.woocommerce.single-product .single-product-images .kalium-woocommerce-product-gallery .main-product-images .nextprev-arrow i{color: #222}.wpb_wrapper .lab-vc-products-carousel .products .nextprev-arrow i{color: #075d8d}.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li.menu-item-has-children > a:before,.main-header.menu-type-standard-menu .standard-menu-container div.menu > ul ul li.menu-item-has-children > a:before{border-color: transparent transparent transparent #fff}.main-header.menu-type-full-bg-menu .full-screen-menu{background-color: #075d8d}.main-header.menu-type-full-bg-menu .full-screen-menu.translucent-background{background-color: rgba(7,93,141,0.9)}.single-portfolio-holder .portfolio-navigation a:hover i{color: #075d8d}.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a .hover-display{background-color: rgba(7,93,141,0.8)}.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-image a .hover-display.no-opacity{background-color: #075d8d}.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .social-networks li a i{color: #075d8d}.wrapper a:after,footer.site-footer a:after{background-color: #075d8d}.main-header.menu-type-standard-menu .standard-menu-container div.menu > ul ul li.menu-item-has-children:before,.main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li.menu-item-has-children:before{border-color: transparent transparent transparent #eee}.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu ul li a,.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul ul li a{color: #fff}.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu ul li a:after,.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul ul li a:after{background-color: #fff}.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li > a:after,.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li > a:after{background-color: #075d8d}.go-to-top{color: #fff;background-color: #222}.go-to-top.visible:hover{background-color: #075d8d}.mobile-menu-wrapper .mobile-menu-container .search-form input,.mobile-menu-wrapper .mobile-menu-container .search-form input:focus + label{color: #075d8d}.portfolio-holder .thumb .hover-state.hover-style-white p{color: #555}body .lg-outer.lg-skin-kalium-default .lg-progress-bar .lg-progress{background-color: #075d8d}.lg-outer .lg-progress-bar .lg-progress{background-color: #075d8d}.lg-outer .lg-thumb-item:hover,.lg-outer .lg-thumb-item.active{border-color: #075d8d !important}.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a:hover{color: #075d8d}.single-portfolio-holder .social-links-plain .likes .fa-heart{color: #075d8d}.pagination-container span.page-numbers,.pagination-container a.page-numbers{color: #555}.sidebar-menu-wrapper.menu-type-sidebar-menu .sidebar-menu-container .sidebar-main-menu ul.menu ul > li > a:after,.post-password-form input[type=submit]{background-color: #075d8d}.header-search-input.menu-skin-main .search-icon a svg{fill: #075d8d}.kalium-wpml-language-switcher.menu-skin-main .language-entry{color: #075d8d}.social-networks.colored-bg li a.custom,.social-networks.colored-bg-hover li a.custom:hover,.social-networks.textual.colored li a.custom:after,.social-networks.textual.colored-hover li a.custom:after{background-color: #075d8d}.social-networks.colored-bg li a.custom:hover{background-color: #053d5c}.social-networks.colored li a.custom,.social-networks.colored li a.custom i,.social-networks.colored-hover li a.custom:hover,.social-networks.colored-hover li a.custom:hover i{color: #075d8d}.single-portfolio-holder .gallery.captions-below .caption a{color: #075d8d}.single-portfolio-holder .gallery.captions-below .caption a:after{background-color: #075d8d}.widget.widget_text .textwidget a:hover{color: #075d8d}.widget.widget_text .textwidget a:after{background-color: #075d8d}.button{background-color: #075d8d;color: #fff}.widget a.button{color: #fff}.button:hover{background-color: #064d75}.wrapper .button:hover{color: #fff}.button:active{background: #064d75}.button-secondary{background-color: #202b29;color: #222}.button-secondary:hover,.button-secondary:active{color: #222}a.button-secondary:hover,a.button-secondary:active{color: #222}.button-secondary:hover{background: #192221}.wrapper .button-secondary:hover{color: #222}.button-secondary:active{background: #151c1b}.labeled-input-row label,.labeled-textarea-row label{border-bottom-color: #075d8d}.blog-posts .post-item .post-thumbnail blockquote,.single-post .post-image .post-quote blockquote{color: #222}.post-navigation a:hover i,.post-navigation a:hover i,.post-navigation a:hover strong,.post-navigation a:hover strong{color: #075d8d}.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li > a,.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li > a{color: #075d8d}.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul ul,.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu ul{background-color: #075d8d}.single-post .post-comments:before{border-top-color: #fff}.pagination--normal .page-numbers.current{color: #075d8d}.woocommerce .woocommerce-cart-form .shop_table .cart_item .product-subtotal span{color: #075d8d}.woocommerce-checkout .checkout-form-option--header .woocommerce-info{border-top-color: #075d8d}.woocommerce-checkout .checkout-form-option--header .woocommerce-info a,.woocommerce-checkout .checkout-form-option--header .woocommerce-info a:hover{color: #075d8d}.woocommerce-checkout .checkout-form-option--header .woocommerce-info a:after{background-color: #075d8d}.woocommerce-account .wc-my-account-tabs .woocommerce-MyAccount-navigation ul li.is-active a{border-right-color: #fff}.woocommerce-message a:hover{color: #555}.woocommerce .woocommerce-Reviews #review_form_wrapper{background-color: #fff}.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars span a:before{color: #999}.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars span a.active ~ a:before{color: #999}.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars span:hover a:before{color: #666}.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars span:hover a:hover ~ a:before{color: #999}.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars.has-rating span a:before{color: #075d8d}.woocommerce .woocommerce-Reviews .comment-form .comment-form-rating .stars.has-rating span a.active ~ a:before{color: #999}.woocommerce .shop-categories .product-category-col > .product-category a:hover .woocommerce-loop-category__title,.woocommerce .shop-categories .product-category-col > .product-category a:hover h3{color: #075d8d}.woocommerce .woocommerce-cart-form .shop_table .cart_item .product-remove a:hover i{color: #075d8d}.blog-posts .post-item .post-thumbnail .post-hover{background-color: rgba(7,93,141,0.9)}.blog-posts .post-item .post-thumbnail .post-hover.post-hover--no-opacity{background-color: #075d8d}.labeled-input-row--label{border-bottom-color: #eee}.lg-outer .lg .lg-progress-bar .lg-progress{background-color: #075d8d}.site-footer .footer-widgets .widget .widgettitle{color: #222}.labeled-input-row label,.labeled-textarea-row label{color: #222}.labeled-textarea-row textarea{background-image: linear-gradient(#eee 1px, transparent 1px)}.labeled-input-row input{border-bottom-color: #eee}.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title a,.blog-posts .post-item .post-details .post-title a{color: #222}.pagination--normal .page-numbers{color: #075d8d}.blog-posts .post-item.template-rounded .post-thumbnail .post-format-icon{color: #555}.widget-area .widget li a,.widget ul ul a:before{color: #222}.woocommerce.single-product .summary .single_variation_wrap .single_variation,.woocommerce.single-product .summary p.price{color: #075d8d}.woocommerce .products .product.catalog-layout-full-bg .product-internal-info{background-color: #075d8d}.woocommerce .shop-categories .product-category a:hover .woocommerce-loop-category__title,.woocommerce .shop-categories .product-category a:hover h3{color: #075d8d}.lab-divider .lab-divider-content{color: #222}.contact-form .button .loading-bar{background-color: #0c9dee}.contact-form .button .loading-bar span{background-color: #032d44}.vc_row .vc_tta-tabs.vc_tta-style-theme-styled-minimal .vc_tta-tabs-list li.vc_active a{color: #075d8d}.woocommerce .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price ins .amount,.woocommerce .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__price > .amount,.woocommerce .summary > .price,.woocommerce .summary .single_variation_wrap .single_variation{color: #075d8d}.woocommerce .products .product .item-info .price ins,.woocommerce .products .product .item-info .price > .amount{color: #075d8d}.pagination-container a.page-numbers.current,.pagination-container a.page-numbers:hover,.pagination-container span.page-numbers.current,.pagination-container span.page-numbers:hover,.woocommerce-pagination a.page-numbers.current,.woocommerce-pagination a.page-numbers:hover,.woocommerce-pagination span.page-numbers.current,.woocommerce-pagination span.page-numbers:hover{color: #075d8d}.woocommerce .products .product .item-info .add_to_cart_button:focus{color: #075d8d}.widget ul ul a:before{background-color: #222}.woocommerce .summary p{color: #555}input[type=text],input[type=number],input[type=email],input[type=password],input[type=url],input[type=tel]{color: #222}.single-post .post .author-info--details .author-name,.single-post .post .post-meta a{color: #075d8d}.single-post .post-comments--list .comment .commenter-details .in-reply-to span{color: #075d8d}.single-post .comment-form > p.comment-form-cookies-consent input[type=checkbox]:before,input[type=checkbox]:before,input[type=radio]:before{background-color: #075d8d}.btn.btn-default{background-color: #075d8d}.pricing-table .plan .plan-head{background-color: #075d8d}.woocommerce .add_to_cart_button:hover{color: #075d8d}.woocommerce .add_to_cart_button:after{background-color: #075d8d}.woocommerce .add_to_cart_button + .added-to-cart{color: #075d8d}.woocommerce .products .product.catalog-layout-full-bg .tooltip-inner{color: #075d8d}.woocommerce .products .product .item-info .add_to_cart_button.loading{color: #075d8d}.woocommerce .summary .single_variation_wrap .single_variation,.woocommerce .summary p.price{color: #075d8d}.blog-posts .post-item .post-thumbnail .post-gallery-images.flickity-enabled .flickity-prev-next-button:hover,.single-post .post-image .post-gallery-images.flickity-enabled .flickity-prev-next-button:hover{color: #075d8d}@-webkit-keyframes a{0%{-webkit-transform:translate(-50%,-50%) rotateX(0) rotateY(0);transform:translate(-50%,-50%) rotateX(0) rotateY(0)}50%{-webkit-transform:translate(-50%,-50%) rotateX(-180deg) rotateY(0);transform:translate(-50%,-50%) rotateX(-180deg) rotateY(0)}to{-webkit-transform:translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg);transform:translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg)}}@keyframes a{0%{-webkit-transform:translate(-50%,-50%) rotateX(0) rotateY(0);transform:translate(-50%,-50%) rotateX(0) rotateY(0)}50%{-webkit-transform:translate(-50%,-50%) rotateX(-180deg) rotateY(0);transform:translate(-50%,-50%) rotateX(-180deg) rotateY(0)}to{-webkit-transform:translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg);transform:translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg)}}.fluidbox{outline:none}.fluidbox__overlay{background-color:hsla(0,0%,100%,.85);cursor:pointer;cursor:zoom-out;opacity:0;pointer-events:none;position:fixed;top:-100%;left:0;bottom:-100%;right:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fluidbox--opened .fluidbox__overlay{pointer-events:auto}.fluidbox__wrap{background-position:center center;background-size:cover;margin:0 auto;position:relative;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fluidbox--closed .fluidbox__thumb,.fluidbox__thumb{-webkit-transition:opacity 0s ease-in-out 0s;transition:opacity 0s ease-in-out 0s}.fluidbox__ghost{background-size:100% 100%;background-position:center center;background-repeat:no-repeat;position:absolute;-webkit-transition:opacity 0s 0s,-webkit-transform .5s 0s;transition:opacity 0s 0s,-webkit-transform .5s 0s;transition:opacity 0s 0s,transform .5s 0s;transition:opacity 0s 0s,transform .5s 0s,-webkit-transform .5s 0s}.fluidbox--opened .fluidbox__ghost{cursor:pointer;cursor:zoom-out}.fluidbox--closed .fluidbox__ghost{-webkit-transition:opacity 0s .5s,-webkit-transform .5s 0s;transition:opacity 0s .5s,-webkit-transform .5s 0s;transition:opacity 0s .5s,transform .5s 0s;transition:opacity 0s .5s,transform .5s 0s,-webkit-transform .5s 0s}.fluidbox__loader{opacity:0;-webkit-perspective:200px;perspective:200px;pointer-events:none;position:absolute;top:0;left:0;bottom:0;right:0}.fluidbox__loader:before{background-color:hsla(0,0%,100%,.85);content:'';-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:50%;left:50%;width:20%;padding-bottom:20%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-delay:0s;transition-delay:0s}.fluidbox--loading .fluidbox__loader{opacity:1;-webkit-transition:opacity .5s ease-in-out .5s;transition:opacity .5s ease-in-out .5s}.fluidbox--loading .fluidbox__loader:before{-webkit-animation:a 1s 0s infinite ease-in-out forwards;animation:a 1s 0s infinite ease-in-out forwards}