@charset "UTF-8";
*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.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-lg-auto,.col-md,.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-md-auto,.col-sm,.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-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.animated-2x{
-webkit-animation-duration: .5s;
animation-duration: .5s;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) 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 {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(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: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-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: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }@font-face {
font-family: iranyekan;
font-style: normal;
font-weight: bold;
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebboldfanum.eot);
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebboldfanum.eot?#iefix) format('embedded-opentype'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/woff/iranyekanwebboldfanum.woff) format('woff'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/ttf/iranyekanwebboldfanum.ttf) format('truetype');
}
@font-face {
font-family: iranyekan;
font-style: normal;
font-weight: 100;
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebthinfanum.eot);
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebthinfanum.eot?#iefix) format('embedded-opentype'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/woff/iranyekanwebthinfanum.woff) format('woff'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/ttf/iranyekanwebthinfanum.ttf) format('truetype');
}
@font-face {
font-family: iranyekan;
font-style: normal;
font-weight: 300;
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanweblightfanum.eot);
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanweblightfanum.eot?#iefix) format('embedded-opentype'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/woff/iranyekanweblightfanum.woff) format('woff'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/ttf/iranyekanweblightfanum.ttf) format('truetype');
}
@font-face {
font-family: iranyekan;
font-style: normal;
font-weight: normal;
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebregularfanum.eot);
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebregularfanum.eot?#iefix) format('embedded-opentype'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/woff/iranyekanwebregularfanum.woff) format('woff'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/ttf/iranyekanwebregularfanum.ttf) format('truetype');
}
@font-face {
font-family: iranyekan;
font-style: normal;
font-weight: 500;
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebmediumfanum.eot);
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebmediumfanum.eot?#iefix) format('embedded-opentype'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/woff/iranyekanwebmediumfanum.woff) format('woff'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/ttf/iranyekanwebmediumfanum.ttf) format('truetype');
}
@font-face {
font-family: iranyekan;
font-style: normal;
font-weight: 800;
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebextraboldfanum.eot);
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebextraboldfanum.eot?#iefix) format('embedded-opentype'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/woff/iranyekanwebextraboldfanum.woff) format('woff'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/ttf/iranyekanwebextraboldfanum.ttf) format('truetype');
}
@font-face {
font-family: iranyekan;
font-style: normal;
font-weight: 900;
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebblackfanum.eot);
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebblackfanum.eot?#iefix) format('embedded-opentype'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/woff/iranyekanwebblackfanum.woff) format('woff'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/ttf/iranyekanwebblackfanum.ttf) format('truetype');
}
@font-face {
font-family: iranyekan;
font-style: normal;
font-weight: 950;
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebextrablackfanum.eot);
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/eot/iranyekanwebextrablackfanum.eot?#iefix) format('embedded-opentype'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/woff/iranyekanwebextrablackfanum.woff) format('woff'), url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/ttf/iranyekanwebextrablackfanum.ttf) format('truetype');
}
@font-face {
font-family: 'MjHili';
font-style: normal;
font-weight: normal;
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/ttf/MjHiliBook-Regular.ttf);
}
@font-face {
font-family: 'MjHili';
font-style: normal;
font-weight: lighter;
src: url(//azizijewelry.com/wp-content/themes/azizi/static/fonts/ttf/MjHiliBook-Light.ttf);
}
.feeee {
display: none;
}
html {
scroll-behavior: smooth;
}
body {
font-family: iranyekan !important;
direction: rtl;
text-align: right;
margin: 0;
font-size: 1rem;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
h1 {
font-weight: bold;
}
a {
color: #125C5B;
-webkit-transition: color .25s;
transition: color .25s;
}
a:hover {
text-decoration: none;
color: #123D37;
}
.bordered {
border: 1px solid;
}
.ltr {
direction: ltr;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-small {
font-size: 0.8em;
}
.text-xsmall {
font-size: 0.6em;
}
.text-large {
font-size: 1.2em;
}
.text-xlarge {
font-size: 1.4em;
}
.text-underline {
text-decoration: underline;
}
.text-thin {
font-weight: 100;
}
.text-light {
font-weight: 300;
}
.text-regular {
font-weight: normal;
}
.text-medium {
font-weight: 500;
}
.text-bold {
font-weight: bold;
}
.text-extrabold {
font-weight: 800;
}
.text-black {
font-weight: 900;
}
.text-extrablack {
font-weight: 950;
}
.img-fluid {
max-width: 100%;
}
.section-title span {
display: inline-block;
position: relative;
padding: 0 15px;
color: #00E1D5;
font-weight: 400;
font-size: 1.8rem;
}
.section-title span::before, .section-title span::after {
position: absolute;
content: '';
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: auto;
width: 40px;
height: 30px;
}
.section-title span::before {
left: 100%;
background-position: center left;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/motif-2-right.png);
}
.section-title span::after {
right: 100%;
background-position: center right;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/motif-2-left.png);
}
@media (max-width: 767.98px) {
.section-title span {
font-size: 1.3rem;
}
}
.btn-polygon {
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/polygon-btn-bg@2x.jpg) no-repeat center center;
background-size: 100% 100%;
padding: 12px 35px;
color: #fff;
position: relative;
}
.btn-polygon:hover {
color: #fff;
}
.btn-polygon::before, .btn-polygon::after {
position: absolute;
content: '';
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100px;
height: 90%;
background-repeat: no-repeat;
background-size: auto 100%;
-webkit-transition: -webkit-transform .25s;
transition: -webkit-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s;
}
.btn-polygon::before {
background-position: center left;
left: calc(100% - 12px);
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/btn-arrow-right-1.png);
}
.btn-polygon::after {
background-position: center right;
right: calc(100% - 12px);
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/btn-arrow-left-1.png);
}
.btn-polygon:hover::before {
-webkit-transform: translate(5px, -50%);
transform: translate(5px, -50%);
}
.btn-polygon:hover::after {
-webkit-transform: translate(-5px, -50%);
transform: translate(-5px, -50%);
}
@media (max-width: 575.98px) {
.btn-polygon {
padding: 7px 20px;
font-size: 12px;
}
}
.motif span {
padding: 0 25px;
position: relative;
}
.motif span::before {
right: 0;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/motif-3-right.svg);
}
.motif span::after {
left: 0;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/motif-3-left.svg);
}
.motif span::before, .motif span::after {
position: absolute;
content: '';
top: 50%;
width: 15px;
height: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}
blockquote {
font-weight: 500;
padding: 10px;
border: 1px dashed #666666;
}
.breadcrumbs {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.breadcrumbs [typeof="ListItem"] a, .breadcrumbs [typeof="ListItem"] .current-item {
padding: 0 8px;
margin: 0 8px;
font-size: .9rem;
font-weight: 400;
}
.breadcrumbs [typeof="ListItem"] a {
position: relative;
display: inline-block;
color: #999;
}
.breadcrumbs [typeof="ListItem"] a::after {
position: absolute;
content: '';
width: 8px;
height: 8px;
right: 100%;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
color: #F3E89F;
border-left: 1px solid;
border-top: 1px solid;
}
.breadcrumbs [typeof="ListItem"] a:hover {
color: #666;
}
.breadcrumbs .current-item {
color: #00E1D5;
}
.pagination ul {
margin: 0;
padding: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagination ul li a {
background-color: #188C86;
color: #F3E89F;
font-size: .9rem;
padding: 3px 8px;
display: inline-block;
margin-left: 8px;
margin-right: 8px;
border: 1px solid transparent;
}
.pagination ul li a.active {
background-color: transparent;
border-color: #188C86;
}
.primary-menu {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
-webkit-transition: background-color .25s;
transition: background-color .25s;
overflow: hidden;
}
.primary-menu > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1199.98px) {
.primary-menu > .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.primary-menu__handler {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media (min-width: 1200px) {
.primary-menu__handler {
display: none;
}
}
.primary-menu__logo {
padding: 35px 0;
-webkit-transition: padding .25s;
transition: padding .25s;
}
@media (max-width: 1199.98px) {
.primary-menu__logo {
text-align: left;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 15px 0;
}
}
.primary-menu__nav {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
margin: 0;
}
.primary-menu__nav li a {
padding-left: 15px;
padding-right: 15px;
color: #888;
position: relative;
font-weight: 500;
display: inline-block;
}
.primary-menu__nav li a::before {
position: absolute;
content: '';
right: 0;
top: 50%;
-webkit-transform: translate(2.5px, -50%);
transform: translate(2.5px, -50%);
width: 5px;
height: 5px;
background-color: #F3E89F;
border-radius: 100%;
}
.primary-menu__nav li a:hover {
text-decoration: none;
color: #188C86;
}
.primary-menu__nav li.active a {
color: #188C86;
}
@media (min-width: 1200px) {
.primary-menu__nav li:first-child a::before {
display: none;
}
}
@media (max-width: 1199.98px) {
.primary-menu__nav {
height: 0;
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.primary-menu__nav li {
margin-top: 5px;
margin-bottom: 5px;
overflow: hidden;
}
.primary-menu__nav li a {
-webkit-transition: opacity .5s, -webkit-transform .5s;
transition: opacity .5s, -webkit-transform .5s;
transition: transform .5s, opacity .5s;
transition: transform .5s, opacity .5s, -webkit-transform .5s;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
}
.primary-menu__meta {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
color: #125C5B;
font-size: 1.2rem;
}
@media (max-width: 575.98px) {
.primary-menu__meta {
font-size: 1rem;
}
}
.primary-menu__meta li {
padding: 0 10px;
}
.primary-menu__meta li a {
color: #125C5B;
}
@media (max-width: 1199.98px) {
.primary-menu__meta {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.primary-menu.fixed {
background-color: #fff;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}
.primary-menu.fixed .primary-menu__logo {
padding: 15px 0;
}
@media (max-width: 1199.98px) {
.primary-menu {
background-color: #fff;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}
}
.primary-menu.opened .primary-menu__nav {
height: auto;
margin-bottom: 15px;
}
.primary-menu.opened .primary-menu__nav li a {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.inner-page {
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/right-header-decorative.jpg), url(//azizijewelry.com/wp-content/themes/azizi/static/img/left-header-decorative.jpg), url(//azizijewelry.com/wp-content/themes/azizi/static/img/mandala-1@2x.jpg);
background-size: auto auto, auto auto, 600px auto;
background-position: right top, left top, center top -360px;
background-repeat: no-repeat, no-repeat;
padding-top: 130px;
}
#header {
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/right-header-decorative.jpg), url(//azizijewelry.com/wp-content/themes/azizi/static/img/left-header-decorative.jpg);
background-size: auto auto, auto auto;
background-position: right top, left top;
background-repeat: no-repeat, no-repeat;
min-height: 700px;
height: 100vh;
overflow: hidden;
position: relative;
}
@media (max-width: 1199.98px) {
#header {
margin-top: 90px;
height: calc(100% - 90px);
min-height: 600px;
padding-top: 15px;
}
}
@media (max-width: 767.98px) {
#header {
min-height: auto;
height: auto;
padding-bottom: 100px;
}
}
.slideshow {
position: relative;
height: 100%;
}
.slideshow::before {
position: absolute;
content: '';
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 5px;
background-color: #F3E89F;
width: 100vw;
left: 0;
right: 0;
}
.slideshow__title {
color: #EEEFF3;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
font-size: 10rem;
opacity: .4;
font-weight: 100;
overflow: hidden;
}
@media (max-width: 767.98px) {
.slideshow__title {
display: none;
}
}
.slideshow__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
z-index: 1;
position: relative;
}
.slideshow__box {
-webkit-box-shadow: 0 0 200px rgba(0, 0, 0, 0.04), 0 0 40px -10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 200px rgba(0, 0, 0, 0.04), 0 0 40px -10px rgba(0, 0, 0, 0.1);
background-color: #fff;
z-index: 10;
width: 550px;
height: 400px;
position: relative;
overflow: hidden;
}
.slideshow__box__image {
position: absolute;
left: 30px;
right: 30px;
top: 40px;
bottom: 100px;
text-align: center;
background-color: #fff;
}
.slideshow__box__image a {
display: block;
width: 100%;
height: 100%;
}
.slideshow__box__image img {
max-width: 100%;
max-height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.slideshow__box__meta {
position: absolute;
right: 0;
padding-right: 20px;
border-right: 5px solid #F3E89F;
bottom: 20px;
}
.slideshow__box__title {
color: #188C86;
font-family: "MjHili";
font-size: 2.4rem;
font-weight: lighter;
height: 55px;
}
.slideshow__box__desc {
color: #999;
font-size: .8rem;
height: 18px;
margin-bottom: 10px;
}
.slideshow__box__dots {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
z-index: 5;
left: 20px;
top: 20px;
}
.slideshow__box__dots li {
width: 14px;
height: 14px;
margin-left: 4px;
margin-right: 4px;
background-color: #EEEFF3;
cursor: pointer;
-webkit-transition: background-color .25s;
transition: background-color .25s;
}
.slideshow__box__dots li:hover {
background-color: #ccc;
}
.slideshow__box__dots li.active {
background-color: #125C5B;
cursor: auto;
}
.slideshow__box-bg {
position: absolute;
left: 50%;
top: 50%;
width: 590px;
height: 440px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.slideshow__box-bg__dot {
position: absolute;
width: 50px;
height: 50px;
background-color: #125C5B;
}
.slideshow__box-bg__dot--right {
right: 0;
top: 0;
}
.slideshow__box-bg__dot--right::after {
position: absolute;
content: '';
right: -20px;
left: 0;
top: 5;
bottom: 0;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/motif-1.png);
background-repeat: no-repeat;
background-size: auto;
}
.slideshow__box-bg__dot--left {
left: 0;
bottom: 0;
}
.slideshow__arrows {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
}
.slideshow__arrows__item {
background-color: #123D37;
color: #fff;
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
opacity: .5;
-webkit-transition: opacity .25s;
transition: opacity .25s;
z-index: 100;
}
.slideshow__arrows__item:hover {
opacity: 1;
}
.header-bottom {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 25px 0;
z-index: 10;
}
.header-bottom__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style-type: none;
padding: 0;
margin: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-bottom__social li a {
font-size: 1.3rem;
margin: 0 10px;
}
.header-bottom__social li a:hover {
color: #188C86;
}
.section-about {
padding: 100px 0;
position: relative;
overflow: hidden;
}
.section-about .about {
width: 100%;
max-width: 1000px;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 10;
height: 300px;
}
.section-about .about::before {
position: absolute;
content: '';
left: -100px;
top: 0;
bottom: 0;
right: 0;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/about-background-polygon@2x.png) no-repeat left center;
background-size: auto 100%;
}
@media (max-width: 1199.98px) {
.section-about .about {
height: 280px;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/lighter-grey-pattern.jpg) repeat;
border-radius: 30px;
}
.section-about .about::before {
display: none;
}
}
@media (max-width: 991.98px) {
.section-about .about {
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
}
.section-about .about__image {
width: 560px;
-webkit-transform: scale(2);
transform: scale(2);
-webkit-mask-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/gallery-colored-shape-2.svg);
mask-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/gallery-colored-shape-2.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: right center;
mask-position: right center;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/store-image.jpg);
background-repeat: no-repeat;
background-position: right center;
background-size: 150% auto;
}
@media (max-width: 991.98px) {
.section-about .about__image {
-webkit-mask: none;
mask: none;
height: 200px;
width: 100%;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.section-about .about__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 50px;
position: relative;
}
@media (max-width: 991.98px) {
.section-about .about__content {
padding: 50px 0px;
}
}
@media (max-width: 767.98px) {
.section-about .about__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 50px;
}
}
.section-about .about__content__text {
padding: 15px;
font-size: .8rem;
line-height: 2.5em;
font-weight: 300;
position: relative;
height: 190px;
}
@media (max-width: 991.98px) {
.section-about .about__content__text {
height: auto;
}
}
.section-about .about__content__text::before, .section-about .about__content__text::after {
position: absolute;
content: '';
width: 70px;
height: 60px;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/pure-decorative-bottom-right-corner@2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.section-about .about__content__text::before {
left: 100%;
top: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.section-about .about__content__text::after {
right: 100%;
bottom: 100%;
-webkit-transform: translate(50%, 50%) rotate(180deg);
transform: translate(50%, 50%) rotate(180deg);
}
.section-about .about-leafs {
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.section-about .about-leafs__item {
position: absolute;
}
.section-about .about-leafs__item--1 {
right: 0;
-webkit-transform: translate(70%, -50%) scale(1.3);
transform: translate(70%, -50%) scale(1.3);
}
.section-about .about-leafs__item--2 {
left: 0;
-webkit-transform: translate(-70%, -50%) scale(1.3) rotate(180deg);
transform: translate(-70%, -50%) scale(1.3) rotate(180deg);
}
.section-about .about-leafs__item--3 {
z-index: 12;
right: 200px;
top: -50px;
}
@media (max-width: 767.98px) {
.section-about .about-leafs {
display: none;
}
}
.section-featured {
margin: 70px 0;
}
.section-featured .featured {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section-featured .featured__image {
width: 40%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/abstract-bg-right-1.jpg) no-repeat right top;
background-size: auto 100%;
}
.section-featured .featured__image img {
max-width: 160px;
height: auto;
margin-left: 100px;
}
@media (max-width: 991.98px) {
.section-featured .featured__image {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-featured .featured__image img {
margin-left: auto;
margin-right: auto;
}
}
.section-featured .featured__content {
width: 60%;
color: #fff;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/lighter-green-pattern.jpg);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 45px;
position: relative;
}
@media (max-width: 991.98px) {
.section-featured .featured__content {
width: 100%;
}
}
.section-featured .featured__content::after {
position: absolute;
content: '';
right: 0;
top: 0;
width: 100px;
height: 100px;
-webkit-transform: translate(23px, -23px);
transform: translate(23px, -23px);
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/corner-bg-yellow-1@2x.png) no-repeat;
background-size: 100% 100%;
pointer-events: none;
}
@media (max-width: 575.98px) {
.section-featured .featured__content::after {
display: none;
}
}
.section-featured .featured__content__inner {
max-width: 600px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-featured .featured__title {
font-family: "MjHili";
}
.section-featured .featured__text {
font-size: .9rem;
font-weight: 300;
line-height: 30px;
}
.section-featured .featured__link {
margin-top: 30px;
}
.section-featured .featured__link a {
color: #F3E89F;
}
.section-featured .featured--reversed {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.section-featured .featured--reversed .featured__image {
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/abstract-bg-left-1.jpg) no-repeat left top;
}
.section-featured .featured--reversed .featured__image img {
margin-right: 100px;
margin-left: auto;
}
@media (max-width: 991.98px) {
.section-featured .featured--reversed .featured__image img {
margin-left: auto;
margin-right: auto;
}
}
.section-featured .featured--reversed .featured__content {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-featured .featured--reversed .featured__content::after {
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/corner-bg-yellow-2@2x.png) no-repeat;
background-size: 100% 100%;
right: auto;
left: 0;
-webkit-transform: translate(-23px, -23px);
transform: translate(-23px, -23px);
}
@media (max-width: 991.98px) {
.section-featured .featured {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.section-title {
font-family: "MjHili";
color: #188C86;
text-align: center;
}
.section-categories {
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/mandala-1@2x.jpg) no-repeat center center;
background-size: auto 100%;
padding: 50px 0;
}
.section-categories .categories {
margin-top: 45px;
}
.section-categories .categories__list__item {
width: calc(33.333333% - 10px);
padding: 70px 0;
margin-left: 5px;
margin-right: 5px;
-webkit-filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.05));
filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.05));
-webkit-transition: -webkit-filter .25s;
transition: -webkit-filter .25s;
transition: filter .25s;
transition: filter .25s, -webkit-filter .25s;
}
@media (max-width: 991.98px) {
.section-categories .categories__list__item {
width: calc(50% - 5px);
}
}
@media (max-width: 575.98px) {
.section-categories .categories__list__item {
width: calc(100% - 10px);
}
}
.section-categories .categories__list__item__back {
position: absolute;
left: 30px;
right: 30px;
bottom: 75px;
top: 75px;
-webkit-transition: top .25s, bottom .25s;
transition: top .25s, bottom .25s;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/polygon-blue-up-1.png), url(//azizijewelry.com/wp-content/themes/azizi/static/img/polygon-blue-down-1.png);
background-repeat: no-repeat, no-repeat;
background-position: center top, center bottom;
background-size: 100% auto;
}
.section-categories .categories__list__item:hover {
z-index: 10;
-webkit-filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.15));
filter: drop-shadow(0px 0px 35px rgba(0, 0, 0, 0.15));
}
.section-categories .categories__list__item:hover .categories__list__item__back {
bottom: 50px;
top: 50px;
}
.section-categories .categories__item {
background-color: #fff;
-webkit-mask: url(//azizijewelry.com/wp-content/themes/azizi/static/img/polygon-1.svg);
mask: url(//azizijewelry.com/wp-content/themes/azizi/static/img/polygon-1.svg);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
padding: 25px;
position: relative;
}
.section-categories .categories__item::before, .section-categories .categories__item::after {
position: absolute;
content: '';
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 40px;
height: 20px;
background-repeat: no-repeat;
background-size: 100% auto;
}
.section-categories .categories__item::before {
background-position: center top;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/arrow-wide-up.svg);
top: 10px;
}
.section-categories .categories__item::after {
background-position: center bottom;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/arrow-wide-down.svg);
bottom: 10px;
}
.section-categories .categories__item__image img {
max-width: 100%;
}
.section-categories .categories__item__name {
text-align: center;
font-family: "MjHili";
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 25px;
}
.section-bestsell {
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/white-gradiant-path-up-1@2x.jpg), url(//azizijewelry.com/wp-content/themes/azizi/static/img/white-gradiant-path-down-1@2x.jpg);
background-position: center top, center bottom;
background-repeat: no-repeat;
background-size: 100% auto;
padding-top: 60px;
padding-bottom: 60px;
}
.bestsell {
text-align: center;
}
.bestsell__item {
margin-top: 15px;
margin-bottom: 15px;
-webkit-transition: -webkit-box-shadow .25s;
transition: -webkit-box-shadow .25s;
transition: box-shadow .25s;
transition: box-shadow .25s, -webkit-box-shadow .25s;
position: relative;
overflow: hidden;
}
.bestsell__item__image {
padding: 15px;
background-color: #fff;
text-align: center;
}
.bestsell__item__image img {
max-width: 100%;
max-height: 100%;
height: auto;
}
.bestsell__item__overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
-webkit-transition: opacity .25s, background .25s, -webkit-transform .15s;
transition: opacity .25s, background .25s, -webkit-transform .15s;
transition: opacity .25s, transform .15s, background .25s;
transition: opacity .25s, transform .15s, background .25s, -webkit-transform .15s;
-webkit-transform: translateY(50%);
transform: translateY(50%);
background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(transparent));
background: linear-gradient(to top, #fff, transparent);
}
@media (max-width: 575.98px) {
.bestsell__item__overlay {
opacity: 1;
}
}
.bestsell__item__title {
font-size: 1.1rem;
}
@media (max-width: 575.98px) {
.bestsell__item__title {
font-size: 1rem;
}
.bestsell__item__title span {
padding: 0;
}
.bestsell__item__title span::before, .bestsell__item__title span::after {
display: none;
}
}
.bestsell__item__desc {
color: #666;
font-size: .7rem;
padding: 0 10px;
}
.bestsell__item__link {
color: #fff;
background-color: #00E1D5;
display: inline-block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: .8rem;
padding: 5px 25px;
margin-top: 10px;
border-radius: 15px 15px 0px 0px;
}
.bestsell__item:hover {
z-index: 10;
-webkit-box-shadow: 0 25px 65px rgba(0, 0, 0, 0.05);
box-shadow: 0 25px 65px rgba(0, 0, 0, 0.05);
}
.bestsell__item:hover .bestsell__item__overlay {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
@media (max-width: 575.98px) {
.bestsell__item:hover .bestsell__item__overlay {
background: #fff;
}
}
.bestsell--slider .bestsell__item {
width: 25%;
margin-top: 70px;
margin-bottom: 70px;
}
@media (max-width: 991.98px) {
.bestsell--slider .bestsell__item {
width: 33.333333%;
margin-top: 50px;
margin-bottom: 50px;
}
}
@media (max-width: 575.98px) {
.bestsell--slider .bestsell__item {
width: 50%;
}
}
.section-certs {
margin: 50px 0;
position: relative;
}
.section-certs::before {
position: absolute;
content: '';
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
height: 200px;
background-color: #eee;
}
@media (max-width: 767.98px) {
.section-certs::before {
height: 100px;
}
}
.certs {
text-align: center;
}
.certs__item {
position: relative;
margin-top: 45px;
margin-bottom: 45px;
-webkit-filter: drop-shadow(0px 0px 25px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0px 0px 25px rgba(0, 0, 0, 0.1));
}
@media (max-width: 767.98px) {
.certs__item {
margin-top: 25px;
margin-bottom: 25px;
}
}
.certs__item__image {
display: block;
position: relative;
}
.certs__item__image::before {
position: absolute;
content: '';
bottom: -30px;
left: 10px;
right: 10px;
height: 100px;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/polygon-blue-prizes-bg@2x.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
.certs__item__image__inner {
width: 240px;
padding: 50px;
margin: auto;
background-color: #fff;
-webkit-mask: url(//azizijewelry.com/wp-content/themes/azizi/static/img/polygon-prizes-bg.svg);
mask: url(//azizijewelry.com/wp-content/themes/azizi/static/img/polygon-prizes-bg.svg);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
text-align: center;
position: relative;
}
.certs__item__image__inner img {
max-width: 100%;
height: auto;
}
@media (max-width: 767.98px) {
.certs__item__image__inner {
width: 180px;
padding: 35px;
}
}
@media (max-width: 575.98px) {
.certs__item__image__inner {
width: 220px;
padding: 50px;
}
}
.certs__item__title {
margin-top: 35px;
font-family: "MjHili";
color: #125C5B;
font-size: 1.2rem;
}
.certs--slider .certs__item {
width: calc(33.33333333% - 60px);
margin: 45px 30px;
}
@media (max-width: 1199.98px) {
.certs--slider .certs__item {
margin-left: 10px;
margin-right: 10px;
width: calc(33.3333333% - 13.33333333px);
}
}
@media (max-width: 991.98px) {
.certs--slider .certs__item {
width: calc(50% - 10px);
}
}
@media (max-width: 575.98px) {
.certs--slider .certs__item {
width: calc(100% - 20px);
}
}
.section-gallery {
margin-top: 100px;
}
.section-gallery__more {
margin-top: -20px;
}
@media (max-width: 767.98px) {
.section-gallery__more {
margin-top: 30px;
}
}
.gallery {
margin-top: 35px;
-webkit-column-gap: 1em;
column-gap: 1em;
-webkit-column-count: 4;
column-count: 4;
position: relative;
}
@media (max-width: 1199.98px) {
.gallery {
-webkit-column-count: 3;
column-count: 3;
}
}
@media (max-width: 991.98px) {
.gallery {
-webkit-column-count: 2;
column-count: 2;
}
}
@media (max-width: 575.98px) {
.gallery {
-webkit-column-count: 1;
column-count: 1;
}
}
.gallery::after {
position: absolute;
content: '';
bottom: 0;
left: 0;
right: 0;
height: 300px;
pointer-events: none;
background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(25%, #fff), to(transparent));
background: linear-gradient(to top, #fff, #fff 25%, transparent);
}
@media (max-width: 767.98px) {
.gallery::after {
display: none;
}
}
.gallery__decor {
position: absolute;
left: -50px;
right: -50px;
bottom: 0px;
top: -50px;
z-index: 10;
pointer-events: none;
}
@media (max-width: 767.98px) {
.gallery__decor {
display: none;
}
}
.gallery__decor__item {
position: absolute;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/corner-art@2x.png);
background-size: 100% 100%;
background-repeat: no-repeat;
width: 100px;
height: 100px;
}
.gallery__decor__item--top-left {
background-position: left top;
left: 0;
top: 0;
}
.gallery__decor__item--top-right {
background-position: left top;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
right: 0;
top: 0;
}
.gallery__decor__item--bottom-right {
background-position: right bottom;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
right: 0;
bottom: 0;
}
.gallery__decor__item--bottom-left {
background-position: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
left: 0;
bottom: 0;
}
.gallery__item {
display: inline-block;
margin: .5rem 0;
width: 100%;
overflow: hidden;
}
.gallery__item__image {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .25s;
transition: -webkit-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s;
position: relative;
}
.gallery__item__image::after {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: #188C86;
opacity: 0;
-webkit-transition: opacity .25s;
transition: opacity .25s;
}
.gallery__item__image img {
max-width: 100%;
height: auto;
}
@media (max-width: 575.98px) {
.gallery__item__image img {
width: 100%;
}
}
.gallery__item:hover .gallery__item__image {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.gallery__item:hover .gallery__item__image::after {
opacity: .8;
}
.section-instagram {
margin: 150px 0 50px;
position: relative;
}
@media (max-width: 767.98px) {
.section-instagram {
overflow: hidden;
}
}
.section-instagram__decor {
position: absolute;
}
.section-instagram__decor img {
max-width: 100%;
}
@media (max-width: 767.98px) {
.section-instagram__decor {
display: none;
}
}
.section-instagram__decor--right {
right: 0;
top: -50px;
width: 200px;
}
@media (max-width: 1199.98px) {
.section-instagram__decor--right {
width: 100px;
}
}
.section-instagram__decor--left {
left: 0;
top: 100%;
width: 140px;
}
.instagram {
width: 100%;
max-width: 800px;
margin: auto auto 20px;
color: #00E1D5;
border-bottom: 2px solid;
position: relative;
}
.instagram::before {
position: absolute;
content: '';
bottom: -2px;
left: 100%;
width: 60px;
height: 150px;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/motif-blue-vertical-1.png) no-repeat left bottom;
background-size: auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.instagram::after {
position: absolute;
content: '';
right: calc(100% + 5px);
bottom: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/three-leaves-shape-yellow@2x.jpg) no-repeat right center;
width: 50px;
height: 30px;
background-size: auto 100%;
}
.instagram__title {
font-family: "MjHili";
font-size: 1.7rem;
font-weight: 400;
}
@media (max-width: 575.98px) {
.instagram__title {
font-size: 1.5rem;
}
}
.instagram a {
color: #188C86;
}
.instagram__id {
padding-top: 15px;
}
.instagram__id span {
display: inline-block;
background-color: #188C86;
color: #fff;
padding: 5px 10px;
border-radius: 10px;
font-weight: 800;
letter-spacing: 2px;
}
.section-contact {
margin-top: 150px;
}
@media (max-width: 1199.98px) {
.section-contact {
margin-top: 200px;
}
}
@media (max-width: 991.98px) {
.section-contact {
margin-top: 100px;
}
}
.contact {
padding-bottom: 100px;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/lighter-grey-pattern.jpg);
}
@media (max-width: 991.98px) {
.contact {
padding-top: 40px;
}
}
.contact__title {
font-family: "MjHili";
font-size: 1.3rem;
margin-top: 10px;
font-weight: 500;
}
.contact__map {
margin-top: -70px;
background-color: #eee;
-webkit-box-shadow: 0 -10px 65px rgba(0, 0, 0, 0.04);
box-shadow: 0 -10px 65px rgba(0, 0, 0, 0.04);
position: relative;
}
.contact__map iframe {
border: none;
outline: none;
}
@media (max-width: 991.98px) {
.contact__map {
margin-top: 10px;
}
}
.contact__map::before, .contact__map::after {
position: absolute;
content: '';
width: 50px;
height: 40px;
border: 1px solid #F3E89F;
}
@media (max-width: 767.98px) {
.contact__map::before, .contact__map::after {
display: none;
}
}
.contact__map::before {
left: -20px;
top: -20px;
border-right: none;
border-bottom: none;
}
.contact__map::after {
right: -20px;
bottom: -20px;
border-left: none;
border-top: none;
}
.footer {
background-color: #188C86;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/lighter-green-pattern.jpg);
padding-top: 50px;
padding-bottom: 10px;
color: #fff;
position: relative;
}
@media (max-width: 575.98px) {
.footer {
text-align: center;
}
}
.footer::before {
position: absolute;
content: '';
bottom: 100%;
left: 50%;
-webkit-transform: translate(-50%, 36px);
transform: translate(-50%, 36px);
width: 300px;
height: 100px;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/footer-top-decorative@2x.png) no-repeat center center;
background-size: 100% auto;
}
.footer__logo img {
max-width: 100%;
}
.footer__title {
font-family: "MjHili";
font-size: 1.2rem;
font-weight: 600;
}
@media (max-width: 767.98px) {
.footer__title {
margin-top: 20px;
}
}
.footer__nav {
list-style: none;
padding: 0;
margin: 0;
}
.footer__nav li a {
font-size: .9rem;
color: #fff;
font-weight: 300;
}
.footer__copyright {
margin-top: 15px;
font-family: 'Times New Roman', Times, serif;
}
.footer__copyright a {
color: #F3E89F;
font-weight: bold;
}
.newest {
position: relative;
}
.newest__bg {
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 40%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/lighter-green-pattern.jpg);
}
.newest__item {
width: calc(33.333333% - 53.333333333333px);
margin: 55px 40px;
-webkit-box-shadow: 0 20px 55px rgba(0, 0, 0, 0.1);
box-shadow: 0 20px 55px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991.98px) {
.newest__item {
margin-left: 20px;
margin-right: 20px;
width: calc(33.333333% - 20px);
}
}
@media (max-width: 767.98px) {
.newest__item {
width: calc(50% - 20px);
}
}
.section-videos {
margin-top: 150px;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/mandala-1@2x.jpg) no-repeat center center;
position: relative;
overflow: hidden;
}
.section-videos__decor {
position: absolute;
right: 0;
bottom: 100px;
-webkit-transform: translateX(70px);
transform: translateX(70px);
}
.section-videos__decor img {
max-width: 100%;
}
.videos {
display: -ms-grid;
display: grid;
-ms-grid-columns: calc(60% - 1.25em) calc(40% - 1.25em);
grid-template-columns: calc(60% - 1.25em) calc(40% - 1.25em);
gap: 2.5em;
position: relative;
}
@media (max-width: 1199.98px) {
.videos {
-ms-grid-columns: calc(60% - .75em) calc(40% - .75em);
grid-template-columns: calc(60% - .75em) calc(40% - .75em);
gap: 1.5em;
}
}
@media (max-width: 991.98px) {
.videos {
-ms-grid-columns: calc(50% - .75em) calc(50% - .75em);
grid-template-columns: calc(50% - .75em) calc(50% - .75em);
}
}
@media (max-width: 991.98px) {
.videos {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
gap: 0;
}
}
.videos__item {
position: relative;
}
@media (max-width: 991.98px) {
.videos__item {
margin-top: 10px;
margin-bottom: 10px;
}
}
.videos__item__image {
height: 100%;
overflow: hidden;
}
.videos__item__image img {
width: 100%;
height: auto;
min-height: 100%;
max-height: 400px;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .25s;
transition: -webkit-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s;
}
.videos__item__title {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 30px;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 225, 213, 0.5)), to(transparent));
background: linear-gradient(to top, rgba(0, 225, 213, 0.5), transparent);
margin: 0;
color: #fff;
}
@media (max-width: 991.98px) {
.videos__item__title {
padding: 15px;
}
}
.videos__item:hover .videos__item__image img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.videos__decor {
position: absolute;
}
.videos__decor--1 {
right: 0;
top: 0;
-webkit-transform: translate(40%, -40%);
transform: translate(40%, -40%);
width: 70px;
height: 70px;
background-color: #00E1D5;
}
.videos__decor--2 {
left: 0;
top: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
background: radial-gradient(#F3E89F, transparent 80%);
}
.videos__decor--3 {
right: 0;
bottom: 0;
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
width: 80px;
height: 80px;
background: radial-gradient(#00E1D5, transparent 70%);
}
.videos__decor--4 {
left: 0;
bottom: 0;
-webkit-transform: translate(-40%, 40%);
transform: translate(-40%, 40%);
width: 70px;
height: 70px;
background-color: #F3E89F;
}
.showcase {
margin-top: 100px;
margin-bottom: 100px;
position: relative;
}
.showcase__bg {
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/abstract-bg-right-1.jpg);
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
}
.showcase__bold {
position: relative;
z-index: 5;
-webkit-box-shadow: 0 25px 70px rgba(0, 0, 0, 0.1);
box-shadow: 0 25px 70px rgba(0, 0, 0, 0.1);
margin-bottom: 25px;
background: #fff;
}
@media (max-width: 767.98px) {
.showcase__bold {
margin-bottom: 0;
}
}
.showcase__bold__image {
position: relative;
padding: 50px;
z-index: 5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.showcase__bold__image img {
width: 270px;
height: 270px;
-o-object-fit: scale-down;
object-fit: scale-down;
-o-object-position: center center;
object-position: center center;
}
@media (max-width: 767.98px) {
.showcase__bold__image {
padding: 10px;
}
}
.showcase__bold__name {
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/category-title-bg-full@2x.png) no-repeat center center;
background-size: auto 100%;
color: #fff;
text-align: center;
position: relative;
z-index: 6;
margin: 0;
font-size: 1.3rem;
font-family: "MjHili";
padding: 5px 0;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
position: absolute;
left: 50%;
width: 100%;
bottom: 0;
}
@media (max-width: 767.98px) {
.showcase__bold__name {
position: relative;
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
left: auto;
}
}
.showcase__bold__decor {
position: absolute;
z-index: 1;
right: 0;
top: 0;
width: 70px;
height: 70px;
background-color: #125C5B;
-webkit-transform: translate(40%, -40%);
transform: translate(40%, -40%);
}
.showcase__bold__decor::after {
position: absolute;
content: '';
left: 5px;
top: 0;
width: 95px;
bottom: 0;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/motif-1@2x.png) no-repeat left top;
background-size: 100% auto;
}
@media (max-width: 767.98px) {
.showcase__bold__decor {
display: none;
}
}
.showcase__list {
background-color: #eee;
padding: 25px;
margin-top: 50px;
position: relative;
}
@media (max-width: 767.98px) {
.showcase__list {
margin-top: 0;
}
}
.showcase__list::before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100px;
height: 100px;
-webkit-transform: translate(-23px, -23px);
transform: translate(-23px, -23px);
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/corner-bg-yellow-2@2x.png) no-repeat;
z-index: 6;
background-size: 100% 100%;
}
@media (max-width: 767.98px) {
.showcase__list::before {
display: none;
}
}
.showcase__list::after {
position: absolute;
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.1);
background: -webkit-gradient(linear, left top, right top, from(rgba(238, 238, 238, 0.5)), color-stop(30%, transparent), to(rgba(238, 238, 238, 0.5)));
background: linear-gradient(to right, rgba(238, 238, 238, 0.5), transparent 30% 70%, rgba(238, 238, 238, 0.5));
pointer-events: none;
}
.showcase__list__item {
width: calc(33.33333333% - 20px);
margin-left: 10px;
margin-right: 10px;
}
@media (max-width: 1199.98px) {
.showcase__list__item {
width: calc(50%);
}
}
@media (max-width: 1199.98px) {
.showcase__list__item {
width: calc(100% - 20px);
}
}
.showcase__list__item .bestsell__item__image {
text-align: center;
}
.showcase__list__item .bestsell__item__image img {
width: 200px;
height: 200px;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.showcase__list .flickity-button {
background-color: #125C5B;
z-index: 5;
color: #F3E89F;
border-radius: 0;
font-size: .5rem;
}
.showcase__more {
position: absolute;
left: 1em;
top: 100%;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/more-products-btn-bg@2x.png) no-repeat center center;
background-size: 100% 100%;
color: #F3E89F;
z-index: 8;
padding: 8px 30px 8px 20px;
}
.showcase__more:hover {
color: #fff;
}
@media (max-width: 767.98px) {
.showcase__more {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.showcase--reverse .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.showcase--reverse .showcase__bg {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.showcase--reverse .showcase__bold__decor {
right: auto;
left: 0;
-webkit-transform: translate(-40%, -40%) scaleX(-1);
transform: translate(-40%, -40%) scaleX(-1);
}
.showcase--reverse .showcase__list::before {
left: auto;
right: 0;
-webkit-transform: translate(23px, -23px) scaleX(-1);
transform: translate(23px, -23px) scaleX(-1);
}
.pcat__image {
background-color: #fff;
padding: 40px;
-webkit-box-shadow: 10px 10px 70px rgba(0, 0, 0, 0.05);
box-shadow: 10px 10px 70px rgba(0, 0, 0, 0.05);
text-align: center;
}
.pcat__image img {
max-width: 100%;
width: 300px;
height: 300px;
-o-object-fit: scale-down;
object-fit: scale-down;
}
@media (max-width: 767.98px) {
.pcat__image img {
width: auto;
height: auto;
}
}
.pcat__content {
background-color: whitesmoke;
padding: 25px 40px 25px 25px;
font-size: .8rem;
font-weight: 300;
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/category-desc-shape.svg);
background-position: right center;
background-repeat: no-repeat;
background-size: auto 100%;
min-height: 170px;
max-height: 380px;
overflow: auto;
position: relative;   }
.pcat__content::-webkit-scrollbar {
width: 5px;
}
.pcat__content::-webkit-scrollbar-track {
background: #f1f1f1;
}
.pcat__content::-webkit-scrollbar-thumb {
background: #888;
}
.pcat__content::-webkit-scrollbar-thumb:hover {
background: #555;
}
@media (max-width: 767.98px) {
.pcat__content {
max-height: none;
}
}
.pcat__content-decor {
position: absolute;
content: '';
width: 80px;
height: 40px;
background-color: #F3E89F;
left: -10px;
top: -10px;
}
@media (max-width: 575.98px) {
.pcat__content-decor {
display: none;
}
}
.product__images {
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/abstract-bg-right-1.jpg), url(//azizijewelry.com/wp-content/themes/azizi/static/img/abstract-bg-left-1.jpg);
background-repeat: no-repeat;
background-position: right center, left center;
background-size: auto 100%;
}
.product__images__item {
background-color: #fff;
padding: 30px;
width: 360px;
height: 360px;
margin-bottom: 30px;
margin-top: 30px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-transition: opacity .25s, width .25s, height .25s, -webkit-transform .25s;
transition: opacity .25s, width .25s, height .25s, -webkit-transform .25s;
transition: transform .25s, opacity .25s, width .25s, height .25s;
transition: transform .25s, opacity .25s, width .25s, height .25s, -webkit-transform .25s;
-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
}
.product__images__item img {
width: 100%;
height: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.product__images__item:not(.is-selected) {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: .3;
}
.product__content__right .product__content__title {
margin-right: 60px;
}
.product__content__left {
position: relative;
}
.product__content__left::before {
position: absolute;
content: '';
left: calc(100% + 10px);
opacity: .8;
top: 0px;
bottom: 30px;
width: 10px;
background-color: #F3E89F;
border-radius: 10px 0 0 10px;
}
@media (max-width: 767.98px) {
.product__content__left {
margin-top: 40px;
}
.product__content__left::before {
display: none;
}
}
.product__content__title {
font-family: "MjHili";
color: #00E1D5;
margin-right: 15px;
font-size: 1.2rem;
}
.product__content__text {
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/desc-bg.jpg);
color: #fff;
font-size: .9rem;
font-weight: 300;
padding: 35px 20px;
border-radius: 35px;
line-height: 25px;
position: relative;
min-height: 360px;
}
.product__content__text a {
color: #F3E89F !important;
}
.product__content__text::before, .product__content__text::after {
position: absolute;
content: '';
width: 50px;
height: 50px;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
}
.product__content__text::before {
right: 0;
top: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/double-quotation-top.svg);
}
.product__content__text::after {
left: 0;
bottom: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
background-image: url(//azizijewelry.com/wp-content/themes/azizi/static/img/double-quotation-bottom.svg);
}
@media (max-width: 767.98px) {
.product__content__text {
min-height: 0;
}
}
.product__content__features {
margin: 0 5px 0 0;
padding: 0;
list-style-type: none;
}
.product__content__features li {
margin: 10px 0;
font-weight: 400;
color: #125C5B;
padding-right: 20px;
position: relative;
cursor: pointer;
}
.product__content__features li::before {
position: absolute;
content: '';
right: 0;
top: 50%;
width: 8px;
height: 8px;
background-color: #F3E89F;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
-webkit-transition: background .25s;
transition: background .25s;
}
.product__content__features li:hover {
color: #123D37;
}
.product__content__features li:hover::before {
background-color: #188C86;
}
.product__buy {
color: #fff;
overflow: hidden;
}
.product__buy__container {
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/buy@2x.jpg) no-repeat center center;
background-size: 100% 100%;
padding: 25px 0;
position: relative;
}
.product__buy__container::before {
position: absolute;
content: '';
z-index: -1;
top: -4px;
bottom: -4px;
left: 0;
right: 0;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/buy-bg.png) no-repeat center center;
background-size: 90% 100%;
}
.product__buy__container::after {
position: absolute;
content: '';
height: 1px;
width: 100vw;
top: 50%;
background-color: #125C5B;
z-index: -1;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 767.98px) {
.product__buy__container {
padding: 10px 0;
font-size: .8rem;
}
}
.aboutus {
width: 100%;
max-width: 800px;
margin: 120px auto 100px;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/store-image@2x.jpg) no-repeat center center;
background-size: cover;
border-radius: 45px 0 45px 0;
position: relative;
padding: 50px 0 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 575.98px) {
.aboutus {
border-radius: 0;
padding-top: 30px;
}
}
.aboutus__overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 45px 0 45px 0;
background: -webkit-gradient(linear, left top, left bottom, from(#00E1D5), to(rgba(0, 0, 0, 0.6)));
background: linear-gradient(to bottom, #00E1D5, rgba(0, 0, 0, 0.6));
}
.aboutus__overlay__decor {
position: absolute;
width: 40px;
height: 40px;
background-color: #F3E89F;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.aboutus__overlay__decor--tr {
right: 0;
top: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.aboutus__overlay__decor--tr img {
-webkit-transform: scaleX(-1) rotate(-20deg) translate(0, -64%);
transform: scaleX(-1) rotate(-20deg) translate(0, -64%);
}
.aboutus__overlay__decor--bl {
left: 0;
bottom: 0;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.aboutus__overlay__decor--bl img {
-webkit-transform: rotate(-20deg) translate(0, -64%);
transform: rotate(-20deg) translate(0, -64%);
}
@media (max-width: 575.98px) {
.aboutus__overlay__decor {
display: none;
}
}
@media (max-width: 575.98px) {
.aboutus__overlay {
border-radius: 0;
}
}
.aboutus__logo {
pointer-events: none;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -70%);
transform: translate(-50%, -70%);
z-index: 10;
}
.aboutus__logo img {
max-width: 100%;
position: relative;
width: 200px;
}
.aboutus__logo::before {
position: absolute;
content: '';
left: 50%;
bottom: 50%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
width: 330px;
height: 260px;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/top-about-shape@2x.png) no-repeat center bottom;
background-size: 100% auto;
}
@media (max-width: 575.98px) {
.aboutus__logo {
-webkit-transform: translate(-50%, -70%) scale(0.8);
transform: translate(-50%, -70%) scale(0.8);
}
}
.aboutus__content {
position: relative;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
padding: 30px;
}
.aboutus__content__text {
margin-top: 50px;
text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.5);
font-weight: 500;
line-height: 25px;
text-align: justify;
font-size: .9rem;
width: 100%;
max-width: 500px;
}
.aboutus__content__sign {
margin-top: 20px;
}
.aboutus__content__name {
font-family: "MjHili";
}
.contactus {
font-size: .9rem;
line-height: 25px;
font-weight: 300;
}
.contactus__title {
font-family: "MjHili";
font-weight: 500;
color: #188C86;
font-size: 1.2rem;
margin-bottom: 15px;
padding-right: 15px;
margin-right: 15px;
position: relative;
}
.contactus__title::before {
position: absolute;
content: '';
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/motif-3-right.svg) no-repeat center center;
width: 10px;
height: 10px;
}
.contactus__info {
position: relative;
}
.contactus__info ul {
margin: 0;
padding: 0;
list-style-type: none;
font-weight: 500;
font-size: .9rem;
}
.contactus__info ul [class^="fa"] {
color: #188C86;
}
.contactus__info::before {
position: absolute;
content: '';
left: calc(100% + 17px);
top: -10px;
bottom: -10px;
width: 8px;
background: #F3E89F;
border-radius: 10px 0 0 10px;
}
@media (max-width: 767.98px) {
.contactus__info::before {
display: none;
}
}
.contactus__info__title {
font-family: "MjHili";
color: #188C86;
font-size: 1.1rem;
font-weight: 500;
}
.input-form {
background-color: #123D37;
background: url(//azizijewelry.com/wp-content/themes/azizi/static/img/desc-bg.jpg) repeat;
padding: 15px;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
direction: rtl;
}
.input-form p:not(:last-child) {
margin-bottom: 10px;
}
.input-form p:last-child {
margin: 0;
}
.input-form > div {
border: 1px solid;
}
.input-form input:not([type="submit"]), .input-form textarea {
border: 1px solid #F3E89F;
background-color: #188C86;
padding: 10px 15px;
font-size: .8rem;
display: block;
width: 100%;
color: #fff;
direction: rtl;
}
.input-form input:not([type="submit"]):focus, .input-form textarea:focus {
outline: none;
background-color: #125C5B;
}
.input-form input:not([type="submit"])::-webkit-input-placeholder, .input-form textarea::-webkit-input-placeholder {
color: #F3E89F;
}
.input-form input:not([type="submit"]):-ms-input-placeholder, .input-form textarea:-ms-input-placeholder {
color: #F3E89F;
}
.input-form input:not([type="submit"])::-ms-input-placeholder, .input-form textarea::-ms-input-placeholder {
color: #F3E89F;
}
.input-form input:not([type="submit"])::placeholder, .input-form textarea::placeholder {
color: #F3E89F;
}
.input-form [type="submit"] {
width: 100%;
display: block;
background-color: #F3E89F;
border: none;
padding: 10px 15px;
-webkit-transition: -webkit-transform .1s, -webkit-box-shadow .25s;
transition: -webkit-transform .1s, -webkit-box-shadow .25s;
transition: transform .1s, box-shadow .25s;
transition: transform .1s, box-shadow .25s, -webkit-transform .1s, -webkit-box-shadow .25s;
}
.input-form [type="submit"]:hover, .input-form [type="submit"]:focus {
outline: none;
-webkit-box-shadow: 2px 2px 10px rgba(255, 255, 255, 0.2);
box-shadow: 2px 2px 10px rgba(255, 255, 255, 0.2);
}
.input-form [type="submit"]:active {
-webkit-transform: scale(0.98);
transform: scale(0.98);
}
.input-form .radius-tl {
border-top-left-radius: 15px;
}
.input-form .radius-br {
border-bottom-right-radius: 15px;
}
.input-form .wpcf7-response-output {
background-color: rgba(243, 232, 159, 0.8) !important;
margin: 0 !important;
font-size: .8rem;
}
.gallist__slider__item {
width: 25%;
padding: 50px 0;
}
.gallist__slider__item img {
width: 100%;
height: 550px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: -webkit-transform .25s;
transition: -webkit-transform .25s;
transition: transform .25s;
transition: transform .25s, -webkit-transform .25s;
}
.gallist__slider__item:nth-child(2n) img {
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
.gallist__slider__item:nth-child(2n + 1) img {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
@media (max-width: 1199.98px) {
.gallist__slider__item {
width: 33.33333%;
}
.gallist__slider__item img {
height: 450px;
}
}
@media (max-width: 991.98px) {
.gallist__slider__item {
width: calc(50% - 10px);
margin: 0 10px;
padding: 0;
}
.gallist__slider__item img {
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
}
@media (max-width: 575.98px) {
.gallist__slider__item {
width: 100%;
}
.gallist__slider__item img {
height: 300px;
}
}
.gallist__items {
display: -ms-grid;
display: grid;
gap: 1em;
-ms-grid-columns: auto auto auto;
grid-template-columns: auto auto auto;
}
@media (max-width: 991.98px) {
.gallist__items {
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
}
}
@media (max-width: 575.98px) {
.gallist__items {
-ms-grid-columns: auto;
grid-template-columns: auto;
}
}
.gallist__items__item {
height: 300px;
overflow: hidden;
}
.gallist__items__item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: -webkit-transform .15s;
transition: -webkit-transform .15s;
transition: transform .15s;
transition: transform .15s, -webkit-transform .15s;
}
@media (max-width: 575.98px) {
.gallist__items__item img {
height: auto;
}
}
.gallist__items__item:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
@media (max-width: 1199.98px) {
.gallist__items__item {
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item {
height: auto;
}
}
.gallist__items__item:nth-child(1) {
height: calc(600px + 1em);
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/3;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(1) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(1) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(1) {
height: auto;
}
}
.gallist__items__item:nth-child(11) {
height: calc(600px + 1em);
-ms-grid-row: 5;
-ms-grid-row-span: 2;
grid-row: 5/7;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(11) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(11) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(11) {
height: auto;
}
}
.gallist__items__item:nth-child(21) {
height: calc(600px + 1em);
-ms-grid-row: 9;
-ms-grid-row-span: 2;
grid-row: 9/11;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(21) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(21) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(21) {
height: auto;
}
}
.gallist__items__item:nth-child(31) {
height: calc(600px + 1em);
-ms-grid-row: 13;
-ms-grid-row-span: 2;
grid-row: 13/15;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(31) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(31) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(31) {
height: auto;
}
}
.gallist__items__item:nth-child(41) {
height: calc(600px + 1em);
-ms-grid-row: 17;
-ms-grid-row-span: 2;
grid-row: 17/19;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(41) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(41) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(41) {
height: auto;
}
}
.gallist__items__item:nth-child(51) {
height: calc(600px + 1em);
-ms-grid-row: 21;
-ms-grid-row-span: 2;
grid-row: 21/23;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(51) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(51) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(51) {
height: auto;
}
}
.gallist__items__item:nth-child(61) {
height: calc(600px + 1em);
-ms-grid-row: 25;
-ms-grid-row-span: 2;
grid-row: 25/27;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(61) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(61) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(61) {
height: auto;
}
}
.gallist__items__item:nth-child(71) {
height: calc(600px + 1em);
-ms-grid-row: 29;
-ms-grid-row-span: 2;
grid-row: 29/31;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(71) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(71) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(71) {
height: auto;
}
}
.gallist__items__item:nth-child(81) {
height: calc(600px + 1em);
-ms-grid-row: 33;
-ms-grid-row-span: 2;
grid-row: 33/35;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(81) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(81) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(81) {
height: auto;
}
}
.gallist__items__item:nth-child(91) {
height: calc(600px + 1em);
-ms-grid-row: 37;
-ms-grid-row-span: 2;
grid-row: 37/39;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(91) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(91) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(91) {
height: auto;
}
}
.gallist__items__item:nth-child(101) {
height: calc(600px + 1em);
-ms-grid-row: 41;
-ms-grid-row-span: 2;
grid-row: 41/43;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(101) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(101) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(101) {
height: auto;
}
}
.gallist__items__item:nth-child(10) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
height: calc(600px + 1em);
-ms-grid-row: 3;
-ms-grid-row-span: 2;
grid-row: 3/5;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(10) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(10) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(10) {
height: auto;
}
}
.gallist__items__item:nth-child(20) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
height: calc(600px + 1em);
-ms-grid-row: 7;
-ms-grid-row-span: 2;
grid-row: 7/9;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(20) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(20) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(20) {
height: auto;
}
}
.gallist__items__item:nth-child(30) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
height: calc(600px + 1em);
-ms-grid-row: 11;
-ms-grid-row-span: 2;
grid-row: 11/13;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(30) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(30) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(30) {
height: auto;
}
}
.gallist__items__item:nth-child(40) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
height: calc(600px + 1em);
-ms-grid-row: 15;
-ms-grid-row-span: 2;
grid-row: 15/17;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(40) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(40) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(40) {
height: auto;
}
}
.gallist__items__item:nth-child(50) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
height: calc(600px + 1em);
-ms-grid-row: 19;
-ms-grid-row-span: 2;
grid-row: 19/21;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(50) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(50) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(50) {
height: auto;
}
}
.gallist__items__item:nth-child(60) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
height: calc(600px + 1em);
-ms-grid-row: 23;
-ms-grid-row-span: 2;
grid-row: 23/25;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(60) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(60) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(60) {
height: auto;
}
}
.gallist__items__item:nth-child(70) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
height: calc(600px + 1em);
-ms-grid-row: 27;
-ms-grid-row-span: 2;
grid-row: 27/29;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(70) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(70) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(70) {
height: auto;
}
}
.gallist__items__item:nth-child(80) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
height: calc(600px + 1em);
-ms-grid-row: 31;
-ms-grid-row-span: 2;
grid-row: 31/33;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(80) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(80) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(80) {
height: auto;
}
}
.gallist__items__item:nth-child(90) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
height: calc(600px + 1em);
-ms-grid-row: 35;
-ms-grid-row-span: 2;
grid-row: 35/37;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(90) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(90) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(90) {
height: auto;
}
}
.gallist__items__item:nth-child(100) {
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
height: calc(600px + 1em);
-ms-grid-row: 39;
-ms-grid-row-span: 2;
grid-row: 39/41;
}
@media (max-width: 1199.98px) {
.gallist__items__item:nth-child(100) {
height: calc(300px + 1em);
}
}
@media (max-width: 991.98px) {
.gallist__items__item:nth-child(100) {
grid-column: auto;
grid-row: auto;
height: 150px;
}
}
@media (max-width: 575.98px) {
.gallist__items__item:nth-child(100) {
height: auto;
}
}
.gallist__modal {
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1002;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .25s;
transition: opacity .25s;
height: 90vh;
width: 90vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gallist__modal.active {
opacity: 1;
pointer-events: all;
}
.gallist__modal .hidden {
display: none;
}
.gallist__modal__image {
max-width: 100%;
max-height: 95%;
background-color: #999;
}
.gallist__modal__close {
position: absolute;
right: 30px;
top: 30px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
-webkit-transition: background .5s;
transition: background .5s;
z-index: 1003;
}
.gallist__modal__close:hover {
background: rgba(255, 255, 255, 0.2);
color: #fff;
}
.gallist__modal__title {
text-align: center;
margin: 0;
line-height: 28px;
}
.gallist__modal__title__link {
font-size: .6rem;
margin-right: 10px;
font-weight: 400;
color: #eee;
display: block;
border: 1px dashed #fff;
padding-left: 3px;
padding-right: 3px;
line-height: 20px;
}
.gallist__modal__title__link:hover {
background-color: #fff;
color: #125C5B;
}
.gallist__modal__title span {
font-size: 1rem;
color: #fff;
border-top: 4px solid #00E1D5;
}
.gallist__modal__iframe {
width: 100%;
height: 100%;
background-color: #999;
}
.gallist__modal__video {
width: 100%;
height: 100%;
background-color: #999;
}
.gallist__modal-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 1001;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .5s;
transition: opacity .5s;
}
.gallist__modal-overlay.active {
opacity: 1;
pointer-events: all;
}
.text-input {
display: block;
width: 100%;
background-color: #fff;
border-radius: 15px;
padding: 10px 25px;
font-size: 1rem;
border: 1px solid #ccc;
margin: 0;
}
.text-input:focus {
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.btn-submit {
display: block;
width: 100%;
border-radius: 15px;
font-size: 1rem;
padding: 11px 15px;
background-color: #125C5B;
color: #fff;
border: none;
margin: 0;
}
.btn-submit:focus {
outline: none;
}
.btn-submit:hover, .btn-submit:focus {
background-color: #188C86;
}
.searchp__container {
width: 100%;
max-width: 700px;
margin: 0 auto;
}
.searchp__result__image img {
max-width: 100%;
height: auto;
border-radius: 15px;
}
.searchp__result__list {
padding: 0;
margin: 0;
list-style-type: none;
font-size: .9rem;
}
.searchp__result__list li {
margin: 6px 0;
font-weight: 300;
}
.searchp__result__list li b {
font-weight: 800;
}
.searchp .btn-submit {
border-radius: 15px 0 0 15px;
}
@media (max-width: 575.98px) {
.searchp .btn-submit {
border-radius: 0 0 15px 15px;
}
}
.searchp .text-input {
border-radius: 0 15px 15px 0;
}
@media (max-width: 575.98px) {
.searchp .text-input {
border-radius: 15px 15px 0 0;
}
}
.alert {
width: 100%;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 5px 15px;
color: #666;
}
.alert-danger {
background-color: rgba(255, 0, 0, 0.05);
border-color: rgba(255, 0, 0, 0.2);
color: red;
}