<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title> Thông tin Website solar-nhatrang.com | Trang vàng Việt Nam</title> <meta name="description" content="Thông tin về Website solar-nhatrang.com. Tư Vấn Lắp Điện Năng Lượng Mặt Trời - Solar Nha Trang - Quỳnh An Solar"> <link rel="canonical" href="https://trangvangvietnam.org/thong-tin-website/solar-nhatrang.com" /> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> <meta property="og:url" content="https://trangvangvietnam.org/thong-tin-website/solar-nhatrang.com" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Thông tin Website solar-nhatrang.com | Trang vàng Việt Nam" /> <meta property="og:description" content="Thông tin về Website solar-nhatrang.com. Tư Vấn Lắp Điện Năng Lượng Mặt Trời - Solar Nha Trang - Quỳnh An Solar" /> <meta property="og:image" content="https://i2.wp.com/www.solar-nhatrang.com/wp-content/uploads/2020/09/solar-farm.jpg" /> <!-- <link rel="stylesheet" href="/css/bootstrap.css"> <link rel="stylesheet" href="/css/theme.css"> --> <style>@font-face{font-family:'Linearicons-Free';src:url(/css/vendors/linericon/fonts/Linearicons-Free.eot?w118d);src:url(/css/vendors/linericon/fonts/Linearicons-Free.eot?#iefixw118d) format('embedded-opentype') , url(/css/vendors/linericon/fonts/Linearicons-Free.woff2?w118d) format('woff2') , url(/css/vendors/linericon/fonts/Linearicons-Free.woff?w118d) format('woff') , url(/css/vendors/linericon/fonts/Linearicons-Free.ttf?w118d) format('truetype') , url(/css/vendors/linericon/fonts/Linearicons-Free.svg?w118d#Linearicons-Free) format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'FontAwesome';src:url(/css/fonts/fontawesome-webfont.eot?v=4.5.0);src:url(/css/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype') , url(/css/fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2') , url(/css/fonts/fontawesome-webfont.woff?v=4.5.0) format('woff') , url(/css/fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype') , url(/css/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}@font-face{font-family:"Flaticon";src:url(/css/vendors/flaticon/Flaticon.eot);src:url(/css/vendors/flaticon/Flaticon.eot?#iefix) format("embedded-opentype") , url(/css/vendors/flaticon/Flaticon.woff) format("woff") , url(/css/vendors/flaticon/Flaticon.ttf) format("truetype") , url(/css/vendors/flaticon/Flaticon.svg#Flaticon) format("svg");font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:"Flaticon";src:url(/css/vendors/flaticon/Flaticon.svg#Flaticon) format("svg")}}:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , "Helvetica Neue" , Arial , sans-serif , "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , "Noto Color Emoji";--font-family-monospace:SFMono-Regular , Menlo , Monaco , Consolas , "Liberation Mono" , "Courier New" , monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport { width: device-width}article,aside,footer,header,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,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}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}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;-webkit-text-decoration-skip:objects}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,pre{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}img{vertical-align:middle;border-style:none}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}[type="reset"],[type="submit"],button,html [type="button"]{-webkit-appearance:button}[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-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}output{display:inline-block}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.blockquote{margin-bottom:1rem;font-size:1.25rem}.img-fluid{max-width:100%;height:auto}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.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}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-12,.col-6,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-12,.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-md-9,.col-sm-6{position:relative;width:100%;min-height:1px;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-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (min-width:768px){.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-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.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-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:992px){.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-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.table{width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.form-control{display:block;width:100%;height: calc(2.25rem + 2px);padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out , box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{width:auto}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out , background-color .15s ease-in-out , border-color .15s ease-in-out , box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled) {cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show) {opacity:0}.collapse:not(.show) {display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media screen and (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-right{right:0;left:auto}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^="bottom"],.dropdown-menu[x-placement^="left"],.dropdown-menu[x-placement^="right"],.dropdown-menu[x-placement^="top"]{right:auto;bottom:auto}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.form-control:focus{z-index:3}.input-group>.form-control:not(:last-child) {border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child) {border-top-left-radius:0;border-bottom-left-radius:0}.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-prepend .btn{position:relative;z-index:2}.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type="checkbox"],.input-group-text input[type="radio"]{margin-top:0}.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {border-top-left-radius:0;border-bottom-left-radius:0}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled) {cursor:pointer}@media (max-width:991.98px){.navbar-expand-lg>.container{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled) {cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}@-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 }}@keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 }}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media screen and (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:not(:disabled):not(.disabled) {cursor:pointer}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {color:#000;text-decoration:none;opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out , -webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-item{position:relative;display:none;-ms-flex-align:center;align-items:center;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease , -webkit-transform .6s ease}@media screen and (prefers-reduced-motion:reduce){.carousel-item-next,.carousel-item-prev,.carousel-item.active{transition:none}}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-right, .carousel-item-next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) }}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-left, .carousel-item-prev { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) }}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.border{border:1px solid #dee2e6!important}.rounded-circle{border-radius:50%!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.flex-row{-ms-flex-direction:row!important;flex-direction:row!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}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.position-static{position:static!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 }}.p-1{padding:.25rem!important}.ml-auto{margin-left:auto!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-uppercase{text-transform:uppercase!important}.text-white{color:#fff!important}.visible{visibility:visible!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn) {text-decoration:underline}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page { size: a3 }body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}}.lnr{font-family:'Linearicons-Free';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lnr-home:before{content:"\e800"}.lnr-apartment:before{content:"\e801"}.lnr-pencil:before{content:"\e802"}.lnr-magic-wand:before{content:"\e803"}.lnr-drop:before{content:"\e804"}.lnr-lighter:before{content:"\e805"}.lnr-poop:before{content:"\e806"}.lnr-sun:before{content:"\e807"}.lnr-moon:before{content:"\e808"}.lnr-cloud:before{content:"\e809"}.lnr-cloud-upload:before{content:"\e80a"}.lnr-cloud-download:before{content:"\e80b"}.lnr-cloud-sync:before{content:"\e80c"}.lnr-cloud-check:before{content:"\e80d"}.lnr-database:before{content:"\e80e"}.lnr-lock:before{content:"\e80f"}.lnr-cog:before{content:"\e810"}.lnr-trash:before{content:"\e811"}.lnr-dice:before{content:"\e812"}.lnr-heart:before{content:"\e813"}.lnr-star:before{content:"\e814"}.lnr-star-half:before{content:"\e815"}.lnr-star-empty:before{content:"\e816"}.lnr-flag:before{content:"\e817"}.lnr-envelope:before{content:"\e818"}.lnr-paperclip:before{content:"\e819"}.lnr-inbox:before{content:"\e81a"}.lnr-eye:before{content:"\e81b"}.lnr-printer:before{content:"\e81c"}.lnr-file-empty:before{content:"\e81d"}.lnr-file-add:before{content:"\e81e"}.lnr-enter:before{content:"\e81f"}.lnr-exit:before{content:"\e820"}.lnr-graduation-hat:before{content:"\e821"}.lnr-license:before{content:"\e822"}.lnr-music-note:before{content:"\e823"}.lnr-film-play:before{content:"\e824"}.lnr-camera-video:before{content:"\e825"}.lnr-camera:before{content:"\e826"}.lnr-picture:before{content:"\e827"}.lnr-book:before{content:"\e828"}.lnr-bookmark:before{content:"\e829"}.lnr-user:before{content:"\e82a"}.lnr-users:before{content:"\e82b"}.lnr-shirt:before{content:"\e82c"}.lnr-store:before{content:"\e82d"}.lnr-cart:before{content:"\e82e"}.lnr-tag:before{content:"\e82f"}.lnr-phone-handset:before{content:"\e830"}.lnr-phone:before{content:"\e831"}.lnr-pushpin:before{content:"\e832"}.lnr-map-marker:before{content:"\e833"}.lnr-map:before{content:"\e834"}.lnr-location:before{content:"\e835"}.lnr-calendar-full:before{content:"\e836"}.lnr-keyboard:before{content:"\e837"}.lnr-spell-check:before{content:"\e838"}.lnr-screen:before{content:"\e839"}.lnr-smartphone:before{content:"\e83a"}.lnr-tablet:before{content:"\e83b"}.lnr-laptop:before{content:"\e83c"}.lnr-laptop-phone:before{content:"\e83d"}.lnr-power-switch:before{content:"\e83e"}.lnr-bubble:before{content:"\e83f"}.lnr-heart-pulse:before{content:"\e840"}.lnr-construction:before{content:"\e841"}.lnr-pie-chart:before{content:"\e842"}.lnr-chart-bars:before{content:"\e843"}.lnr-gift:before{content:"\e844"}.lnr-diamond:before{content:"\e845"}.lnr-linearicons:before{content:"\e846"}.lnr-dinner:before{content:"\e847"}.lnr-coffee-cup:before{content:"\e848"}.lnr-leaf:before{content:"\e849"}.lnr-paw:before{content:"\e84a"}.lnr-rocket:before{content:"\e84b"}.lnr-briefcase:before{content:"\e84c"}.lnr-bus:before{content:"\e84d"}.lnr-car:before{content:"\e84e"}.lnr-train:before{content:"\e84f"}.lnr-bicycle:before{content:"\e850"}.lnr-wheelchair:before{content:"\e851"}.lnr-select:before{content:"\e852"}.lnr-earth:before{content:"\e853"}.lnr-smile:before{content:"\e854"}.lnr-sad:before{content:"\e855"}.lnr-neutral:before{content:"\e856"}.lnr-mustache:before{content:"\e857"}.lnr-alarm:before{content:"\e858"}.lnr-bullhorn:before{content:"\e859"}.lnr-volume-high:before{content:"\e85a"}.lnr-volume-medium:before{content:"\e85b"}.lnr-volume-low:before{content:"\e85c"}.lnr-volume:before{content:"\e85d"}.lnr-mic:before{content:"\e85e"}.lnr-hourglass:before{content:"\e85f"}.lnr-undo:before{content:"\e860"}.lnr-redo:before{content:"\e861"}.lnr-sync:before{content:"\e862"}.lnr-history:before{content:"\e863"}.lnr-clock:before{content:"\e864"}.lnr-download:before{content:"\e865"}.lnr-upload:before{content:"\e866"}.lnr-enter-down:before{content:"\e867"}.lnr-exit-up:before{content:"\e868"}.lnr-bug:before{content:"\e869"}.lnr-code:before{content:"\e86a"}.lnr-link:before{content:"\e86b"}.lnr-unlink:before{content:"\e86c"}.lnr-thumbs-up:before{content:"\e86d"}.lnr-thumbs-down:before{content:"\e86e"}.lnr-magnifier:before{content:"\e86f"}.lnr-cross:before{content:"\e870"}.lnr-menu:before{content:"\e871"}.lnr-list:before{content:"\e872"}.lnr-chevron-up:before{content:"\e873"}.lnr-chevron-down:before{content:"\e874"}.lnr-chevron-left:before{content:"\e875"}.lnr-chevron-right:before{content:"\e876"}.lnr-arrow-up:before{content:"\e877"}.lnr-arrow-down:before{content:"\e878"}.lnr-arrow-left:before{content:"\e879"}.lnr-arrow-right:before{content:"\e87a"}.lnr-move:before{content:"\e87b"}.lnr-warning:before{content:"\e87c"}.lnr-question-circle:before{content:"\e87d"}.lnr-menu-circle:before{content:"\e87e"}.lnr-checkmark-circle:before{content:"\e87f"}.lnr-cross-circle:before{content:"\e880"}.lnr-plus-circle:before{content:"\e881"}.lnr-circle-minus:before{content:"\e882"}.lnr-arrow-up-circle:before{content:"\e883"}.lnr-arrow-down-circle:before{content:"\e884"}.lnr-arrow-left-circle:before{content:"\e885"}.lnr-arrow-right-circle:before{content:"\e886"}.lnr-chevron-up-circle:before{content:"\e887"}.lnr-chevron-down-circle:before{content:"\e888"}.lnr-chevron-left-circle:before{content:"\e889"}.lnr-chevron-right-circle:before{content:"\e88a"}.lnr-crop:before{content:"\e88b"}.lnr-frame-expand:before{content:"\e88c"}.lnr-frame-contract:before{content:"\e88d"}.lnr-layers:before{content:"\e88e"}.lnr-funnel:before{content:"\e88f"}.lnr-text-format:before{content:"\e890"}.lnr-text-format-remove:before{content:"\e891"}.lnr-text-size:before{content:"\e892"}.lnr-bold:before{content:"\e893"}.lnr-italic:before{content:"\e894"}.lnr-underline:before{content:"\e895"}.lnr-strikethrough:before{content:"\e896"}.lnr-highlight:before{content:"\e897"}.lnr-text-align-left:before{content:"\e898"}.lnr-text-align-center:before{content:"\e899"}.lnr-text-align-right:before{content:"\e89a"}.lnr-text-align-justify:before{content:"\e89b"}.lnr-line-spacing:before{content:"\e89c"}.lnr-indent-increase:before{content:"\e89d"}.lnr-indent-decrease:before{content:"\e89e"}.lnr-pilcrow:before{content:"\e89f"}.lnr-direction-ltr:before{content:"\e8a0"}.lnr-direction-rtl:before{content:"\e8a1"}.lnr-page-break:before{content:"\e8a2"}.lnr-sort-alpha-asc:before{content:"\e8a3"}.lnr-sort-amount-asc:before{content:"\e8a4"}.lnr-hand:before{content:"\e8a5"}.lnr-pointer-up:before{content:"\e8a6"}.lnr-pointer-right:before{content:"\e8a7"}.lnr-pointer-down:before{content:"\e8a8"}.lnr-pointer-left:before{content:"\e8a9"}.fa{display:inline-block;font:14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-star:before{content:"\f005"}.fa-close:before{content:"\f00d"}.fa-plane:before{content:"\f072"}.fa-heart-o:before{content:"\f08a"}.fa-thumb-tack:before{content:"\f08d"}.fa-twitter:before{content:"\f099"}.fa-pinterest:before{content:"\f0d2"}.fa-facebook:before{content:"\f09a"}.fa-youtube-play:before{content:"\f16a"}.fa-github:before{content:"\f09b"}.fa-globe:before{content:"\f0ac"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-star-half-o:before{content:"\f123"}.fa-dribbble:before{content:"\f17d"}.fa-behance:before{content:"\f1b4"}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/css/vendors/owl-carousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.slbOverlay,.slbWrapOuter,.slbWrap{position:fixed;top:0;right:0;bottom:0;left:0}.slbOverlay{overflow:hidden;z-index:2000;background-color:#000;opacity:.7;filter: alpha(opacity=70);-webkit-animation:slbOverlay .5s;-moz-animation:slbOverlay .5s;animation:slbOverlay .5s}.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}.slbWrap{position:absolute;text-align:center}.slbWrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.slbContentOuter{display:inline-block;vertical-align:middle;margin:0 auto;padding:0 1em;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%}.slbContentEl .slbContentOuter{padding:5em 1em}.slbContent{position:relative}.slbContentEl .slbContent{-webkit-animation:slbEnter .3s;-moz-animation:slbEnter .3s;animation:slbEnter .3s;background-color:#fff;box-shadow:0 .2em 1em rgba(0,0,0,.4)}.slbImageWrap{-webkit-animation:slbEnter .3s;-moz-animation:slbEnter .3s;animation:slbEnter .3s;position:relative}.slbImageWrap:after{content:"";position:absolute;left:0;right:0;top:5em;bottom:5em;display:block;z-index:-1;box-shadow:0 .2em 1em rgba(0,0,0,.6);background-color:#fff}.slbImage{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:5em 0;margin:0 auto}.slbCaption{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.4em;position:absolute;left:0;right:0;bottom:0;padding:.71429em 0;color:#fff;color:rgba(255,255,255,.7);text-align:center}.slbCloseBtn,.slbArrow{margin:0;padding:0;border:0;cursor:pointer;background:none}.slbCloseBtn::-moz-focus-inner,.slbArrow::-moz-focus-inner{padding:0;border:0}.slbCloseBtn:hover,.slbArrow:hover{opacity:.5}.slbCloseBtn:active,.slbArrow:active{opacity:.8}.slbCloseBtn{-webkit-animation:slbEnter .3s;-moz-animation:slbEnter .3s;animation:slbEnter .3s;font-size:3em;width:1.66667em;height:1.66667em;line-height:1.66667em;position:absolute;right:-.33333em;top:0;color:#fff;color:rgba(255,255,255,.7);text-align:center;outline:none;box-shadow:none}.slbLoading .slbCloseBtn{display:none}.slbLoadingText{font-size:1.4em;color:#fff;color:rgba(255,255,255,.9)}.slbArrows{position:fixed;top:50%;left:0;right:0}.slbLoading .slbArrows{display:none}.slbArrow{position:absolute;top:50%;margin-top:-5em;width:5em;height:10em;opacity:.7;text-indent:-999em;overflow:hidden;outline:none;box-shadow:none}.slbArrow:before{content:"";position:absolute;top:50%;left:50%;margin:-.8em 0 0 -.8em;border:.8em solid transparent}.slbArrow.next{right:0}.slbArrow.next:before{border-left-color:#fff}.slbArrow.prev{left:0}.slbArrow.prev:before{border-right-color:#fff}.slbIframeCont{width:80em;height:0;overflow:hidden;padding-top:56.25%;margin:5em 0}.slbIframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 .2em 1em rgba(0,0,0,.6);background:#000}@-webkit-keyframes slbOverlay { from { opacity: 0; } to { opacity: 0.7; }}@-moz-keyframes slbOverlay { from { opacity: 0; } to { opacity: 0.7; }}@keyframes slbOverlay { from { opacity: 0; } to { opacity: 0.7; }}@-webkit-keyframes slbEnter { from { opacity: 0; -webkit-transform: translate3d(0, -1em, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }}@-moz-keyframes slbEnter { from { opacity: 0; -moz-transform: translate3d(0, -1em, 0); } to { opacity: 1; -moz-transform: translate3d(0, 0, 0); }}@keyframes slbEnter { from { opacity: 0; -webkit-transform: translate3d(0, -1em, 0); -moz-transform: translate3d(0, -1em, 0); -ms-transform: translate3d(0, -1em, 0); -o-transform: translate3d(0, -1em, 0); transform: translate3d(0, -1em, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}.nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:normal;height:42px;line-height:40px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px}.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(.5,0,0,1.25) , opacity .15s ease-out;transition:all .2s cubic-bezier(.5,0,0,1.25) , opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover) {background-color:transparent!important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6}.nice-select .option.selected{font-weight:bold}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }}@keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; }}@keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; }}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }}@keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); }}@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); }}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }}@keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; }}@keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; }}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }}@keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; }}@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; }}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; }}@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; }}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; }}@keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; }}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }}@keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }}@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }}@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }}@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }}@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; }}@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; }}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }}@keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }}@keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }}@keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }}@keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }}@keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }}@keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }}@keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }}@keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); }}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }}@keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); }}@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); }}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); }}@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); }}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }}@keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }}@keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; }}@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; }}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }}@keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; }}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }}@keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }}@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }}@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }}@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }}@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }}@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }}@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }}@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }}@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }}@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }}@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; }}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; }}@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; }}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }}@keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); }}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; }}@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; }}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; }}@keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; }}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }}@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; }}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }}@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; }}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}@keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }}@keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }}@keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }}@keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }}@keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.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:-.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:.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:.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:.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,.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,.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,.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,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.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}}[class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after{font-family:Flaticon;font-size:20px;font-style:normal;margin-left:20px}.flaticon-skyline:before{content:"\f100"}.flaticon-sketch:before{content:"\f101"}.flaticon-city:before{content:"\f102"}</style> <style>/*=================== fonts ====================*//*@import url("https://fonts.googleapis.com/css?family=Heebo:300,400,700,900|Roboto:300,400,500,700");*//*---------------------------------------------------- *//*----------------------------------------------------*/.list { list-style: none; margin: 0px; padding: 0px; } a { text-decoration: none; transition: all 0.3s ease-in-out; } a:hover, a:focus { text-decoration: none; outline: none; } body { line-height: 26px; font-size: 16px; font-family: "Roboto", sans-serif; font-weight: normal; color: #777777; font-display: swap;} h1, h2, h3, h4, h5, h6 { font-family: "Heebo", sans-serif; font-weight: bold; font-display: swap;} button:focus { outline: none; box-shadow: none; } .p_120 { padding-top: 70px; padding-bottom: 70px; } .mt-25 { margin-top: 25px; } @media (min-width: 1200px) { .container { max-width: 1170px; } } @media (min-width: 1620px) { .box_1620 { max-width: 1620px; margin: auto; width: 100%; padding-left: 0px; padding-right: 0px; } }/* Main Title Area css============================================================================================ */.main_title { text-align: center; max-width: 670px; margin: 0px auto 25px; } .main_title h2 { font-family: "Heebo", sans-serif; font-size: 36px; color: #222222; margin-bottom: 15px; text-transform: uppercase; font-display: swap;} .main_title p { font-size: 16px; font-family: "Roboto", sans-serif; font-weight: normal; line-height: 26px; color: #777777; margin-bottom: 0px; font-display: swap;} /* End Main Title Area css============================================================================================ *//*---------------------------------------------------- *//*----------------------------------------------------*/.header_area { position: absolute; width: 100%; top: 0; left: 0; z-index: 99; transition: background 0.4s, all 0.3s linear; } .header_area .navbar { background: transparent; padding: 0px; border: 0px; border-radius: 0px; } .header_area .navbar .nav .nav-item { margin-right: 45px; } .header_area .navbar .nav .nav-item .nav-link { font: 500 12px/120px "Roboto", sans-serif; text-transform: uppercase; color: #fff; padding: 0px; display: inline-block; } .header_area .navbar .nav .nav-item .nav-link:after { display: none; } .header_area .navbar .nav .nav-item:hover .nav-link, .header_area .navbar .nav .nav-item.active .nav-link { color: #fff; } .header_area .navbar .nav .nav-item.submenu { position: relative; } .header_area .navbar .nav .nav-item.submenu ul { border: none; padding: 0px; border-radius: 0px; box-shadow: none; margin: 0px; background: #fff; box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1); } @media (min-width: 992px) { .header_area .navbar .nav .nav-item.submenu ul { position: absolute; top: 120%; left: 0px; min-width: 200px; text-align: left; opacity: 0; transition: all 300ms ease-in; visibility: hidden; display: block; border: none; padding: 0px; border-radius: 0px; } } .header_area .navbar .nav .nav-item.submenu ul:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #eeeeee transparent transparent transparent; position: absolute; right: 24px; top: 45px; z-index: 3; opacity: 0; transition: all 400ms linear; } .header_area .navbar .nav .nav-item.submenu ul .nav-item { display: block; float: none; margin-right: 0px; border-bottom: 1px solid #ededed; margin-left: 0px; transition: all 0.4s linear; } .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link { line-height: 45px; color: #222222; padding: 0px 30px; transition: all 150ms linear; display: block; margin-right: 0px; } .header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child { border-bottom: none; } .header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link { background: #766dff; color: #fff; } @media (min-width: 992px) { .header_area .navbar .nav .nav-item.submenu:hover ul { visibility: visible; opacity: 1; top: 100%; } } .header_area .navbar .nav .nav-item.submenu:hover ul .nav-item { margin-top: 0px; } .header_area .navbar .nav .nav-item:last-child { margin-right: 0px; } .header_area .navbar .search { font-size: 12px; line-height: 60px; display: inline-block; color: #222222; margin-left: 80px; } .header_area .navbar .search i { font-weight: 600; } .header_area.navbar_fixed .main_menu { position: fixed; width: 100%; top: -70px; left: 0; right: 0; background: #000; transform: translateY(70px); transition: transform 500ms ease, background 500ms ease; -webkit-transition: transform 500ms ease, background 500ms ease; box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1); } .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link { line-height: 70px; } /*---------------------------------------------------- *//*----------------------------------------------------*//* Home Banner Area css============================================================================================ */.home_banner_area { position: relative; z-index: 1; background-image: -moz-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -webkit-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -ms-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); margin-bottom: 200px; } .home_banner_area .box_1620 { min-height: 450px; border-radius: 12px; position: relative; bottom: -200px; background: #fff; padding: 30px; box-shadow: 0px 20px 80px 0px rgba(153, 153, 153, 0.3); } .home_banner_area .banner_inner { position: relative; width: 100%; min-height: 450px; display: flex; } .home_banner_area .banner_inner .banner_content { color: #222222; vertical-align: middle; align-self: center; text-align: left; } .home_banner_area .banner_inner .banner_content .media .d-flex { padding-right: 50px; } .home_banner_area .banner_inner .banner_content .media .media-body { vertical-align: middle; align-self: center; } .blog_banner { min-height: 780px; position: relative; z-index: 1; overflow: hidden; margin-bottom: 0px; } .blog_banner .banner_inner { background: #04091e; position: relative; overflow: hidden; width: 100%; min-height: 780px; z-index: 1; } .blog_banner .banner_inner .overlay { background: url(../img/banner/banner-2.jpg) no-repeat scroll center center; opacity: .5; height: 125%; position: absolute; left: 0px; top: 0px; width: 100%; z-index: -1; } .blog_banner .banner_inner .blog_b_text { max-width: 700px; margin: auto; color: #fff; } .blog_banner .banner_inner .blog_b_text h2 { font-size: 60px; font-weight: bold; font-family: "Heebo", sans-serif; font-display: swap; line-height: 66px; margin-bottom: 15px; text-transform: uppercase; } .blog_banner .banner_inner .blog_b_text p { font-size: 16px; margin-bottom: 35px; } .blog_banner .banner_inner .blog_b_text .white_bg_btn { line-height: 42px; padding: 0px 45px; border-radius: 5px; } .banner_area { position: relative; z-index: 1; min-height: 350px; background-image: -moz-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -webkit-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -ms-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); margin-bottom: 120px; } .banner_area .box_1620 { background: #fff; min-height: 360px; border-radius: 12px; position: relative; bottom: -120px; box-shadow: 0px 20px 80px 0px rgba(153, 153, 153, 0.3); } .banner_area .banner_inner { position: relative; overflow: hidden; width: 100%; min-height: 360px; z-index: 1; } .banner_area .banner_inner .banner_content h2 { color: #222222; font-size: 48px; font-family: "Heebo", sans-serif; font-display: swap; margin-bottom: 0px; font-weight: bold; } .banner_area .banner_inner .banner_content .page_link a { font-size: 14px; color: #222222; font-family: "Roboto", sans-serif; margin-right: 32px; position: relative; } .banner_area .banner_inner .banner_content .page_link a:before { content: "\e87a"; font-family: 'Linearicons-Free'; font-display: swap; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); } .banner_area .banner_inner .banner_content .page_link a:last-child { margin-right: 0px; } .banner_area .banner_inner .banner_content .page_link a:last-child:before { display: none; } .banner_area .banner_inner .banner_content .page_link a:hover { color: #766dff; } /* End Home Banner Area css============================================================================================ *//*---------------------------------------------------- *//*----------------------------------------------------*//* Latest Blog Area css============================================================================================ */ /* End Latest Blog Area css============================================================================================ *//*================= latest_blog_area css =============*/ /*========= blog_categorie_area css ===========*/.blog_categorie_area { padding-top: 80px; padding-bottom: 80px; } .categories_post { position: relative; text-align: center; cursor: pointer; } .categories_post img { max-width: 100%; } .categories_post .categories_details { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; background: rgba(34, 34, 34, 0.8); color: #fff; transition: all 0.3s linear; display: flex; align-items: center; justify-content: center; } .categories_post .categories_details h5 { margin-bottom: 0px; font-size: 18px; line-height: 26px; text-transform: uppercase; color: #fff; position: relative; } .categories_post .categories_details p { font-weight: 300; font-size: 14px; line-height: 26px; margin-bottom: 0px; } .categories_post .categories_details .border_line { margin: 10px 0px; background: #fff; width: 100%; height: 1px; } .categories_post:hover .categories_details { background-image: -moz-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -webkit-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -ms-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); opacity: 0.851; } /*============ blog_left_sidebar css ==============*/.blog_item { margin-bottom: 40px; } .blog_info { padding-top: 30px; } .blog_info .post_tag { padding-bottom: 20px; } .blog_info .post_tag a { font: 300 14px/21px "Roboto", sans-serif; color: #222222; } .blog_info .post_tag a:hover { color: #777777; } .blog_info .post_tag a.active { color: #766dff; } .blog_info .blog_meta li a { font: 300 14px/20px "Roboto", sans-serif; color: #777777; vertical-align: middle; padding-bottom: 12px; display: inline-block; } .blog_info .blog_meta li a i { color: #222222; font-size: 16px; font-weight: 600; padding-left: 15px; line-height: 20px; vertical-align: middle; } .blog_info .blog_meta li a:hover { color: #766dff; } .blog_post img { max-width: 100%; } .blog_details { padding-top: 20px; } .blog_details h2 { font-size: 24px; line-height: 36px; color: #222222; font-weight: 600; transition: all 0.3s linear; } .blog_details h2:hover { color: #766dff; } .blog_details p { margin-bottom: 26px; } .blog_right_sidebar { border: 1px solid #eeeeee; background: #fafaff; padding: 30px; } .blog_right_sidebar .widget_title { font-size: 18px; line-height: 25px; background: #766dff; text-align: center; color: #fff; padding: 8px 0px; margin-bottom: 30px; } .blog_right_sidebar .search_widget .input-group .form-control { font-size: 14px; line-height: 29px; border: 0px; width: 100%; font-weight: 300; color: #fff; padding-left: 20px; border-radius: 45px; z-index: 0; background: #766dff; } .blog_right_sidebar .search_widget .input-group .form-control.placeholder { color: #fff; } .blog_right_sidebar .search_widget .input-group .form-control:-moz-placeholder { color: #fff; } .blog_right_sidebar .search_widget .input-group .form-control::-moz-placeholder { color: #fff; } .blog_right_sidebar .search_widget .input-group .form-control::-webkit-input-placeholder { color: #fff; } .blog_right_sidebar .search_widget .input-group .form-control:focus { box-shadow: none; } .blog_right_sidebar .search_widget .input-group .btn-default { position: absolute; right: 20px; background: transparent; border: 0px; box-shadow: none; font-size: 14px; color: #fff; padding: 0px; top: 50%; transform: translateY(-50%); z-index: 1; } .blog_right_sidebar .author_widget { text-align: center; } .blog_right_sidebar .author_widget h4 { font-size: 18px; line-height: 20px; color: #222222; margin-bottom: 5px; margin-top: 30px; } .blog_right_sidebar .author_widget p { margin-bottom: 0px; } .blog_right_sidebar .author_widget .social_icon { padding: 7px 0px 15px; } .blog_right_sidebar .author_widget .social_icon a { font-size: 14px; color: #222222; transition: all 0.2s linear; } .blog_right_sidebar .author_widget .social_icon a + a { margin-left: 20px; } .blog_right_sidebar .author_widget .social_icon a:hover { color: #766dff; } .blog_right_sidebar .popular_post_widget .post_item .media-body { justify-content: center; align-self: center; padding-left: 20px; } .blog_right_sidebar .popular_post_widget .post_item .media-body h3 { font-size: 14px; line-height: 20px; color: #222222; margin-bottom: 4px; transition: all 0.3s linear; } .blog_right_sidebar .popular_post_widget .post_item .media-body h3:hover { color: #766dff; } .blog_right_sidebar .popular_post_widget .post_item .media-body p { font-size: 12px; line-height: 21px; margin-bottom: 0px; } .blog_right_sidebar .popular_post_widget .post_item + .post_item { margin-top: 20px; } .blog_right_sidebar .post_category_widget .cat-list li { border-bottom: 2px dotted #eee; transition: all 0.3s ease 0s; padding-bottom: 12px; } .blog_right_sidebar .post_category_widget .cat-list li a { font-size: 14px; line-height: 20px; color: #777; } .blog_right_sidebar .post_category_widget .cat-list li a p { margin-bottom: 0px; } .blog_right_sidebar .post_category_widget .cat-list li + li { padding-top: 15px; } .blog_right_sidebar .post_category_widget .cat-list li:hover { border-color: #766dff; } .blog_right_sidebar .post_category_widget .cat-list li:hover a { color: #766dff; } .blog_right_sidebar .newsletter_widget { text-align: center; } .blog_right_sidebar .newsletter_widget .form-group { margin-bottom: 8px; } .blog_right_sidebar .newsletter_widget .input-group-prepend { margin-right: -1px; } .blog_right_sidebar .newsletter_widget .input-group-text { background: #fff; border-radius: 0px; vertical-align: top; font-size: 12px; line-height: 36px; padding: 0px 0px 0px 15px; border: 1px solid #eeeeee; border-right: 0px; } .blog_right_sidebar .newsletter_widget .form-control { font-size: 12px; line-height: 24px; color: #cccccc; border: 1px solid #eeeeee; border-left: 0px; border-radius: 0px; } .blog_right_sidebar .newsletter_widget .form-control.placeholder { color: #cccccc; } .blog_right_sidebar .newsletter_widget .form-control:-moz-placeholder { color: #cccccc; } .blog_right_sidebar .newsletter_widget .form-control::-moz-placeholder { color: #cccccc; } .blog_right_sidebar .newsletter_widget .form-control::-webkit-input-placeholder { color: #cccccc; } .blog_right_sidebar .newsletter_widget .form-control:focus { outline: none; box-shadow: none; } .blog_right_sidebar .newsletter_widget .bbtns { background: #766dff; color: #fff; font-size: 12px; line-height: 38px; display: inline-block; font-weight: 500; padding: 0px 24px 0px 24px; border-radius: 0; } .blog_right_sidebar .newsletter_widget .text-bottom { font-size: 12px; } .blog_right_sidebar .tag_cloud_widget ul li { display: inline-block; } .blog_right_sidebar .tag_cloud_widget ul li a { display: inline-block; border: 1px solid #eee; background: #fff; padding: 0px 13px; margin-bottom: 8px; transition: all 0.3s ease 0s; color: #222222; font-size: 12px; } .blog_right_sidebar .tag_cloud_widget ul li a:hover { background-image: -moz-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -webkit-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -ms-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); color: #fff; } .blog_right_sidebar .br { width: 100%; height: 1px; background: #eeeeee; margin: 30px 0px; } .blog-pagination { padding-top: 25px; padding-bottom: 95px; } .blog-pagination .page-link { border-radius: 0; } .blog-pagination .page-item { border: none; } .page-link { background: transparent; font-weight: 400; } .blog-pagination .page-item.active .page-link { background-color: #766dff; border-color: transparent; color: #fff; } .blog-pagination .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #8a8a8a; border: none; } .blog-pagination .page-link .lnr { font-weight: 600; } .blog-pagination .page-item:last-child .page-link,.blog-pagination .page-item:first-child .page-link { border-radius: 0; } .blog-pagination .page-link:hover { color: #fff; text-decoration: none; background-color: #766dff; border-color: #eee; } /*============ Start Blog Single Styles =============*/.single-post-area .social-links { padding-top: 10px; } .single-post-area .social-links li { display: inline-block; margin-bottom: 10px; } .single-post-area .social-links li a { color: #cccccc; padding: 7px; font-size: 14px; transition: all 0.2s linear; } .single-post-area .social-links li a:hover { color: #222222; }.single-post-area .blog_details { padding-top: 26px; } .single-post-area .blog_details p { margin-bottom: 10px; }.single-post-area .quotes { margin-top: 20px; margin-bottom: 30px; padding: 24px 35px 24px 30px; background-color: white; box-shadow: -20.84px 21.58px 30px 0px rgba(176, 176, 176, 0.1); font-size: 14px; line-height: 24px; color: #777; font-style: italic; }.single-post-area .arrow { position: absolute; } .single-post-area .arrow .lnr { font-size: 20px; font-weight: 600; }.single-post-area .navigation-area { border-top: 1px solid #eee; padding-top: 30px; margin-top: 60px; } .single-post-area .navigation-area p { margin-bottom: 0px; } .single-post-area .navigation-area h4 { font-size: 18px; line-height: 25px; color: #222222; } .single-post-area .navigation-area .nav-left { text-align: left; } .single-post-area .navigation-area .nav-left .thumb { margin-right: 20px; background: #000; } .single-post-area .navigation-area .nav-left .thumb img { transition: all 300ms linear 0s; } .single-post-area .navigation-area .nav-left .lnr { margin-left: 20px; opacity: 0; transition: all 300ms linear 0s; } .single-post-area .navigation-area .nav-left:hover .lnr { opacity: 1; } .single-post-area .navigation-area .nav-left:hover .thumb img { opacity: .5; } @media (max-width: 767px) { .single-post-area .navigation-area .nav-left { margin-bottom: 30px; } } .single-post-area .navigation-area .nav-right { text-align: right; } .single-post-area .navigation-area .nav-right .thumb { margin-left: 20px; background: #000; } .single-post-area .navigation-area .nav-right .thumb img { transition: all 300ms linear 0s; } .single-post-area .navigation-area .nav-right .lnr { margin-right: 20px; opacity: 0; transition: all 300ms linear 0s; } .single-post-area .navigation-area .nav-right:hover .lnr { opacity: 1; } .single-post-area .navigation-area .nav-right:hover .thumb img { opacity: .5; } .comments-area { background: #fafaff; border: 1px solid #eee; padding: 50px 30px; margin-top: 50px; } @media (max-width: 414px) { .comments-area { padding: 50px 8px; } } .comments-area h4 { text-align: center; margin-bottom: 50px; color: #222222; font-size: 18px; } .comments-area h5 { font-size: 16px; margin-bottom: 0px; } .comments-area a { color: #222222; } .comments-area .comment-list { padding-bottom: 48px; } .comments-area .comment-list:last-child { padding-bottom: 0px; } .comments-area .comment-list.left-padding { padding-left: 25px; } @media (max-width: 413px) { .comments-area .comment-list .single-comment h5 { font-size: 12px; } .comments-area .comment-list .single-comment .date { font-size: 11px; } .comments-area .comment-list .single-comment .comment { font-size: 10px; } } .comments-area .thumb { margin-right: 20px; } .comments-area .date { font-size: 13px; color: #cccccc; margin-bottom: 13px; } .comments-area .comment { color: #777777; margin-bottom: 0px; } .comments-area .btn-reply { background-color: #fff; color: #222222; border: 1px solid #eee; padding: 2px 18px; font-size: 12px; display: block; font-weight: 600; transition: all 300ms linear 0s; } .comments-area .btn-reply:hover { background-color: #766dff; color: #fff; } .comment-form { background: #fafaff; text-align: center; border: 1px solid #eee; padding: 47px 30px 43px; margin-top: 50px; margin-bottom: 0px; } .comment-form h4 { text-align: center; margin-bottom: 50px; font-size: 18px; line-height: 22px; color: #222222; } .comment-form .name { padding-left: 0px; } @media (max-width: 767px) { .comment-form .name { padding-right: 0px; margin-bottom: 1rem; } } .comment-form .email { padding-right: 0px; } @media (max-width: 991px) { .comment-form .email { padding-left: 0px; } } .comment-form .form-control { padding: 8px 20px; background: #fff; border: none; border-radius: 0px; width: 100%; font-size: 14px; color: #777777; border: 1px solid transparent; } .comment-form .form-control:focus { box-shadow: none; border: 1px solid #eee; } .comment-form textarea.form-control { height: 140px; resize: none; } .comment-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 13px; color: #777; } .comment-form ::-moz-placeholder { /* Firefox 19+ */ font-size: 13px; color: #777; } .comment-form :-ms-input-placeholder { /* IE 10+ */ font-size: 13px; color: #777; } .comment-form :-moz-placeholder { /* Firefox 18- */ font-size: 13px; color: #777; } /*============ End Blog Single Styles =============*//*---------------------------------------------------- *//*----------------------------------------------------*//* Reservation Form Area css============================================================================================ */ /* End Reservation Form Area css============================================================================================ *//*============== contact_area css ================*/.mapBox { height: 420px; margin-bottom: 80px; } .contact_info .info_item { position: relative; padding-left: 45px; } .contact_info .info_item i { position: absolute; left: 0; top: 0; font-size: 20px; line-height: 24px; color: #766dff; font-weight: 600; } .contact_info .info_item h6 { font-size: 16px; line-height: 24px; color: "Roboto", sans-serif; font-weight: bold; margin-bottom: 0px; color: #222222; } .contact_info .info_item h6 a { color: #222222; } .contact_info .info_item p { font-size: 14px; line-height: 24px; padding: 2px 0px; } .contact_form .form-group { margin-bottom: 10px; } .contact_form .form-group .form-control { font-size: 13px; line-height: 26px; color: #999; border: 1px solid #eeeeee; font-family: "Roboto", sans-serif; font-display: swap; border-radius: 0px; padding-left: 20px; } .contact_form .form-group .form-control:focus { box-shadow: none; outline: none; } .contact_form .form-group .form-control.placeholder { color: #999; } .contact_form .form-group .form-control:-moz-placeholder { color: #999; } .contact_form .form-group .form-control::-moz-placeholder { color: #999; } .contact_form .form-group .form-control::-webkit-input-placeholder { color: #999; } .contact_form .form-group textarea { resize: none; } .contact_form .form-group textarea.form-control { height: 140px; }.contact_form .submit_btn { margin-top: 20px; cursor: pointer; } /* Contact Success and error Area css============================================================================================ */.modal-message .modal-dialog { position: absolute; top: 36%; left: 50%; transform: translateX(-50%) translateY(-50%) !important; margin: 0px; max-width: 500px; width: 100%; } .modal-message .modal-dialog .modal-content .modal-header { text-align: center; display: block; border-bottom: none; padding-top: 50px; padding-bottom: 50px; } .modal-message .modal-dialog .modal-content .modal-header .close { position: absolute; right: -15px; top: -15px; padding: 0px; color: #fff; opacity: 1; cursor: pointer; } .modal-message .modal-dialog .modal-content .modal-header h2 { display: block; text-align: center; color: #766dff; padding-bottom: 10px; font-family: "Roboto", sans-serif; font-display: swap;} .modal-message .modal-dialog .modal-content .modal-header p { display: block; } /* End Contact Success and error Area css============================================================================================ *//*---------------------------------------------------- *//*----------------------------------------------------*//*============== Elements Area css ================*/.mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .sample-text-area { padding: 100px 0px; } .sample-text-area .title_color { margin-bottom: 30px; } .sample-text-area p { line-height: 26px; } .sample-text-area p b { font-weight: bold; color: #766dff; } .sample-text-area p i { color: #766dff; font-style: italic; } .sample-text-area p sup { color: #766dff; font-style: italic; } .sample-text-area p sub { color: #766dff; font-style: italic; } .sample-text-area p del { color: #766dff; } .sample-text-area p u { color: #766dff; } /*============== End Elements Area css ================*//*==============Elements Button Area css ================*/ .title_color { color: #222222; } .button-group-area { margin-top: 15px; } .button-group-area:nth-child(odd) { margin-top: 40px; } .button-group-area:first-child { margin-top: 0px; } .button-group-area .link { text-decoration: underline; color: #222222; background: transparent; } .button-group-area .link:hover { color: #fff; } .button-group-area .disable { background: transparent; color: #007bff; cursor: not-allowed; } .button-group-area .disable:before { display: none; } .primary { background: #52c5fd; } .primary:before { background: #2faae6; } .success { background: #4cd3e3; } .success:before { background: #2ebccd; } .info { background: #38a4ff; } .info:before { background: #298cdf; } .warning { background: #f4e700; } .warning:before { background: #e1d608; } .danger { background: #f54940; } .danger:before { background: #e13b33; } .primary-border { background: transparent; border: 1px solid #52c5fd; color: #52c5fd; } .primary-border:before { background: #52c5fd; } .success-border { background: transparent; border: 1px solid #4cd3e3; color: #4cd3e3; } .success-border:before { background: #4cd3e3; } .info-border { background: transparent; border: 1px solid #38a4ff; color: #38a4ff; } .info-border:before { background: #38a4ff; } .warning-border { background: #fff; border: 1px solid #f4e700; color: #f4e700; } .warning-border:before { background: #f4e700; } .danger-border { background: transparent; border: 1px solid #f54940; color: #f54940; } .danger-border:before { background: #f54940; } .link-border { background: transparent; border: 1px solid #766dff; color: #766dff; } .link-border:before { background: #766dff; } .radius { border-radius: 3px; } .circle { border-radius: 20px; } .arrow span { padding-left: 5px; } .e-large { line-height: 50px; padding-top: 0px; padding-bottom: 0px; } .large { line-height: 45px; padding-top: 0px; padding-bottom: 0px; } .medium { line-height: 30px; padding-top: 0px; padding-bottom: 0px; } .small { line-height: 25px; padding-top: 0px; padding-bottom: 0px; } /*==============End Elements Button Area css ================*//* =================================== *//* Elements Page Styles/* =================================== *//*---------- Start Elements Page -------------*/ .section-top-border { padding: 50px 0; border-top: 1px dotted #eee; } .switch-wrap { margin-bottom: 10px; } .switch-wrap p { margin: 0; } /*---------- End Elements Page -------------*/.sample-text-area { padding: 100px 0 70px 0; } .sample-text { margin-bottom: 0; } .text-heading { margin-bottom: 30px; font-size: 24px; } .typo-list { margin-bottom: 10px; } @media (max-width: 767px) { .typo-sec { margin-bottom: 30px; } }@media (max-width: 767px) { .element-wrap { margin-top: 30px; } }b, sup, sub, u, del { color: #f8b600; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { color: #777777; } .button-area .border-top-generic { padding: 70px 15px; border-top: 1px dotted #eee; } .button-group-area .genric-btn { margin-right: 10px; margin-top: 10px; } .button-group-area .genric-btn:last-child { margin-right: 0; } .circle { border-radius: 20px; } .genric-btn { display: inline-block; outline: none; line-height: 40px; padding: 0 30px; font-size: .8em; text-align: center; text-decoration: none; font-weight: 500; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .genric-btn:focus { outline: none; } .genric-btn.e-large { padding: 0 40px; line-height: 50px; } .genric-btn.large { line-height: 45px; } .genric-btn.medium { line-height: 30px; } .genric-btn.small { line-height: 25px; } .genric-btn.radius { border-radius: 3px; } .genric-btn.circle { border-radius: 20px; } .genric-btn.arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .genric-btn.arrow span { margin-left: 10px; } .genric-btn.default { color: #222222; background: #f9f9ff; border: 1px solid transparent; } .genric-btn.default:hover { border: 1px solid #f9f9ff; background: #fff; } .genric-btn.default-border { border: 1px solid #f9f9ff; background: #fff; } .genric-btn.default-border:hover { color: #222222; background: #f9f9ff; border: 1px solid transparent; } .genric-btn.primary { color: #fff; background: #f8b600; border: 1px solid transparent; } .genric-btn.primary:hover { color: #f8b600; border: 1px solid #f8b600; background: #fff; } .genric-btn.primary-border { color: #f8b600; border: 1px solid #f8b600; background: #fff; } .genric-btn.primary-border:hover { color: #fff; background: #f8b600; border: 1px solid transparent; } .genric-btn.success { color: #fff; background: #4cd3e3; border: 1px solid transparent; } .genric-btn.success:hover { color: #4cd3e3; border: 1px solid #4cd3e3; background: #fff; } .genric-btn.success-border { color: #4cd3e3; border: 1px solid #4cd3e3; background: #fff; } .genric-btn.success-border:hover { color: #fff; background: #4cd3e3; border: 1px solid transparent; } .genric-btn.info { color: #fff; background: #38a4ff; border: 1px solid transparent; } .genric-btn.info:hover { color: #38a4ff; border: 1px solid #38a4ff; background: #fff; } .genric-btn.info-border { color: #38a4ff; border: 1px solid #38a4ff; background: #fff; } .genric-btn.info-border:hover { color: #fff; background: #38a4ff; border: 1px solid transparent; } .genric-btn.warning { color: #fff; background: #f4e700; border: 1px solid transparent; } .genric-btn.warning:hover { color: #f4e700; border: 1px solid #f4e700; background: #fff; } .genric-btn.warning-border { color: #f4e700; border: 1px solid #f4e700; background: #fff; } .genric-btn.warning-border:hover { color: #fff; background: #f4e700; border: 1px solid transparent; } .genric-btn.danger { color: #fff; background: #f44a40; border: 1px solid transparent; } .genric-btn.danger:hover { color: #f44a40; border: 1px solid #f44a40; background: #fff; } .genric-btn.danger-border { color: #f44a40; border: 1px solid #f44a40; background: #fff; } .genric-btn.danger-border:hover { color: #fff; background: #f44a40; border: 1px solid transparent; } .genric-btn.link { color: #222222; background: #f9f9ff; text-decoration: underline; border: 1px solid transparent; } .genric-btn.link:hover { color: #222222; border: 1px solid #f9f9ff; background: #fff; } .genric-btn.link-border { color: #222222; border: 1px solid #f9f9ff; background: #fff; text-decoration: underline; } .genric-btn.link-border:hover { color: #222222; background: #f9f9ff; border: 1px solid transparent; } .genric-btn.disable { color: #222222, 0.3; background: #f9f9ff; border: 1px solid transparent; cursor: not-allowed; } .generic-blockquote { padding: 30px 50px 30px 30px; background: #fff; border-left: 2px solid #f8b600; } @media (max-width: 991px) { .progress-table-wrap { overflow-x: scroll; } }.progress-table { background: #fff; padding: 15px 0px 30px 0px; min-width: 800px; } .progress-table .serial { width: 11.83%; padding-left: 30px; } .progress-table .country { width: 28.07%; } .progress-table .visit { width: 19.74%; } .progress-table .percentage { width: 40.36%; padding-right: 50px; } .progress-table .table-head { display: flex; } .progress-table .table-head .serial, .progress-table .table-head .country, .progress-table .table-head .visit, .progress-table .table-head .percentage { color: #222222; line-height: 40px; text-transform: uppercase; font-weight: 500; } .progress-table .table-row { padding: 15px 0; border-top: 1px solid #edf3fd; display: flex; } .progress-table .table-row .serial, .progress-table .table-row .country, .progress-table .table-row .visit, .progress-table .table-row .percentage { display: flex; align-items: center; } .progress-table .table-row .country img { margin-right: 15px; } .progress-table .table-row .percentage .progress { width: 80%; border-radius: 0px; background: transparent; } .progress-table .table-row .percentage .progress .progress-bar { height: 5px; line-height: 5px; } .progress-table .table-row .percentage .progress .progress-bar.color-1 { background-color: #6382e6; } .progress-table .table-row .percentage .progress .progress-bar.color-2 { background-color: #e66686; } .progress-table .table-row .percentage .progress .progress-bar.color-3 { background-color: #f09359; } .progress-table .table-row .percentage .progress .progress-bar.color-4 { background-color: #73fbaf; } .progress-table .table-row .percentage .progress .progress-bar.color-5 { background-color: #73fbaf; } .progress-table .table-row .percentage .progress .progress-bar.color-6 { background-color: #6382e6; } .progress-table .table-row .percentage .progress .progress-bar.color-7 { background-color: #a367e7; } .progress-table .table-row .percentage .progress .progress-bar.color-8 { background-color: #e66686; } .single-gallery-image { margin-top: 30px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; height: 200px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single-gallery-image:hover { opacity: .8; } .unordered-list li { position: relative; padding-left: 30px; line-height: 1.82em !important; } .unordered-list li:before { content: ""; position: absolute; width: 14px; height: 14px; border: 3px solid #f8b600; background: #fff; top: 4px; left: 0; border-radius: 50%; } .ordered-list { margin-left: 30px; } .ordered-list li { list-style-type: decimal-leading-zero; color: #f8b600; font-weight: 500; line-height: 1.82em !important; } .ordered-list li span { font-weight: 300; color: #777777; } .ordered-list-alpha li { margin-left: 30px; list-style-type: lower-alpha; color: #f8b600; font-weight: 500; line-height: 1.82em !important; } .ordered-list-alpha li span { font-weight: 300; color: #777777; } .ordered-list-roman li { margin-left: 30px; list-style-type: lower-roman; color: #f8b600; font-weight: 500; line-height: 1.82em !important; } .ordered-list-roman li span { font-weight: 300; color: #777777; } .single-input { display: block; width: 100%; line-height: 40px; border: none; outline: none; background: #f9f9ff; padding: 0 20px; } .single-input:focus { outline: none; } .input-group-icon { position: relative; } .input-group-icon .icon { position: absolute; left: 20px; top: 0; line-height: 40px; z-index: 3; } .input-group-icon .icon i { color: #797979; } .input-group-icon .single-input { padding-left: 45px; } .single-textarea { display: block; width: 100%; line-height: 40px; border: none; outline: none; background: #f9f9ff; padding: 0 20px; height: 100px; resize: none; } .single-textarea:focus { outline: none; } .single-input-primary { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px; } .single-input-primary:focus { outline: none; border: 1px solid #f8b600; } .single-input-accent { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px; } .single-input-accent:focus { outline: none; border: 1px solid #eb6b55; } .single-input-secondary { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px; } .single-input-secondary:focus { outline: none; border: 1px solid #f09359; } .default-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #fff; position: relative; cursor: pointer; } .default-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .default-switch input + label { position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #f8b600; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); cursor: pointer; } .default-switch input:checked + label { left: 19px; } .single-element-widget { margin-bottom: 30px; } .primary-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #fff; position: relative; cursor: pointer; } .primary-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .primary-switch input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .primary-switch input + label:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; border-radius: 8.5px; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .primary-switch input + label:after { content: ""; position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); cursor: pointer; } .primary-switch input:checked + label:after { left: 19px; } .primary-switch input:checked + label:before { background: #f8b600; } .confirm-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #fff; position: relative; cursor: pointer; } .confirm-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .confirm-switch input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .confirm-switch input + label:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; border-radius: 8.5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; cursor: pointer; } .confirm-switch input + label:after { content: ""; position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); cursor: pointer; } .confirm-switch input:checked + label:after { left: 19px; } .confirm-switch input:checked + label:before { background: #4cd3e3; } .primary-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #fff; position: relative; cursor: pointer; } .primary-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .primary-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1; } .single-defination h4 { color: #222222; } .primary-checkbox input:checked + label { background: url(../img/elements/primary-check.png) no-repeat center center/cover; border: none; } .confirm-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #fff; position: relative; cursor: pointer; } .confirm-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .confirm-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1; } .confirm-checkbox input:checked + label { background: url(../img/elements/success-check.png) no-repeat center center/cover; border: none; } .disabled-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #fff; position: relative; cursor: pointer; } .disabled-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .disabled-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1; } .disabled-checkbox input:disabled { cursor: not-allowed; z-index: 3; } .disabled-checkbox input:checked + label { background: url(../img/elements/disabled-check.png) no-repeat center center/cover; border: none; } .primary-radio { width: 16px; height: 16px; border-radius: 8px; background: #fff; position: relative; cursor: pointer; } .primary-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .primary-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1; } .primary-radio input:checked + label { background: url(../img/elements/primary-radio.png) no-repeat center center/cover; border: none; } .confirm-radio { width: 16px; height: 16px; border-radius: 8px; background: #fff; position: relative; cursor: pointer; } .confirm-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .confirm-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1; } .confirm-radio input:checked + label { background: url(../img/elements/success-radio.png) no-repeat center center/cover; border: none; } .disabled-radio { width: 16px; height: 16px; border-radius: 8px; background: #fff; position: relative; cursor: pointer; } .disabled-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .disabled-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1; } .disabled-radio input:disabled { cursor: not-allowed; z-index: 3; } .unordered-list { list-style: none; padding: 0px; margin: 0px; } .ordered-list { list-style: none; padding: 0px; } .disabled-radio input:checked + label { background: url(../img/elements/disabled-radio.png) no-repeat center center/cover; border: none; } .default-select { height: 40px; } .default-select .nice-select { border: none; border-radius: 0px; height: 40px; background: #fff; padding-left: 20px; padding-right: 40px; } .default-select .nice-select .list { margin-top: 0; border: none; border-radius: 0px; box-shadow: none; width: 100%; padding: 10px 0 10px 0px; } .default-select .nice-select .list .option { font-weight: 300; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 28px; min-height: 28px; font-size: 12px; padding-left: 20px; } .default-select .nice-select .list .option.selected { color: #f8b600; background: transparent; } .default-select .nice-select .list .option:hover { color: #f8b600; background: transparent; } .default-select .nice-select::after { right: 20px; } @media (max-width: 991px) { .left-align-p p { margin-top: 20px; } }.form-select { height: 40px; width: 100%; } .form-select .nice-select { border: none; border-radius: 0px; height: 40px; background: #f9f9ff !important; padding-left: 45px; padding-right: 40px; width: 100%; } .form-select .nice-select .list { margin-top: 0; border: none; border-radius: 0px; box-shadow: none; width: 100%; padding: 10px 0 10px 0px; } .mt-10 { margin-top: 10px; } .form-select .nice-select .list .option { font-weight: 300; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 28px; min-height: 28px; font-size: 12px; padding-left: 45px; } .form-select .nice-select .list .option.selected { color: #f8b600; background: transparent; } .form-select .nice-select .list .option:hover { color: #f8b600; background: transparent; } .form-select .nice-select::after { right: 20px; } /*---------------------------------------------------- *//*----------------------------------------------------*//* Main Button Area css============================================================================================ */.main_btn { display: inline-block; background-image: linear-gradient(to right, #766dff 0%, #86e8ff 48%, #766dff 100%); background-size: 200% auto; padding: 0px 40px; color: #fff; font-family: "Roboto", sans-serif; font-display: swap; font-size: 13px; font-weight: 500; line-height: 48px; border-radius: 0px; outline: none !important; box-shadow: none !important; text-align: center; cursor: pointer; border-radius: 5px; transition: all 300ms linear 0s; } .main_btn:hover { background-position: right center; color: #fff; } .submit_btn { width: auto; display: inline-block; background: #766dff; padding: 0px 50px; color: #fff; font-family: "Roboto", sans-serif; font-display: swap; font-size: 13px; font-weight: 500; line-height: 50px; border-radius: 5px; outline: none !important; box-shadow: none !important; text-align: center; border: 1px solid #766dff; cursor: pointer; transition: all 300ms linear 0s; } .submit_btn:hover { background: transparent; color: #766dff; } .white_bg_btn { display: inline-block; background: #f9f9ff; padding: 0px 35px; color: #222222; font-family: "Roboto", sans-serif; font-display: swap; font-size: 13px; font-weight: 500; line-height: 34px; border-radius: 0px; outline: none !important; box-shadow: none !important; text-align: center; cursor: pointer; transition: all 300ms linear 0s; } .white_bg_btn:hover { background-image: -moz-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -webkit-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -ms-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); color: #fff; border: none; } /* End Main Button Area css============================================================================================ *//*---------------------------------------------------- *//*----------------------------------------------------*//* Welcome Area css============================================================================================ */ .welcome_text h4 { color: #222222; font-family: "Heebo", sans-serif; font-display: swap; font-size: 36px; margin-bottom: 18px; text-transform: uppercase; }.welcome_text p { max-width: 495px; font-family: "Roboto", sans-serif; font-display: swap; margin-bottom: 40px; } .wel_item { border: 1px solid #eeeeee; padding: 20px 20px; border-radius: 5px; } .wel_item i { font-size: 24px; background: linear-gradient(to right, #766dff 0%, #86e7ff 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wel_item h4 { font-size: 24px; font-family: "Heebo", sans-serif; font-display: swap; font-weight: bold; color: #222222; margin-bottom: 5px; margin-top: 10px; } .wel_item p { font-size: 16px; font-family: "Roboto", sans-serif; font-display: swap; color: #777777; margin-bottom: 0px; } .tools_expert { padding: 20px 0px 0px 0px; } .tools_expert .skill_main .skill_item { margin-bottom: 18px; } .tools_expert .skill_main .skill_item:last-child { margin-bottom: 0px; } .tools_expert .skill_main .skill_item h4 { text-align: none; font-size: 14px; font-family: "Roboto", sans-serif; font-display: swap; font-weight: 500; color: #222222; margin-bottom: 15px; } .tools_expert .skill_main .skill_item .progress_br { border: 1px solid #eeeeee; padding: 5px; border-radius: 10px; } .tools_expert .skill_main .skill_item .progress { height: 10px; border-radius: 10px; background: #e8e8e8; } .tools_expert .skill_main .skill_item .progress .progress-bar { width: 0%; transition: width .6s ease; height: 10px; border-radius: 5px; vertical-align: middle; align-self: center; background-image: -moz-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -webkit-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -ms-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); } /* End Welcome Area css============================================================================================ *//* My Tabs Area css============================================================================================ */.mytabs_area { background-image: -moz-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -webkit-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -ms-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); } .tabs_inner .nav.nav-tabs { display: block; text-align: center; border: none; margin-bottom: 120px; } .tabs_inner .nav.nav-tabs li { display: inline-block; margin-right: 8px; } .tabs_inner .nav.nav-tabs li a { margin: 0px; line-height: 50px; border-radius: 5px; padding: 0px 40px; font-size: 13px; font-weight: 500; color: #fff; font-family: "Roboto", sans-serif; font-display: swap; border: 1px solid #9ab5f5; background: rgba(255, 255, 255, 0.1); } .tabs_inner .nav.nav-tabs li a.active { background: #fff; color: #222222; }.tabs_inner .tab-content .tab-pane .list { max-width: 460px; margin: auto; position: relative; padding-top: 40px; padding-bottom: 60px; } .tabs_inner .tab-content .tab-pane .list:before { content: ""; height: 100%; width: 5px; background: rgba(255, 255, 255, 0.2); position: absolute; left: 46%; transform: translateX(-50%); top: -5px; } .tabs_inner .tab-content .tab-pane .list li { margin-bottom: 60px; position: relative; } .tabs_inner .tab-content .tab-pane .list li span { height: 15px; width: 15px; border-radius: 50%; display: block; background: rgba(255, 255, 255, 0.2); position: absolute; left: 46%; top: 30px; transform: translateX(-50%); } .tabs_inner .tab-content .tab-pane .list li span:before { content: ''; height: 7px; width: 7px; background: #fff; border-radius: 50%; position: absolute; left: 52%; top: 4px; transform: translateX(-50%); } .tabs_inner .tab-content .tab-pane .list li:last-child { margin-bottom: 0px; } .tabs_inner .tab-content .tab-pane .list li .media .d-flex { padding-right: 100px; } .tabs_inner .tab-content .tab-pane .list li .media .d-flex p { color: rgba(255, 255, 255, 0.75); margin-bottom: 0px; padding-top: 20px; } .tabs_inner .tab-content .tab-pane .list li .media .media-body h4 { color: #fff; font-size: 21px; text-transform: uppercase; margin-bottom: 20px; } .tabs_inner .tab-content .tab-pane .list li .media .media-body p { color: rgba(255, 255, 255, 0.75); margin-bottom: 0px; } /* End My Tabs Area css============================================================================================ *//* Feature Area css============================================================================================ */.feature_area { background: #f9f9ff; } .feature_area.white_feature { background: #fff; } .feature_area.white_feature .feature_item { background: #f9f9ff; } .feature_area.white_feature .feature_item:hover { background: #fff; } .feature_inner { margin-bottom: -30px; } .feature_item { padding: 50px 35px; border-radius: 10px; transition: all 300ms linear 0s; background: #fff; margin-bottom: 30px; } .feature_item i { margin-bottom: 35px; display: block; } .feature_item i:before { margin-left: 0px; font-size: 60px; color: #e1e1e1; line-height: 60px; } .feature_item h4 { color: #222222; font-size: 21px; font-family: "Heebo", sans-serif; font-display: swap; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; } .feature_item p { margin-bottom: 0px; } .feature_item .main_btn { padding: 0px 30px; line-height: 38px; } .feature_item:hover { box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08); border-color: #fff; background: #fff; } .feature_item:hover i:before { background: linear-gradient(to right, #8490ff 0%, #62bdfc 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* End Feature Area css============================================================================================ *//* Personal Profile Area css============================================================================================ */.profile_area .col-lg-7 { vertical-align: middle; align-self: center; } .profile_inner { border-bottom: 1px solid #eeeeee; } .profile_inner .personal_text { padding-left: 95px; } .personal_text h6 { font-size: 14px; font-family: "Roboto", sans-serif; font-display: swap; text-transform: uppercase; letter-spacing: 2.1px; font-weight: normal; margin-bottom: 12px; color: #222222; }.personal_text h4 { font-size: 16px; font-weight: 500; font-family: "Roboto", sans-serif; font-display: swap; text-transform: uppercase; margin-bottom: 20px; color: #222222; }.personal_text h3 { font-size: 48px; text-transform: uppercase; margin-bottom: 15px; color: #222222; }.personal_text p { font-family: "Roboto", sans-serif; font-display: swap; max-width: 540px; color: #777777; margin-bottom: 40px; }.personal_text .basic_info li { margin-bottom: 15px; } .personal_text .basic_info li a { position: relative; padding-left: 0px; font-size: 16px; color: #777777; } .personal_text .basic_info li a i { /*****position: absolute;****/ padding:10px; left: 0px; top: 50%; transform: translateY(-50%); font-size: 20px; color: #766dff; } .personal_text .basic_info li:last-child { margin-bottom: 0px; }.personal_text .personal_social { margin-top: 45px; } .personal_text .personal_social li { display: inline-block; margin-right: 7px; } .personal_text .personal_social li:last-child { margin-right: 0px; } .personal_text .personal_social li a { line-height: 40px; width: 40px; background: #e8e8e8; border-radius: 5px; display: inline-block; text-align: center; color: #fff; font-size: 16px; } .personal_text .personal_social li:hover a { background-image: -moz-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -webkit-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -ms-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); } /* End Personal Profile Area css============================================================================================ *//*---------------------------------------------------- *//*----------------------------------------------------*//* Gallery Area css============================================================================================ */.isotope_fillter { margin-bottom: 50px; } .isotope_fillter .gallery_filter { text-align: center; } .isotope_fillter .gallery_filter li { display: inline-block; margin-right: 45px; } .isotope_fillter .gallery_filter li:last-child { margin-right: 0px; } .isotope_fillter .gallery_filter li a { font-size: 12px; font-family: "Roboto", sans-serif; font-display: swap; font-weight: 500; color: #222222; transition: all 300ms linear 0s; text-transform: uppercase; } .isotope_fillter .gallery_filter li:hover a, .isotope_fillter .gallery_filter li.active a { color: #766dff; } .gallery_f_inner { margin-bottom: -45px; } .h_gallery_item { display: inline-block; margin-bottom: 45px; } .h_gallery_item .g_img_item { position: relative; text-align: center; overflow: hidden; border-radius: 5px; } .h_gallery_item .g_img_item:before { content: ""; width: 100%; height: 100%; left: 0px; top: 0px; background-image: -moz-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -webkit-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -ms-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); position: absolute; opacity: 0; transition: all 300ms ease; } .h_gallery_item .g_img_item .light { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; opacity: 0; } .h_gallery_item .g_item_text { text-align: center; } .h_gallery_item .g_item_text h4 { color: #222222; font-size: 21px; margin-top: 22px; transition: all 300ms linear 0s; } .h_gallery_item .g_item_text p { margin-bottom: 0px; } .h_gallery_item:hover .g_img_item:before { opacity: .85; } .h_gallery_item:hover .g_img_item .light { opacity: 1; } .h_gallery_item:hover .g_item_text h4:hover { color: #766dff; } .more_btn { text-align: center; margin-top: 20px; } /* End Gallery Area css============================================================================================ *//*---------------------------------------------------- *//*----------------------------------------------------*//* Testimonials Area css============================================================================================ */.testimonials_area { background: #f9f9ff; } .testi_inner .col-lg-3 { vertical-align: middle; align-self: center; } .testi_item { border: 1px solid #eeeeee; border-radius: 10px; background: #fff; padding: 40px 28px; } .testi_item p { font-style: italic; } .testi_item h4 { color: #222222; font-size: 18px; text-transform: uppercase; } .testi_item a { color: #ffc000; } /* End Testimonials Area css============================================================================================ *//*---------------------------------------------------- *//*----------------------------------------------------*//* Footer Area css============================================================================================ */.footer_area { background: #000; } .f_title { margin-bottom: 35px; } .f_title h3 { color: #fff; font-size: 18px; font-weight: bold; font-family: "Heebo", sans-serif; font-display: swap; margin-bottom: 0px; } .ab_widget p { font-size: 14px; line-height: 24px; font-family: "Roboto", sans-serif; font-display: swap; color: #777777; margin-bottom: 30px; } .ab_widget p a { color: #766dff; } .ab_widget p + p { margin-bottom: 0px; } .news_widget { padding-right: 15px; } .news_widget p { font-size: 14px; line-height: 24px; font-family: "Roboto", sans-serif; font-display: swap; color: #777777; margin-bottom: 15px; } .news_widget .input-group input { height: 40px; background: transparent; border-radius: 0px; width: 80%; border: none; padding: 0px 15px; border: 1px solid #1e233b; font-size: 14px; font-family: "Roboto", sans-serif; font-display: swap; color: #cccccc; outline: none; box-shadow: none; } .news_widget .input-group input.placeholder { font-size: 14px; font-family: "Roboto", sans-serif; font-display: swap; font-weight: normal; color: #cccccc; } .news_widget .input-group input:-moz-placeholder { font-size: 14px; font-family: "Roboto", sans-serif; font-display: swap; font-weight: normal; color: #cccccc; } .news_widget .input-group input::-moz-placeholder { font-size: 14px; font-family: "Roboto", sans-serif; font-display: swap; font-weight: normal; color: #cccccc; } .news_widget .input-group input::-webkit-input-placeholder { font-size: 14px; font-family: "Roboto", sans-serif; font-display: swap; font-weight: normal; color: #cccccc; } .news_widget .input-group .sub-btn { border-radius: 0px; background-image: -moz-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -webkit-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); background-image: -ms-linear-gradient(0deg, #766dff 0%, #88f3ff 100%); outline: none !important; box-shadow: none !important; padding: 0px; border: none; width: 42px; cursor: pointer; color: #fff; } .social_widget p { font-size: 14px; line-height: 24px; font-family: "Roboto", sans-serif; font-display: swap; color: #777777; margin-bottom: 10px; }.social_widget .list li { margin-right: 17px; display: inline-block; } .social_widget .list li a { color: #cccccc; font-size: 14px; transition: all 300ms linear 0s; } .social_widget .list li:last-child { margin-right: 0px; } .social_widget .list li:hover a { color: #766dff; } /* End Footer Area css============================================================================================ *//*---------------------------------------------------- */ @media (max-width:1619px){ /* Main Menu Area css ============================================================================================ */ .header_area .navbar .search { margin-left: 40px; } /* End Main Menu Area css ============================================================================================ */ .banner_area .box_1620 { border-radius: 0px; }}@media (max-width:1199px){ /* Main Menu Area css ============================================================================================ */ .header_area .navbar .nav .nav-item { margin-right: 28px; } /* End Main Menu Area css ============================================================================================ */ /* Home Banner Area css ============================================================================================ */ .home_banner_area { min-height: 728px; margin-bottom: 120px; } .home_banner_area .banner_inner { min-height: 650px; } .header_area .navbar .nav .nav-item.submenu ul { left: auto; right: 0px; } /* End Home Banner Area css ============================================================================================ */ .banner_content .media{ display: block; } .home_banner_area .banner_content{ max-width: 500px; margin: auto; } .home_banner_area .banner_inner .banner_content .media .d-flex { padding-right: 0px; display: block; width: 100%; } .home_banner_area .banner_inner .banner_content .media .d-flex img { width: 100%; height: 100%; } .home_banner_area .banner_inner .banner_content .media .media-body { margin-top: 30px; } .home_banner_area .box_1620 { bottom: -130px; } .profile_inner .personal_text { padding-left: 0px; } .home_banner_area.blog_banner .banner_inner{ min-height: 728px; } .home_banner_area.blog_banner { margin-bottom: 0px; }} @media (max-width:991px){ /* Main Menu Area css ============================================================================================ */ .navbar-toggler { border: none; border-radius: 0px; padding: 0px; cursor: pointer; margin-top: 27px; margin-bottom: 23px; } .header_area .navbar { background: #000; } .navbar-toggler[aria-expanded="false"] span:nth-child(2) { opacity: 1; } .navbar-toggler[aria-expanded="true"] span:nth-child(2) { opacity: 0; } .navbar-toggler[aria-expanded="true"] span:first-child { transform: rotate(-45deg); position: relative; top: 7.5px; } .navbar-toggler[aria-expanded="true"] span:last-child { transform: rotate(45deg); bottom: 6px; position: relative; } .navbar-toggler span{ display: block; width: 25px; height: 3px; background: #fff; margin: auto; margin-bottom: 4px; transition: all 400ms linear; cursor: pointer; } .navbar .container{ padding-left: 15px; padding-right: 15px; } .nav{ padding: 0px 0px; } .header_area + section, .header_area + row, .header_area + div { margin-top: 117px; } .header_area .navbar .nav .nav-item .nav-link{ line-height: 40px; margin-right: 0px; display: block; border-bottom: 1px solid #ededed33; border-radius: 0px; } .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link { line-height: 40px; } .header_area .navbar .search{ margin-left: 0px; } .header_area .navbar-collapse{ max-height: 340px; overflow-y: scroll; } .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link { padding: 0px 15px; } .header_area .navbar .nav .nav-item { margin-right: 0px; } .header_area + section, .header_area + row, .header_area + div { margin-top: 0px; } /* End Main Menu Area css ============================================================================================ */ /* Blog page Area css ============================================================================================ */ .categories_post img{ width: 100%; } .categories_post { max-width: 360px; margin: 0 auto; } .blog_categorie_area .col-lg-4{ margin-top: 30px; } .blog_area{ padding-bottom: 80px; } .single-post-area .blog_right_sidebar{ margin-top: 30px; } /* End Blog page Area css ============================================================================================ */ /* Contact Page Area css ============================================================================================ */ .contact_info{ margin-bottom: 50px; } /* End Contact page Area css ============================================================================================ */ /* Footer Area css ============================================================================================ */ .footer_area .f_widget{ margin-bottom: 30px; } .footer_area .footer_inner{ margin-bottom: -30px; } /* End End Footer Area css ============================================================================================ */ .welcome_text{ margin-bottom: 30px; } .banner_area .box_1620 { bottom: -71px; } .banner_area { margin-bottom: 71px; } .profile_inner .personal_text { padding-top: 30px; }}@media (max-width:767px){ .home_banner_area { min-height: 570px; margin-bottom: 120px; } .home_banner_area .banner_inner { min-height: 500px; } .home_banner_area .box_1620 { min-height: 500px; } .home_banner_area .banner_inner .banner_content { margin-top: 0px; } /* Blog Page Area css ============================================================================================ */ .blog_banner .banner_inner .blog_b_text h2 { font-size: 40px; line-height: 50px; } .blog_info.text-right{ text-align: left !important; margin-bottom: 10px; } /* End Blog Page Area css ============================================================================================ */ .home_banner_area .banner_inner .banner_content h3 { font-size: 45px; line-height: 55px; } .home_banner_area .banner_inner .banner_content p br { display: none; } .home_banner_area .banner_inner .banner_content h3 span { line-height: 45px; padding-bottom: 0px; padding-top: 0px; } /* Footer Area css ============================================================================================ */ /* End End Footer Area css ============================================================================================ */ .wel_item { margin-bottom: 30px; }}@media (max-width:600px){ }@media (max-width:575px){ .header_area + section, .header_area + row, .header_area + div { margin-top: 0px; } /* Home Banner Area css ============================================================================================ */ .home_banner_area .banner_inner .banner_content h2 { font-size: 28px; } .home_banner_area { min-height: 570px; } .home_banner_area .banner_inner { min-height: 500px; } .blog_banner .banner_inner .blog_b_text { margin-top: 0px; } .home_banner_area .banner_inner .banner_content h5 { margin-top: 0px; } /* End Home Banner Area css ============================================================================================ */ .p_120 { padding-top: 70px; padding-bottom: 70px; } .main_title h2 { font-size: 25px; } /* Elements Area css ============================================================================================ */ .sample-text-area { padding: 70px 0 70px 0; } .generic-blockquote { padding: 30px 15px 30px 30px; } /* End Elements Area css ============================================================================================ */ /* Blog Page Area css ============================================================================================ */ .blog_details h2 { font-size: 20px; line-height: 30px; } .blog_banner .banner_inner .blog_b_text h2 { font-size: 28px; line-height: 38px; } /* End Blog Page Area css ============================================================================================ */ /* Footer Area css ============================================================================================ */ /* End End Footer Area css ============================================================================================ */ .home_banner_area .box_1620 { bottom: -71px; border-radius: 0px; } .home_banner_area { margin-bottom: 71px; } .tabs_inner .nav.nav-tabs li a { line-height: 42px; padding: 0px 18px; } .gallery_f_inner{ max-width: 340px; margin: 0px auto -45px; } .blog_categorie_area { padding-top: 70px; padding-bottom: 70px; }} @media (max-width:480px){ /* Main Menu Area css ============================================================================================ */ .header_area .navbar-collapse{ max-height: 250px; } /* End Main Menu Area css ============================================================================================ */ /* Home Banner Area css ============================================================================================ */ .home_banner_area .banner_inner .banner_content { padding: 30px 15px; margin-top: 0px; } /* End Home Banner Area css ============================================================================================ */ .banner_area .banner_inner .banner_content h2 { font-size: 32px; } /* Blog Page Area css ============================================================================================ */ .comments-area .thumb { margin-right: 10px; } /* End Blog Page Area css ============================================================================================ */ .tabs_inner .tab-content .tab-pane .list::before { display: none; } .tabs_inner .tab-content .tab-pane .list li .media .d-flex { padding-right: 0px; padding-bottom: 18px; } .tabs_inner .tab-content .tab-pane .list li .media { display: block; } .tabs_inner .tab-content .tab-pane .list li span { display: none; } .tabs_inner .nav.nav-tabs { margin-bottom: 0px; } .isotope_fillter .gallery_filter li { margin-right: 17px; }}</style> <script>!function(e){var t=function(u,D,f){"use strict";var k,H;if(function(){var e;var t={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:true,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:true,ricTimeout:0,throttleDelay:125};H=u.lazySizesConfig||u.lazysizesConfig||{};for(e in t){if(!(e in H)){H[e]=t[e]}}}(),!D||!D.getElementsByClassName){return{init:function(){},cfg:H,noSupport:true}}var O=D.documentElement,i=u.HTMLPictureElement,P="addEventListener",$="getAttribute",q=u[P].bind(u),I=u.setTimeout,U=u.requestAnimationFrame||I,o=u.requestIdleCallback,j=/^picture$/i,r=["load","error","lazyincluded","_lazyloaded"],a={},G=Array.prototype.forEach,J=function(e,t){if(!a[t]){a[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")}return a[t].test(e[$]("class")||"")&&a[t]},K=function(e,t){if(!J(e,t)){e.setAttribute("class",(e[$]("class")||"").trim()+" "+t)}},Q=function(e,t){var a;if(a=J(e,t)){e.setAttribute("class",(e[$]("class")||"").replace(a," "))}},V=function(t,a,e){var i=e?P:"removeEventListener";if(e){V(t,a)}r.forEach(function(e){t[i](e,a)})},X=function(e,t,a,i,r){var n=D.createEvent("Event");if(!a){a={}}a.instance=k;n.initEvent(t,!i,!r);n.detail=a;e.dispatchEvent(n);return n},Y=function(e,t){var a;if(!i&&(a=u.picturefill||H.pf)){if(t&&t.src&&!e[$]("srcset")){e.setAttribute("srcset",t.src)}a({reevaluate:true,elements:[e]})}else if(t&&t.src){e.src=t.src}},Z=function(e,t){return(getComputedStyle(e,null)||{})[t]},s=function(e,t,a){a=a||e.offsetWidth;while(a<H.minSize&&t&&!e._lazysizesWidth){a=t.offsetWidth;t=t.parentNode}return a},ee=function(){var a,i;var t=[];var r=[];var n=t;var s=function(){var e=n;n=t.length?r:t;a=true;i=false;while(e.length){e.shift()()}a=false};var e=function(e,t){if(a&&!t){e.apply(this,arguments)}else{n.push(e);if(!i){i=true;(D.hidden?I:U)(s)}}};e._lsFlush=s;return e}(),te=function(a,e){return e?function(){ee(a)}:function(){var e=this;var t=arguments;ee(function(){a.apply(e,t)})}},ae=function(e){var a;var i=0;var r=H.throttleDelay;var n=H.ricTimeout;var t=function(){a=false;i=f.now();e()};var s=o&&n>49?function(){o(t,{timeout:n});if(n!==H.ricTimeout){n=H.ricTimeout}}:te(function(){I(t)},true);return function(e){var t;if(e=e===true){n=33}if(a){return}a=true;t=r-(f.now()-i);if(t<0){t=0}if(e||t<9){s()}else{I(s,t)}}},ie=function(e){var t,a;var i=99;var r=function(){t=null;e()};var n=function(){var e=f.now()-a;if(e<i){I(n,i-e)}else{(o||r)(r)}};return function(){a=f.now();if(!t){t=I(n,i)}}},e=function(){var v,m,c,h,e;var y,z,g,p,C,b,A;var n=/^img$/i;var d=/^iframe$/i;var E="onscroll"in u&&!/(gle|ing)bot/.test(navigator.userAgent);var _=0;var w=0;var M=0;var N=-1;var L=function(e){M--;if(!e||M<0||!e.target){M=0}};var x=function(e){if(A==null){A=Z(D.body,"visibility")=="hidden"}return A||!(Z(e.parentNode,"visibility")=="hidden"&&Z(e,"visibility")=="hidden")};var W=function(e,t){var a;var i=e;var r=x(e);g-=t;b+=t;p-=t;C+=t;while(r&&(i=i.offsetParent)&&i!=D.body&&i!=O){r=(Z(i,"opacity")||1)>0;if(r&&Z(i,"overflow")!="visible"){a=i.getBoundingClientRect();r=C>a.left&&p<a.right&&b>a.top-1&&g<a.bottom+1}}return r};var t=function(){var e,t,a,i,r,n,s,o,l,u,f,c;var d=k.elements;if((h=H.loadMode)&&M<8&&(e=d.length)){t=0;N++;for(;t<e;t++){if(!d[t]||d[t]._lazyRace){continue}if(!E||k.prematureUnveil&&k.prematureUnveil(d[t])){R(d[t]);continue}if(!(o=d[t][$]("data-expand"))||!(n=o*1)){n=w}if(!u){u=!H.expand||H.expand<1?O.clientHeight>500&&O.clientWidth>500?500:370:H.expand;k._defEx=u;f=u*H.expFactor;c=H.hFac;A=null;if(w<f&&M<1&&N>2&&h>2&&!D.hidden){w=f;N=0}else if(h>1&&N>1&&M<6){w=u}else{w=_}}if(l!==n){y=innerWidth+n*c;z=innerHeight+n;s=n*-1;l=n}a=d[t].getBoundingClientRect();if((b=a.bottom)>=s&&(g=a.top)<=z&&(C=a.right)>=s*c&&(p=a.left)<=y&&(b||C||p||g)&&(H.loadHidden||x(d[t]))&&(m&&M<3&&!o&&(h<3||N<4)||W(d[t],n))){R(d[t]);r=true;if(M>9){break}}else if(!r&&m&&!i&&M<4&&N<4&&h>2&&(v[0]||H.preloadAfterLoad)&&(v[0]||!o&&(b||C||p||g||d[t][$](H.sizesAttr)!="auto"))){i=v[0]||d[t]}}if(i&&!r){R(i)}}};var a=ae(t);var S=function(e){var t=e.target;if(t._lazyCache){delete t._lazyCache;return}L(e);K(t,H.loadedClass);Q(t,H.loadingClass);V(t,B);X(t,"lazyloaded")};var i=te(S);var B=function(e){i({target:e.target})};var T=function(e,t){var a=e.getAttribute("data-load-mode")||H.iframeLoadMode;if(a==0){e.contentWindow.location.replace(t)}else if(a==1){e.src=t}};var F=function(e){var t;var a=e[$](H.srcsetAttr);if(t=H.customMedia[e[$]("data-media")||e[$]("media")]){e.setAttribute("media",t)}if(a){e.setAttribute("srcset",a)}};var s=te(function(t,e,a,i,r){var n,s,o,l,u,f;if(!(u=X(t,"lazybeforeunveil",e)).defaultPrevented){if(i){if(a){K(t,H.autosizesClass)}else{t.setAttribute("sizes",i)}}s=t[$](H.srcsetAttr);n=t[$](H.srcAttr);if(r){o=t.parentNode;l=o&&j.test(o.nodeName||"")}f=e.firesLoad||"src"in t&&(s||n||l);u={target:t};K(t,H.loadingClass);if(f){clearTimeout(c);c=I(L,2500);V(t,B,true)}if(l){G.call(o.getElementsByTagName("source"),F)}if(s){t.setAttribute("srcset",s)}else if(n&&!l){if(d.test(t.nodeName)){T(t,n)}else{t.src=n}}if(r&&(s||l)){Y(t,{src:n})}}if(t._lazyRace){delete t._lazyRace}Q(t,H.lazyClass);ee(function(){var e=t.complete&&t.naturalWidth>1;if(!f||e){if(e){K(t,H.fastLoadedClass)}S(u);t._lazyCache=true;I(function(){if("_lazyCache"in t){delete t._lazyCache}},9)}if(t.loading=="lazy"){M--}},true)});var R=function(e){if(e._lazyRace){return}var t;var a=n.test(e.nodeName);var i=a&&(e[$](H.sizesAttr)||e[$]("sizes"));var r=i=="auto";if((r||!m)&&a&&(e[$]("src")||e.srcset)&&!e.complete&&!J(e,H.errorClass)&&J(e,H.lazyClass)){return}t=X(e,"lazyunveilread").detail;if(r){re.updateElem(e,true,e.offsetWidth)}e._lazyRace=true;M++;s(e,t,r,i,a)};var r=ie(function(){H.loadMode=3;a()});var o=function(){if(H.loadMode==3){H.loadMode=2}r()};var l=function(){if(m){return}if(f.now()-e<999){I(l,999);return}m=true;H.loadMode=3;a();q("scroll",o,true)};return{_:function(){e=f.now();k.elements=D.getElementsByClassName(H.lazyClass);v=D.getElementsByClassName(H.lazyClass+" "+H.preloadClass);q("scroll",a,true);q("resize",a,true);q("pageshow",function(e){if(e.persisted){var t=D.querySelectorAll("."+H.loadingClass);if(t.length&&t.forEach){U(function(){t.forEach(function(e){if(e.complete){R(e)}})})}}});if(u.MutationObserver){new MutationObserver(a).observe(O,{childList:true,subtree:true,attributes:true})}else{O[P]("DOMNodeInserted",a,true);O[P]("DOMAttrModified",a,true);setInterval(a,999)}q("hashchange",a,true);["focus","mouseover","click","load","transitionend","animationend"].forEach(function(e){D[P](e,a,true)});if(/d$|^c/.test(D.readyState)){l()}else{q("load",l);D[P]("DOMContentLoaded",a);I(l,2e4)}if(k.elements.length){t();ee._lsFlush()}else{a()}},checkElems:a,unveil:R,_aLSL:o}}(),re=function(){var a;var n=te(function(e,t,a,i){var r,n,s;e._lazysizesWidth=i;i+="px";e.setAttribute("sizes",i);if(j.test(t.nodeName||"")){r=t.getElementsByTagName("source");for(n=0,s=r.length;n<s;n++){r[n].setAttribute("sizes",i)}}if(!a.detail.dataAttr){Y(e,a.detail)}});var i=function(e,t,a){var i;var r=e.parentNode;if(r){a=s(e,r,a);i=X(e,"lazybeforesizes",{width:a,dataAttr:!!t});if(!i.defaultPrevented){a=i.detail.width;if(a&&a!==e._lazysizesWidth){n(e,r,i,a)}}}};var e=function(){var e;var t=a.length;if(t){e=0;for(;e<t;e++){i(a[e])}}};var t=ie(e);return{_:function(){a=D.getElementsByClassName(H.autosizesClass);q("resize",t)},checkElems:t,updateElem:i}}(),t=function(){if(!t.i&&D.getElementsByClassName){t.i=true;re._();e._()}};return I(function(){H.init&&t()}),k={cfg:H,autoSizer:re,loader:e,init:t,uP:Y,aC:K,rC:Q,hC:J,fire:X,gW:s,rAF:ee}}(e,e.document,Date);e.lazySizes=t,"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:{});</script> <style> p, div {font-size: 18px !important; color: #000 !important; padding-top: 5px !important; padding-bottom: 5px !important;} .dsdomain {padding-right: 10px;} .blog_right_sidebar {border: 0px;} .blog_right_sidebar .search_widget .input-group .form-control {height: 50px; font-size: 18px;} .p_120{padding-top:70px;padding-bottom:70px} .main_title {margin-bottom: 0px;} .personal_text .basic_info li i {padding: 10px; left: 0; top: 50%; transform: translateY(-50%); font-size: 20px; color: #766dff;} @media (max-width:500px){ .header_area h2 {font-size: 20px;} } @media (max-width:400px){ .header_area h2 {font-size: 15px;} } </style> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4550344586573034" crossorigin="anonymous"></script></head><body> <header class="header_area"> <div class="main_menu"> <nav class="navbar navbar-expand-lg navbar-light"> <div class="container box_1620"> <a class="navbar-brand logo_h" href="/"> <h2 style="color:#fff;"><img src="/images/logo1.png" style="width: 50px;height:50px;" alt="Trang vàng Việt Nam"> Trang vàng Việt Nam</h2> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="collapse navbar-collapse offset" id="navbarSupportedContent"> <ul class="nav navbar-nav menu_nav ml-auto"> <li class="nav-item active"><a class="nav-link" href="/">Trang chủ</a></li> <li class="nav-item"><a class="nav-link" href="/thong-tin-website">Website</a></li> <li class="nav-item"><a class="nav-link" href="/thong-tin-doanh-nghiep">Doanh nghiệp</a></li> </ul> </div> </div> </nav> </div> </header> <section class="home_banner_area"> <div class="container box_1620"> <div class="banner_inner d-flex align-items-center" style="min-height: 0px !important;"> <div class="banner_content" style="max-width: none;width:100%;"> <div class="row"> <div class="col-md-6"> <img src="https://i2.wp.com/www.solar-nhatrang.com/wp-content/uploads/2020/09/solar-farm.jpg" alt="Tư Vấn Lắp Điện Năng Lượng Mặt Trời - Solar Nha Trang - Quỳnh An Solar" style="width:100% !important;height: auto;" > </div> <div class="col-md-6"> <div class="personal_text"> <a href="https://solar-nhatrang.com" target="blank"><h2 style="font-size:20px;text-transform:uppercase;">solar-nhatrang.com</h2></a> <h3 style="font-size:28px;padding-top:10px;">THÔNG TIN</h3> <h1 style="font-size: 24px;">Tư Vấn Lắp Điện Năng Lượng Mặt Trời - Solar Nha Trang - Quỳnh An Solar</h1> <p>Với chi phí chỉ 18 triệu đồng, quý khách hàng tại Nha Trang Khánh Hoà đã được trải nghiệm điện mặt trời ngay tại nhà của mình, mỗi tháng tiết kiệm tiền điện đến 350k</p> <ul class="list basic_info"> <li><i class="lnr lnr-phone-handset"></i> +84907623999</li> <li><i class="lnr lnr-envelope"></i> </li> <li><i class="lnr lnr-home"></i> </li> </ul> <ul class="list personal_social"> <li><a href="https://www.facebook.com/quynhanmobile.nhatrang/"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="https://www.youtube.com/channel/UChfRRfTczMxScrhrNYiROiA?view_as=subscriber"><i class="fa fa-youtube-play"></i></a></li> <li><!-- <a href="/dang-ky-cap-nhat-thong-tin-website" style="color:#989898;">[Sửa]</a> --></li> </ul> </div> </div> </div> </div> </div> </div></section> <section class="testimonials_area p_120 mysearch" style="background-color: #fff;"> <div class="container"> <div class="main_title" style="text-align: justify;"> <h2 style="text-align: center;">Tìm thông tin trang web</h2> <div class="blog_right_sidebar" style="background-color: #fff;"> <aside class="single_sidebar_widget search_widget"> <div class="input-group"> <input type="text" class="form-control" id="txtdomain" placeholder="Nhập tên miền: abc.com"> <span class="input-group-btn"> <button class="btn btn-default" type="button" id="btnsearch"><i class="lnr lnr-magnifier"></i></button> </span> </div> <!-- <p style="text-align: center; font-style: italic; color: #777 !important;">Nếu không tìm thấy, anh/chị có thể đăng ký <a href="/dang-ky-website">THÊM website ở đây</a></p> --> </aside> </div> </div> </div></section> <section class="feature_area p_120"><div class="container"> <div class="main_title" style="text-align: justify;"> <h2 style="text-align: center;">Giới thiệu về solar-nhatrang.com</h2> <p>Thông tin giới thiệu về trang web và doanh nghiệp</p> <p style="font-style: italic; color:#776efe !important;">Vui lòng gửi thông tin cho chúng tôi để cập nhật toàn bộ thông tin</p> </div> <div class="feature_inner row"><div class="col-lg-4 col-md-6"> <div class="feature_item"> <i class="flaticon-city"></i> <h4>Giới thiệu</h4> <p>Giới thiệu ưu điểm</p> </div></div><div class="col-lg-4 col-md-6"> <div class="feature_item"> <i class="flaticon-city"></i> <h4>Giới thiệu</h4> <p>Giới thiệu ưu điểm</p> </div></div><div class="col-lg-4 col-md-6"> <div class="feature_item"> <i class="flaticon-city"></i> <h4>Giới thiệu</h4> <p>Giới thiệu ưu điểm</p> </div></div></div></div></section> <section class="home_gallery_area p_120"> <div class="container"> <div class="main_title"> <h2>Sản phẩm nổi bật của solar-nhatrang.com</h2> <p>Giới thiệu các sản phẩm nổi bật và liên kết tới website của bạn</p> </div> </div> <div class="container"> <div class="gallery_f_inner row imageGallery1" style="position: relative; height: 928.8px;"> <div class="col-lg-4 col-md-4 col-sm-6 brand manipul design print" style="position: absolute; left: 0px; top: 0px;"> <div class="h_gallery_item"> <div class="g_img_item"> <img class="img-fluid lazyload" src="/images/no-image.png" alt="Sản phẩm 1" data-pagespeed-url-hash="3736219290" style="width:100%; height:auto;"> <a class="light" href="/images/no-image.png"><img src="/images/ongnhom.webp" alt="Zoom" data-pagespeed-url-hash="12479754" style="width:58px; height:40px;" class="lazyload"></a> </div> <div class="g_item_text"> <a href="#" target="blank"><h4>Sản phẩm 1</h4></a> <p>Mô tả sản phẩm 1</p> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-6 brand manipul design print" style="position: absolute; left: 0px; top: 0px;"> <div class="h_gallery_item"> <div class="g_img_item"> <img class="img-fluid lazyload" src="/images/no-image.png" alt="Sản phẩm 2" data-pagespeed-url-hash="3736219290" style="width:100%; height:auto;"> <a class="light" href="/images/no-image.png"><img src="/images/ongnhom.webp" alt="Zoom" data-pagespeed-url-hash="12479754" style="width:58px; height:40px;" class="lazyload"></a> </div> <div class="g_item_text"> <a href="#" target="blank"><h4>Sản phẩm 2</h4></a> <p>Mô tả sản phẩm 2</p> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-6 brand manipul design print" style="position: absolute; left: 0px; top: 0px;"> <div class="h_gallery_item"> <div class="g_img_item"> <img class="img-fluid lazyload" src="/images/no-image.png" alt="Sản phẩm 3" data-pagespeed-url-hash="3736219290" style="width:100%; height:auto;"> <a class="light" href="/images/no-image.png"><img src="/images/ongnhom.webp" alt="Zoom" data-pagespeed-url-hash="12479754" style="width:58px; height:40px;" class="lazyload"></a> </div> <div class="g_item_text"> <a href="#" target="blank"><h4>Sản phẩm 3</h4></a> <p>Mô tả sản phẩm 3</p> </div> </div> </div> </div> <div class="more_btn"> <a class="main_btn" href="#" target="blank">Xem thêm</a> </div> </div> <!-- <div class="container"> --> </section> <section class="testimonials_area p_120"> <div class="container"> <div class="main_title" style="text-align: justify; margin-bottom: 0px;"> <h2 style="text-align: center;">Giới thiệu solar-nhatrang.com</h2> <p>Thông tin giới thiệu. Vui lòng liên hệ với chúng tôi để cập nhật đầy đủ.</p> <br> <p style="font-style: italic; color:#776efe !important;">Vui lòng gửi thông tin cho chúng tôi để cập nhật toàn bộ thông tin</p> </div> </div></section> <section class="testimonials_area p_120" style="background-color: #fff;"> <div class="container"> <div class="main_title" style="text-align: justify; margin-bottom: 0px;"> <h2 style="text-align: center;">Xem thêm các website tương tự</h2> <p> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/solar-nhatrang.com">solar-nhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/alananhatrang.com">alananhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/starcitynhatrang.com">starcitynhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/macnhatrang.com">macnhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/taynhatrang.com">taynhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/hontamnhatrang.com">hontamnhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/muasamnhatrang.com">muasamnhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/senspanhatrang.com">senspanhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/d2tournhatrang.com">d2tournhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/sobanhang.com">sobanhang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/hamynhatrang.com">hamynhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/anhinhatrang.com">anhinhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/anhsangnhatrang.com">anhsangnhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/novotelnhatrang.com">novotelnhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/sanphamsoctrang.com">sanphamsoctrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/fordnhatrang.com.vn">fordnhatrang.com.vn</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/hondanhatrang5s.com">hondanhatrang5s.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/hdnhatrang.com">hdnhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/sonnhatban.com">sonnhatban.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/sontrangia.com">sontrangia.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/79nhatrang.com">79nhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/pgnhatrang.com">pgnhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/fordrangernhatrang.com">fordrangernhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/seonhatban.com">seonhatban.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/anhsaotrading.com">anhsaotrading.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/dothinhatrang.com">dothinhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/oanhtrangcafe.com">oanhtrangcafe.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/sakuranhatban.com">sakuranhatban.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/top10nhatrang.com">top10nhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/nguoinhatrang.com">nguoinhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/autofordnhatrang.com">autofordnhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/hondanhatrang.com.vn">hondanhatrang.com.vn</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/atlanticnhatrang.com">atlanticnhatrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/sactrang.com">sactrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/sanhvang.com">sanhvang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/sonthang.com">sonthang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/sanhrong.com">sanhrong.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/soctrang.com">soctrang.com</a> <i class="fa fa-star"></i> <a class="dsdomain" href="/thong-tin-website/tourdulich-nhatrang.com">tourdulich-nhatrang.com</a></p> </div> </div></section> <footer class="footer_area p_120"> <div class="container"> <div class="row footer_inner"> <div class="col-lg-5 col-sm-6"> <aside class="f_widget ab_widget"> <div class="f_title"> <h3>Giới thiệu</h3> </div> <p style="color:#fff !important;">trangvangvietnam.org là ứng dụng cung cấp thông tin về các website</p> <p style="color:#fff !important;"> Copyright ©2021 | <a href="/">Trang vàng Việt Nam</a> </p> </aside> </div> <div class="col-lg-4 col-sm-6"> <aside class="f_widget news_widget"> <div class="f_title"> <h3>Liên kết</h3> </div> <p style="color:#fff !important;"><a href="/">Trang chủ</a></p> <p style="color:#fff !important;"><a href="/thong-tin-website">Thông tin Website</a></p> <p style="color:#fff !important;"><a href="/thong-tin-doanh-nghiep">Thông tin Doanh nghiệp</a></p> </aside> </div> <div class="col-lg-3"> <aside class="f_widget social_widget"> <div class="f_title"> <h3>Kết nối với chúng tôi</h3> </div> <p style="color:#fff !important;">Email: trangvangvietnam.org (@) gmail.com </p> <p style="color:#fff !important;"><a style="color:#fff !important;" href="/contact">Contact</a></p> <ul class="list"> <li><a href="https://www.facebook.com/trangvangvietnam.org" target="blank"><i class="fa fa-facebook"></i></a></li> <li><a href="https://twitter.com/trangvangviet" target="blank"><i class="fa fa-twitter"></i></a></li> <li><a href="https://www.pinterest.com/trangvangvn/" target="blank"><i class="fa fa-pinterest"></i></a></li> <li><a href="https://www.behance.net/trangvangvietnam" target="blank"><i class="fa fa-behance"></i></a></li> <li><a href="https://www.linkedin.com/in/trang-vang-viet-nam/" target="blank"><i class="fa fa-linkedin"></i></a></li> </ul> </aside> </div> </div> </div></footer> <script src="/js/jquery-3.3.1.min.js"></script> <script src="/js/j1.js"></script> <script src="/js/j2.js"></script> <script src="/js/j3.js"></script> <!-- <script src="/js/j4.js"></script> --> <script>eval(mod_pagespeed_LoPqpPxbp4);</script> <script>eval(mod_pagespeed_gBGYoxDp5N);</script> <script>eval(mod_pagespeed_e6tU13xvwE);</script> <script>eval(mod_pagespeed_$2plQsdXRt);</script> <script>eval(mod_pagespeed_jV93_NpLNy);</script> <script>eval(mod_pagespeed_hlYQ0Ut1IP);</script> <script>eval(mod_pagespeed_1eoPFCMana);</script> <script>eval(mod_pagespeed_saF4BYUOj1);</script> <script>eval(mod_pagespeed_D3CkPcQY0U);</script> <script>eval(mod_pagespeed_aLwyqp$bkl);</script> <script>eval(mod_pagespeed_EXtL18Azjz);</script> <script>eval(mod_pagespeed_1yLNWoCMC$);</script> <script>eval(mod_pagespeed_GW6m60L9pg);</script> <script>eval(mod_pagespeed_On6azQNiVm);</script> <script> $(document).ready(function() { $(document).on('click', '#btnsearch', function (e) { e.preventDefault(); var dd = $("#txtdomain").val().toLowerCase().trim(); dd = dd.replace("https://www", "").replace("http://", "").replace("https://","").replace("http://",""); window.location.href = "/thong-tin-website/"+dd; }); $('#txtdomain').keypress(function (e) { if (e.which == 13) { $("#btnsearch").click(); } }); });</script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-207255615-1"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-207255615-1');</script> </body></html>
