/* Source: assets/css/bootstrap.min.css */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}code{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}}@font-face{font-family:'Glyphicons Halflings';src:url("../fonts/glyphicons-halflings-regular.eot");src:url("../fonts/glyphicons-halflings-regulard41d.eot?#iefix") format('embedded-opentype'),url("../fonts/glyphicons-halflings-regular.html") format('woff2'),url("../fonts/glyphicons-halflings-regular.woff") format('woff'),url("../fonts/glyphicons-halflings-regular.ttf") format('truetype'),url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format('svg')}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}[role=button]{cursor:pointer}.h1,.h2,.h3,h1,h2,h3{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}p{margin:0 0 10px} .small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}ul{margin-top:0;margin-bottom:10px}ul ul{margin-bottom:0}dl{margin-top:0;margin-bottom:20px} abbr[title]{cursor:help;border-bottom:1px dotted #777}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}code{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:768px){.container{width:750px}} @media (min-width:992px){.container{width:970px}} @media (min-width:1200px){.container{width:1170px; padding:0px;}}.row{margin-right:-15px;margin-left:-15px}.col-md-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px} @media (min-width:992px){.col-md-12{float:left}.col-md-12{width:100%}} table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7} fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=time].form-control{line-height:34px}}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.radio input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.dropdown{position:relative}.open>a{outline:0}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav>li>a>img{max-width:none}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none} .thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissible{padding-right:35px}.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}} @-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}} @keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.media{margin-top:15px}.media:first-child{margin-top:0}.media{overflow:hidden;zoom:1}.media>.pull-left{padding-right:10px}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel>.table{margin-bottom:0}.panel>.table caption{padding-right:15px;padding-left:15px}.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.carousel{position:relative}.clearfix:after,.clearfix:before,.container:after,.container:before,.nav:after,.nav:before,.row:after,.row:before{display:table;content:" "}.clearfix:after,.container:after,.nav:after,.row:after{clear:both}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.hidden{display:none!important}@-ms-viewport{width:device-width} /* Source: assets/css/style.css */ /*----------------------------------------------------*/ /*===================================================================== Table of Content: 01 - TT-HEADER 02 - BUTTON EFFECT 03 - SWIPER SLIDER 04 - TT-MSLIDE 05 - SERVICES 06 - ABOUT US 07 - LATEST WORK 08 - CLIENT CAROUSEL 09 - BLOG SECTION 10 - FOOTER-STRIP 11 - FOOTER 12 - HOVER EFFECTS 13 - Contact Us =====================================================================*/ /*----------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*01 - TT-HEADER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ html{ overfolw-x:hidden; } .tt-header { position: absolute; top: 0; left: 0; width: 100%; background: url("../images/back.png"); z-index: 101; } .tt-header ul { padding-left: 0; margin-bottom: 0; } .tt-header .logo img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } /*general navigation*/ .tt-header .main-nav>ul>li>a { font-family: 'Work Sans', sans-serif; font-size: 18px; line-height: 28px; font-weight: 500; color: #434343; letter-spacing: 0.30px; text-transform: initial; transition: none; } .tt-header .main-nav>ul>li>a { color: #fff; text-decoration: none; } .tt-header .main-nav>ul>li.active>a { color: #FF0000; text-decoration: none; } /*nav-more*/ /*top line*/ body { overflow-x: hidden; } /*cmn-toggle-switch*/ .cmn-toggle-switch:focus { outline: none; } .tt-header .cmn-toggle-switch { display: none; position: relative; float: right; margin-top: 12px; padding: 0; width: 25px; height: 17px; cursor: pointer; z-index: 101; } .tt-header .cmn-toggle-switch span { display: block; position: absolute; top: 7px; left: 0; right: 0; height: 3px; background: #003366; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .cmn-toggle-switch::before, .tt-header .cmn-toggle-switch::after { content: ""; position: absolute; display: block; top: 7px; left: 0; width: 100%; height: 3px; background: #003366; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .cmn-toggle-switch::before { margin-top: -7px; } .tt-header .cmn-toggle-switch::after { margin-top: 7px; } .tt-header .cmn-toggle-switch.active::before { -webkit-transform: translateY(7px) rotate(45deg); -moz-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .tt-header .cmn-toggle-switch.active::after { -webkit-transform: translateY(-7px) rotate(-45deg); -moz-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .tt-header .cmn-toggle-switch.active span { opacity: 0; } @media (min-width: 992px) { .tt-header .logo { display: inline-block; position: relative; z-index: 101; transition: none; } .tt-header .top-inner { position: relative; float: left; padding: 0 0; } .tt-header .toggle-block { display: block; float: right; } .tt-header .toggle-block .container { width: 100%; padding-left: 0; padding-right: 0; } .tt-header .main-nav { display: inline-block; vertical-align: top; } .tt-header .main-nav>ul>li { position: relative; float: left; list-style: none; } .tt-header .main-nav>ul>li.active { color: #FF0000; } .tt-header .main-nav>ul>li>a { display: block; position: relative; padding: 36px 14px; } .tt-header .main-nav>ul>li:last-child>a:before { display: none; } /*2nd level*/ .tt-header .main-nav>ul>li>ul { display: block; position: absolute; top: 100%; left: 0; width: 256px; background: #fff; visibility: hidden; opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .main-nav>ul>li:hover>ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .tt-header .main-nav>ul>li>ul>li { border-bottom: 1px solid #dddddd54; text-align: left; list-style: none; } .tt-header .main-nav>ul>li>ul>li:last-child { border-bottom: 0; } .tt-header .main-nav>ul>li>ul>li>a { display: block; position: relative; font-size: 14px; line-height: 18px; font-weight: 400; color: #000000; letter-spacing: 0.30px; padding: 15px 19px 14px 31px; text-decoration: none; font-family: 'Work Sans', sans-serif; } /*3rd level*/ .tt-header .main-nav>ul>li>ul>li { position: relative; } .tt-header .main-nav>ul>li>ul>li .menu-toggle{ display:none; } .tt-header .main-nav>ul>li>ul>li>ul { display: block; position: absolute; top: 0; left: 100%; width: 256px; background: #f1f1f1; visibility: hidden; opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; list-style: none; } .tt-header .main-nav>ul>li:nth-last-child(1)>ul>li>ul, .tt-header .main-nav>ul>li:nth-last-child(2)>ul>li>ul { left: auto; right: 100%; margin-right: 0; } .tt-header .main-nav>ul>li>ul>li:hover>ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .tt-header .main-nav>ul>li>ul>li>ul>li:last-child { border-bottom: 0; } .tt-header .main-nav>ul>li>ul>li>ul>li { border-bottom: 1px solid #dddddd54; text-align: left; } .tt-header .main-nav>ul>li>ul>li>ul>li>a { display: block; position: relative; font-size: 16px; line-height: 18px; font-weight: 500; color: #898989; letter-spacing: 0.30px; padding: 15px 19px 14px 31px; font-family: 'Work Sans', sans-serif; } .tt-header .main-nav>ul>li>ul>li>ul>li>a:hover { background: #003366; color: #fff; text-decoration: none; } .tt-header .menu-toggle { display: inline-block; padding-left: 3px; } /*stick*/ .tt-header.stick { position: fixed; left: 0; width: 100%; } .tt-header.stick .logo { height: 91px; line-height: 91px; } .responsive_logo { display: none; } .tt-header { position: relative; background: url("../images/back.png"); } .tt-header.stick { position: fixed; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); } .tt-header .main-nav>ul>li>a { font-size: 14px; color: #000000; text-transform: uppercase; padding: 35px 13px; font-family: 'Libre Franklin', sans-serif; letter-spacing: 0.30px; } .tt-header .main-nav>ul>li.last a{ padding-right: 0; } .tt-header .main-nav>ul>li:hover { color: #FF0000; } .tt-header .toggle-block { display: block; float: right; } .tt-header .top-inner { float: left; padding-bottom: 0; } .tt-header .fa-search { padding-top: 4px; height: 26px; width: 1px; border-left: 1px solid #48474b; margin-top: 0px; } .tt-header .fa-search { color: #fff; font-size: 15px; } .tt-header .fa-search:before { padding-left: 18px; } .tt-header .main-nav>ul>li.first a { padding-left: 0; } .tt-header .main-nav>ul>li.active ul li a { color: #898989; padding-left: 20px; } .tt-header .main-nav>ul>li>ul>li>a:hover { background: #FF0000; color: #fff; } } @media (max-width: 1199px) and (min-width: 992px) { .tt-header .logo { width: 200px; } .tt-header .main-nav>ul>li>a { letter-spacing: 0; padding-left: 9px; padding-right: 9px; } } @media (max-width: 991px) { .tt-header { position: absolute; left: 0; right: 0; top: 0; height: auto; overflow-x: hidden; -webkit-transition: width 1s, height 1s, transform 1s; -moz-transition: width 1s, height 1s, transform 1s; transition: width 1s, height 1s, transform 1s; background:#f5f7fa; } .tt-header .toggle-block{ background:#fff; } .tt-header.stick { position: fixed; } .tt-header .logo { height: 46px; line-height: 46px; } .tt-header .top-inner { position: relative; padding: 15px 0; text-align: left; z-index: 1; } .tt-header .top-inner:before, .tt-header .top-inner:after { content: ''; display: block; position: absolute; top: 0; left: -500px; width: 500px; height: 100%; background: #f5f7fa; } .tt-header .top-inner:after { left: auto; right: -500px; } .tt-header .top-inner { margin-top: 0px; float: none; } .tt-header .cmn-toggle-switch { display: block; } .tt-header .toggle-block { display: none; text-align: center; position: relative; top: 0; left: 0; width: 100%; max-height: 100%; overflow: auto; padding: 0px 0 0 0; } .tt-header .main-nav { margin-bottom: 0; text-align: left; } .tt-header .main-nav>ul>li { border-bottom: 1px solid #cccccc2e; overflow: hidden; } .tt-header .main-nav>ul>li>a, .tt-header .main-nav>ul>li>a:focus { display: block; position: relative; width: 750px; font-size: 15px; line-height: 20px; color: #000; padding: 13px 15px 13px 15px; margin: 0 auto; } .tt-header .main-nav>ul>li>a:before, .tt-header .main-nav>ul>li>a:after { content: ''; display: block; position: absolute; top: 0; left: -500px; width: 500px; bottom: 0; background: transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .main-nav>ul>li>a:after { left: auto; right: -500px; } .tt-header .main-nav>ul>li>a:hover, .tt-header .main-nav>ul>li.active>a, .tt-header .main-nav>ul>li.select>a { color: #fff; background: #FF0000; text-decoration: none; } .tt-header .main-nav>ul>li.select>a .menu-toggle { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .tt-header .main-nav>ul>li>a:hover:before, .tt-header .main-nav>ul>li>a:hover:after, .tt-header .main-nav>ul>li.active>a:before, .tt-header .main-nav>ul>li.active>a:after, .tt-header .main-nav>ul>li.select>a:before, .tt-header .main-nav>ul>li.select>a:after { background: #003366; } .tt-header .main-nav>ul>li>ul { display: none; background: #fff; border-top: 1px solid #cccccc2e; } .tt-header .main-nav>ul>li>ul>li { border-bottom: 1px solid #cccccc2e; } .tt-header .main-nav>ul>li>ul>li>a { display: block; width: 750px; font-size: 15px; line-height: 20px; color: #000000; padding: 13px 22px; margin: 0 auto; font-family: 'Work Sans', sans-serif; font-weight: 500; } .tt-header .main-nav>ul>li>ul>li>a span:before { content: '-'; margin-right: 10px; } .tt-header .main-nav>ul>li>ul>li>a, .tt-header .main-nav>ul>li>ul>li>a:focus { display: block; position: relative; text-decoration: none; } .tt-header .main-nav>ul>li>ul>li>a:before, .tt-header .main-nav>ul>li>ul>li>a:after { content: ''; display: block; position: absolute; top: 0; left: -500px; width: 500px; bottom: 0; background: transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .main-nav>ul>li>ul>li>a:after { left: auto; right: -500px; } .tt-header .main-nav>ul>li>ul>li>a:hover, .tt-header .main-nav>ul>li>ul>li.active>a, .tt-header .main-nav>ul>li>ul>li.select>a { color: #fff; background: #FF0000; } .tt-header .main-nav>ul>li>ul>li>a:hover:before, .tt-header .main-nav>ul>li>ul>li>a:hover:after, .tt-header .main-nav>ul>li>ul>li.active>a:before, .tt-header .main-nav>ul>li>ul>li.active>a:after, .tt-header .main-nav>ul>li>ul>li.select>a:before, .tt-header .main-nav>ul>li>ul>li.select>a:after { background: rgba(0, 0, 0, 0.55); } .tt-header .main-nav>ul>li>ul>li.select>a .menu-toggle { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .tt-header .main-nav>ul>li>ul>li>ul { display: none; background: #003366; border-top: 1px solid #cccccc2e; } .tt-header .main-nav>ul>li>ul>li>ul>li { border-bottom: 1px solid #cccccc2e; } .tt-header .main-nav>ul>li>ul>li>ul>li>a { display: block; position: relative; width: 750px; font-size: 15px; line-height: 20px; font-weight: 500; color: #fff; background: #003366; padding: 12px 40px; margin: 0 auto; font-family: 'Work Sans', sans-serif; text-decoration: none; } .tt-header .main-nav>ul>li>ul>li>ul>li>a:before, .tt-header .main-nav>ul>li>ul>li>ul>li>a:after { content: ''; display: block; position: absolute; top: 0; left: -500px; width: 500px; bottom: 0; background: transparent; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .main-nav>ul>li>ul>li>ul>li>a:after { left: auto; right: -500px; } .tt-header .main-nav>ul>li>ul>li>ul>li>a span:before { content: '-'; margin-right: 10px; } .tt-header .main-nav>ul>li>ul>li>ul>li>a:hover, .tt-header .main-nav>ul>li>ul>li>ul>li.active>a { text-decoration: none; color: #fff; background: #f2c21a; } .tt-header .main-nav>ul>li>ul>li>ul>li>a:hover:before, .tt-header .main-nav>ul>li>ul>li>ul>li>a:hover:after, .tt-header .main-nav>ul>li>ul>li>ul>li.active>a:before, .tt-header .main-nav>ul>li>ul>li>ul>li.active>a:after { background: #fff; } .tt-header .menu-toggle { position: absolute; top: 50%; right:25px; padding: 13px 16px; margin-top: -20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header.stick { top: 0; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); } .tt-header.stick .main-nav { margin-top: 0px; } .tt-header.stick .toggle-block { padding-top: 0; -webkit-transition: padding 300ms ease-in-out; -moz-transition: padding 300ms ease-in-out; transition: padding 300ms ease-in-out; } } @media (max-width: 767px) { .tt-header .main-nav>ul>li>a, .tt-header .main-nav>ul>li>a:focus, .tt-header .main-nav>ul>li>ul>li>a { width: auto; text-decoration: none; } .tt-header.stick { top: 0; } .tt-header .menu-toggle { right:9px; } } /* ------------------- */ .tt-header .main-nav>ul>li.active>a { color: #FF0000; } .tt-header .fa-search { color: #fff; font-size: 20px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 02 - BUTTON EFFECT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*03 - SWIPER SLIDER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .swiper-button-disabled+.swiper-button-disabled+.swiper-wrapper { -moz-transform: none; -ms-transform: none; transform: none; -webkit-transform: none; cursor: auto; } .swiper-button-disabled+.swiper-button-disabled+.swiper-wrapper+.swiper-pagination-bullets { display: none; } .swiper-slide { position: relative; } .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 14px; background: #8e8d8d; opacity: 1; } .swiper-pagination .swiper-pagination-bullet-active { background: #3695cc; } /*swiper-pagination-white*/ .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #043742; } /*swiper position*/ .swiper-pagination.fixed { bottom: 32px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 04 - TT-MSLIDE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*hmslider1 css */ /*technologies section css */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 05 - SERVICES */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 06 - ABOUT US */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .center{ text-align:center; } .left{ text-align:left; } /* about_us_features section css */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 07 - LATEST WORK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 08 - CLIENT CAROUSEL */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 09 - BLOG SECTION */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* client_carousel_01 section css */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 10 - FOOTER-STRIP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 11 - FOOTER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 12- HOVER EFFECTS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* image hover effect */ /* .image-opacity-on-hover { background: #FF0000; } */ /* about us page css */ /* our_spacility section css */ /* strip */ .strip_01{ background-color:#262326; background-size:cover; position:relative; background-attachment:fixed; } .strip_01:before{ position:absolute; top:0; bottom:0; left:0; right:0; content:''; background:#003366; opacity:0.75; } .strip_01 .icofont { font-size: 60px; color: #FF0000; float: left; padding-top: 15px; } .strip_01 h2 { margin-top: 0px; margin-bottom: 0px; font-size: 48px; font-family: 'Libre Franklin', sans-serif; font-weight: 600; color: #ffffff; padding-left: 85px; } .strip_01 h3 { margin-top: 0px; margin-bottom: 0px; font-size: 18px; color: #f5f7fa; padding-top: 8px; font-family: 'Lato', sans-serif; padding-left: 85px; font-weight: 400; } /*our_team section css */ /* free_home section css */ /* our_customer_saying section css */ /* about_us_02 page css */ /* strip_02 section css */ /* why_choose_constructor css */ /* services page one css */ /* Services_Key_Features */ /* request_A_quote */ /*Our_Pricing*/ /* services page two css */ /* project_2columns */ /* project_3columns */ /* */ /* project_details page css */ /* project details 2 */ /* map css */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 13 - Contact Us */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* home page 2 */ .swiper-button-prev i, .swiper-button-next i{ font-size:36px; color:#fff; display:inline-block; vertical-align:middle; padding:25px; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 84px; height: 84px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; background: #FF0000; border-radius: 50%; } .swiper-button-prev:hover, .swiper-button-next:hover{ background: #fff; } .swiper-button-prev:hover i, .swiper-button-next:hover i{ color:#003366; } .bizsafe{ background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size:cover; } .bizsafe p{ font-family: 'Lato', sans-serif; font-size:26px; color:#FF0000; font-weight:400; } .bizsafe h3{ font-family: 'Libre Franklin', sans-serif; font-weight:600; font-size:34px; color:#fff; margin-top: 10px; } .bizsafe .content{ width:100%; text-align:center; } /* */ /* homepage 3 css */ /* slider css */ /* *****************************/ /*featured_project_01*/ /*button*/ /*------------------------------ vertical bootstrap slider----------------------------*/ /*------------------------------- vertical carousel indicators ------------------------------*/ /* */ /* -------------------------------------- */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* - BLOG-PAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*Pagination*/ .pagination li a{ margin-right: 8px; border-radius:4px; font-size:16px; font-weight:600; border:none; background-color:#f5f7fa; color:#4c4c4c; width:35px; padding: 8px 5px; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ color:#fff; background:#003366; } .pagination .icofont{ height:35px; width:35px; color:#ffffff; } .pagination>li:last-child>a{ background:#f2ae2b; } .pagination>li:first-child>a{ background:#f2ae2b; } /**/ /*Categories*/ /*Recent Post*/ /*From_Instagram*/ /*Construction project*/ .direction span{ float:right; color:#898989; font-family: 'Lato', sans-serif; font-size:13px; font-weight:400; } /* Blog-Small page css */ /* Single Blogpost page css */ /*tagged*/ /*Comment*/ /*Post a Comment*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* - SHOP-PAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------*/ /* - shop home page Css */ /*-----------------------------------------------------------------------------------------*/ /* service_machine_shadow */ /*-----------------------------------------------------------------------------------------*/ /* - shop details page Css */ /*-----------------------------------------------------------------------------------------*/ /*Add to cart button*/ /*Shop_features*/ $input-number-size: 80px; .input-number-group { display: flex; justify-content: center; input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { appearance: none; } .input-number { width: $input-number-size; padding: 0 12px; vertical-align: top; text-align: center; outline: none; display: block; margin: 0; } .input-number, .input-number-decrement, .input-number-increment { height: $input-number-size/2; user-select: none; border-radius: $global-radius; } .input-number-decrement, .input-number-increment { display: inline-block; width: $input-number-size/2; background: $light-gray; color: $body-font-color; text-align: center; font-weight: bold; cursor: pointer; font-size: 2rem; font-weight: 400; } .input-number-decrement { margin-right: 0.3rem; } .input-number-increment { margin-left: 0.3rem; } } .input-number-group { display: flex; margin-top: 30px; } .input-number-group input[type=number]::-webkit-inner-spin-button, .input-number-group input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; } .input-number-group .input-number { width: 75px; text-align: center; display: block; margin: 0; } .input-number-group .input-number, .input-number-group .input-number-decrement, .input-number-group .input-number-increment { border: 1px solid #ebebeb; height: 44px; border-radius: 0; color:#003366; font-size:18px; } .input-number-group .input-number-decrement, .input-number-group .input-number-increment { display: inline-block; border: 1px solid #ebebeb; width: 40px; background: #FF0000; color: #fff; text-align: center; border: #FF0000; font-weight: bold; cursor: pointer; font-size: 1; font-weight: 400; } /* service_machine_shadow */ /*-----------------------------------------------------------------------------------------*/ /* -Shop cart page Css */ /*-----------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------*/ /* - shopping section Css */ /*-----------------------------------------------------------------------------------------*/ /* team_page css */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 404 PAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 20 - COMMING SOON PAGE CSS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* MAINTENANCE PAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .maintenance{ background: url(http://via.placeholder.com/1920x971) no-repeat; background-size:cover; position:Relative; background-position:center; } .maintenance:before{ position:absolute; content:''; left:0; right:0; top:0; bottom:0; background: rgba(0, 26, 87, 0.56); } .barfiller { padding: 0; background: #fff; border: 0; height: 6px; width: 713px; height:19px; margin:0 auto; position: relative; } .barfiller .tipWrap { display: none; } .barfiller .tip { background: #000000; border-radius: 1px; color: #fff; font-size: 14px; font-family: 'Lato', sans-serif; left: 0; line-height: 20px; margin-top: -52px; padding: 8px 16px 8px 16px; position: absolute; text-align: center; z-index: 2; margin-left: 0; border-radius: 5px; } .barfiller .tip:after { border-color: #000 transparent; border-image: none; border-style: solid; border-width: 11px 14px 0px 14px; content: ""; display: block; left: 0; position: absolute; top: 86%; left: 27%; -webkit-transform: rotate(-92deg); -ms-transform: rotate(-92deg); transform: rotate(360deg); z-index: 9; } .barfiller .fill { background: #f2c21a; display: block; width: 0px; height: 100%; z-index: 1; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* TESTIMONIAL PAGES */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* FAQ PAGE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-accordeon { position: relative; } .tt-accordeon-title { background-color: #fafafa; display: block; position: relative; font-size: 16px; line-height: 20px; font-weight: 600; color: #2a2a2a; padding: 15px 55px 15px 20px; border: 1px solid #dddddd; cursor: pointer; text-align: left; letter-spacing: 0; font-family: 'Libre Franklin', sans-serif; } .tt-accordeon-title:after { position: absolute; content: "\f067"; top: 50%; right: 0; margin-top: -26px; width: 0; height: 0; z-index: 2; font-family: FontAwesome; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; background: #003366; width: 57px; height: 51px; padding: 23px; padding-top: 16px; color: #ffff; } .tt-accordeon-title.active:after { position: absolute; content:"\f068"; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } /*-----------------------------------------------------------------------------------------*/ /* - Company History Page Css */ /*-----------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------*/ /* - Company Overview Page Css */ /*-----------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------*/ /* - Career Page Css */ /*-----------------------------------------------------------------------------------------*/ /* slider images */ /*-----------------------------------------------------------------------------------------*/ /* - Service Details Page Css */ /*-----------------------------------------------------------------------------------------*/ /* service detail page */ .contact-form input { height: 45px; box-shadow: none; border-radius: 0; color: #898989; font-size: 15px; font-weight: 400; padding: 6px 17px; font-family: 'Open Sans', sans-serif; } .contact-form textarea.form-control { height: auto; min-height: 204px; border-radius: 0; padding: 6px 20px; color: #959595; font-size: 16px; font-weight: 400; font-family: 'Lato', sans-serif; } /* responsive */ section{ padding: 60px 0; } .faqs{ margin-bottom:100px; } #floatingSocialShare { z-index: 102; } p > a:hover { color: #23527c !important; text-decoration: underline!important; } .whatsapp { position: fixed; bottom: -10px; width: 100%; z-index:10000; } .whatsapp-layer{ padding: 10px; color: #fff; background-color: #4dc247; text-align: center; font-weight: 600; font-size: 16px; text-decoration: none; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .btn-whatsapp { color: #fff !important; line-height: 1; padding: 5px 0px 0px 0px; position: fixed; right: 0; text-transform: uppercase; top: 0; z-index: 100; top: 238px; } .btn-fb { color: #fff !important; line-height: 1; padding: 15px 0px 15px 50px; position: fixed; right: 0; text-transform: uppercase; top: 0; z-index: 100; top: 278px; } .logo img{ width: 100px!important; } /* Site-wide reference-inspired footer */ .jd-site-footer, .jd-site-footer * { box-sizing: border-box; } .jd-site-footer { position: relative; z-index: 2; overflow: hidden; padding: 52px 0 58px; background: #120f0c; color: rgba(255, 255, 255, 0.72); font-family: "Lato", "Open Sans", sans-serif; } .jd-site-footer__container { width: 100%; max-width: 1360px; margin: 0 auto; padding: 0 28px; } .jd-site-footer__grid { display: grid; grid-template-columns: minmax(330px, 1.45fr) repeat(2, minmax(150px, 0.8fr)) minmax(260px, 1.25fr); gap: 48px; align-items: start; } .jd-site-footer__brand, .jd-site-footer__contact { padding-top: 0; } .jd-site-footer a { color: inherit; text-decoration: none; transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease; } .jd-site-footer a:hover, .jd-site-footer a:focus { color: #ffffff; } .jd-site-footer a:focus-visible { outline: 2px solid #ef483d; outline-offset: 4px; } .jd-site-footer__brand-link { display: inline-flex; align-items: center; gap: 15px; max-width: none; color: #ffffff !important; font-size: 20px; font-weight: 800; line-height: 1.25; } #jd-footer-brand-title { white-space: nowrap; } .jd-site-footer__brand-link img { flex: 0 0 56px; width: 56px; height: 56px; object-fit: contain; border-radius: 50%; background: #ffffff; } .jd-site-footer__brand-copy { display: grid; gap: 4px; } .jd-site-footer__brand-copy strong { color: rgba(255, 255, 255, 0.62); font-size: 12px; font-weight: 700; letter-spacing: 0.04em; } .jd-site-footer__intro { max-width: 310px; margin: 18px 0 0; color: rgba(255, 255, 255, 0.64); font-size: 14px; line-height: 1.65; } .jd-site-footer__social-title { margin: 18px 0 0; color: #ffffff; font-family: "Lato", "Open Sans", sans-serif; font-size: 14px; font-weight: 800; line-height: 1.3; } .jd-site-footer__socials { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; } .jd-site-footer__socials a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; color: #ffffff; font-size: 18px; } .jd-site-footer__socials svg { width: 18px; height: 18px; } .jd-site-footer__socials a:hover, .jd-site-footer__socials a:focus { border-color: #ef483d; background: #ef483d; transform: translateY(-2px); } .jd-site-footer__column h2, .jd-site-footer__contact h2 { margin: 0 0 18px; color: #ffffff; font-family: "Lato", "Open Sans", sans-serif; font-size: 17px; font-weight: 800; line-height: 1.3; } .jd-site-footer__column ul { margin: 0; padding: 0; list-style: none; } .jd-site-footer__column li + li { margin-top: 10px; } .jd-site-footer__column a { display: inline-block; color: rgba(255, 255, 255, 0.66); font-size: 14px; line-height: 1.45; } .jd-site-footer__column a:hover, .jd-site-footer__column a:focus { color: #ffffff; } .jd-site-footer__column .jd-site-footer__more { margin-top: 5px; color: #ff6b61; font-weight: 700; } .jd-site-footer__more span { display: inline-block; margin-left: 4px; font-size: 15px; } .jd-site-footer__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .jd-site-footer__action { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 12px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 12px; color: #ffffff !important; font-size: 13px; font-weight: 700; line-height: 1.2; white-space: nowrap; } .jd-site-footer__action--phone:hover, .jd-site-footer__action--phone:focus { border-color: #ef483d; background: #ef483d; } .jd-site-footer__action--whatsapp { border-color: #25d366; background: #25d366; } .jd-site-footer__action--whatsapp:hover, .jd-site-footer__action--whatsapp:focus { border-color: #20b858; background: #20b858; } .jd-site-footer__contact-list { margin-top: 18px; } .jd-site-footer__contact-list p { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; margin: 0; color: rgba(255, 255, 255, 0.66); font-size: 14px; line-height: 1.65; } .jd-site-footer__contact-list p + p { margin-top: 9px; } .jd-site-footer__contact-list i { margin-top: 4px; color: #ef483d; font-size: 17px; } .jd-site-footer__contact-list a { min-width: 0; overflow-wrap: anywhere; } .jd-site-footer__bottom { margin-top: 38px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.12); } .jd-site-footer__bottom p { margin: 0; color: rgba(255, 255, 255, 0.48); font-size: 13px; line-height: 1.6; } .jd-site-footer__bottom a { color: rgba(255, 255, 255, 0.72); } @media (max-width: 1100px) { .jd-site-footer { padding-top: 44px; } .jd-site-footer__grid { grid-template-columns: minmax(0, 0.8fr) minmax(0, 0.8fr) minmax(290px, 1.3fr); gap: 34px 40px; } .jd-site-footer__brand { grid-column: 1 / -1; } .jd-site-footer__brand-link, .jd-site-footer__intro { max-width: 420px; } } @media (max-width: 768px) { .jd-site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 44px; } .jd-site-footer__brand, .jd-site-footer__contact { grid-column: 1 / -1; } .jd-site-footer__actions { max-width: 440px; } } @media (max-width: 360px) { .jd-site-footer__brand-link { gap: 10px; font-size: 15px; } .jd-site-footer__brand-link img { width: 48px; height: 48px; flex-basis: 48px; } } @media (max-width: 560px) { .jd-site-footer { padding: 34px 0 calc(112px + env(safe-area-inset-bottom)); } .jd-site-footer__container { padding: 0 20px; } .jd-site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; } .jd-site-footer__brand, .jd-site-footer__contact { grid-column: 1 / -1; } .jd-site-footer__brand-link { font-size: 18px; } .jd-site-footer__column h2, .jd-site-footer__contact h2 { margin-bottom: 15px; font-size: 16px; } .jd-site-footer__column li + li { margin-top: 9px; } .jd-site-footer__actions { max-width: 360px; } .jd-site-footer__bottom { margin-top: 30px; padding-top: 16px; } } @media (max-width: 380px) { .jd-site-footer__grid { grid-template-columns: 1fr; } .jd-site-footer__brand, .jd-site-footer__contact { grid-column: auto; } .jd-site-footer__actions { grid-template-columns: 1fr; } } /* Extra-small footer brand: keep the complete company name on one line. */ @media (max-width: 360px) { .jd-site-footer__brand-link { gap: 10px; font-size: 15px; } .jd-site-footer__brand-link img { width: 48px; height: 48px; flex-basis: 48px; } } /* Source: assets/css/responsive.min.css */@media(max-width:991px){.main-logo{display:none}.tt-header .main-nav>ul>li.active>a{color:#fff}}@media(max-width:767px){.bizsafe p{font-size:15px}.strip_01 .icofont{float:none;padding-top:0}.strip_01 h2,.strip_01 h3{padding-left:0}.strip_01 .services_1{text-align:center}.strip_01 .services_1.first h2{margin-top:10px}.barfiller{width:auto}}@media(max-width:600px){.pagination li a{margin-bottom:8px}}@media(max-width:560px){.responsive_logo{margin-left:33%;height:50px}.responsive_logo img{max-width:100px;margin-top:-10px}}@media(max-width:414px){.tt-accordeon-title{font-size:15px}.map img{height:200px;object-fit:cover}}@media(max-width:320px){.tt-accordeon-title{padding-left:10px;font-size:15px}} /* Source: assets/css/font-awesome.min.css */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';font-weight:normal;font-style:normal;src:url("../fonts/fontawesome-home.woff2") format("woff2");font-display:swap}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pull-left{float:left}.fa.pull-left{margin-right:.3em}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-search:before{content:"\f002"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-tint:before{content:"\f043"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-wrench:before{content:"\f0ad"}.fa-bars:before{content:"\f0c9"}.fa-columns:before{content:"\f0db"}.fa-gavel:before{content:"\f0e3"}.fa-bolt:before{content:"\f0e7"}.fa-angle-down:before{content:"\f107"}.fa-cubes:before{content:"\f1b3"}.fa-tree:before{content:"\f1bb"}.fa-paint-brush:before{content:"\f1fc"}.fa-whatsapp:before{content:"\f232"}.fa-clone:before{content:"\f24d"}.fa-snowflake-o:before{content:"\f2dc"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0} /* Source: assets/css/animate.min.css */ /*! * animate.css -http://daneden.me/animate * Version - 3.5.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.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{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes pulse{from,to{-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)}}@keyframes pulse{from,to{-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)}}@-webkit-keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.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)}}@keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.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)}}@-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)}}@-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)}}@-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,to{-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)}}@keyframes tada{from,to{-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)}}@-webkit-keyframes wobble{from,to{-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)}}@keyframes wobble{from,to{-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)}}@-webkit-keyframes jello{11.1%,from,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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-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)}}@-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)}}@-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)}}@-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)}}@-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)}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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)}}@-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)}}@-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)}}@-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)}}@-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)}}@-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)}}@-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)}}@-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)}}@-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)}}@-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)}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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}}@-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)}}@-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}}@-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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-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}}@-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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-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}}@-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}}@-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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}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(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-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)}}@-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)}}@-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)}}@-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)}}@-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)}}@-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)}}@-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)}}@-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)}} /* Source: assets/css/icofont.min.css */ @font-face{font-family:icofont;src:url("../fonts/icofont-home.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}.icofont{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icofont-brand-whatsapp:before{content:"\ea5e"}.icofont-clock-time:before{content:"\efb0"}.icofont-envelope:before{content:"\efe6"}.icofont-location-pin:before{content:"\f051"}.icofont-phone:before{content:"\f09c"}.icofont-rounded-left:before{content:"\eb5e"}.icofont-rounded-right:before{content:"\eb61"}.icofont-social-facebook:before{content:"\ee08"}.icofont-social-instagram:before{content:"\ee14"}.icofont-youtube-play:before{content:"\ed97"} /* Source: assets/css/swiper.min.css */ .swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative}.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:84px;height:84px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:1;cursor:auto;pointer-events:none;background:#fff}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /* Source: assets/css/owl.carousel.min.css */ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .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}.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("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%} /* Source: assets/css/magnific-popup.min.css */ .mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:16;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{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-close,.mfp-preloader{text-align:center;position:absolute}.mfp-ajax-holder .mfp-content,.mfp-inline-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-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-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;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;padding:0;z-index:1046}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-4%;text-align:right;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:solid transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.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-image-holder .mfp-content,img.mfp-img{max-width:100%}.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}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}.mfp-iframe-holder .mfp-close{top:-40px}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1}.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-break:break-word;padding-right:36px}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.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-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}}@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}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0} /* Source: assets/css/jquery-ui.min.css */ /* Source: dist/jquery.floating-social-share.min.css */ #floatingSocialShare{position:relative}#floatingSocialShare *,#floatingSocialShare :after,#floatingSocialShare :before{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing:content-box!important}#floatingSocialShare a{position:relative;width:45px;height:30px;line-height:20px;padding:8px 0;display:list-item;list-style-type:none;text-align:center;color:#FFF;outline:0!important}#floatingSocialShare a:focus,#floatingSocialShare a:hover{color:#FFF;width:52px;opacity:.8;transition-duration:.3s;transition-property:right;transition-timing-function:ease-out}#floatingSocialShare a:active,#floatingSocialShare a:focus,#floatingSocialShare a:hover,#floatingSocialShare a:visited{outline:0!important}#floatingSocialShare svg{fill:#FFF;height:30px}#floatingSocialShare a.without-counter svg{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;margin:auto;text-align:center}#floatingSocialShare a.with-counter-desktop{height:38px}#floatingSocialShare .shareCount{position:absolute;top:36px;bottom:0;right:0;left:0;margin:auto;color:#FFF;font-size:10px}#floatingSocialShare .content-left,#floatingSocialShare .content-right,#floatingSocialShare .top-left,#floatingSocialShare .top-right{position:fixed;top:25%;transform:translateZ(0);-webkit-transform:translateZ(0)}#floatingSocialShare .top-left{left:0}#floatingSocialShare .top-right{right:0;direction:rtl}#floatingSocialShare .content-left,#floatingSocialShare .content-right{margin:0}#floatingSocialShare .mail{background-color:#D14836}#floatingSocialShare .facebook{background-color:#3B5998}#floatingSocialShare .google-plus{background-color:#DC4E41}#floatingSocialShare .linkedin{background-color:#0077B5}#floatingSocialShare .odnoklassniki{background-color:#F4731C}#floatingSocialShare .pinterest{background-color:#BD081C}#floatingSocialShare .reddit{background-color:#FF4500}#floatingSocialShare .stumbleupon{background-color:#EB4924}#floatingSocialShare .telegram{background-color:#2CA5E0}#floatingSocialShare .tumblr{background-color:#36465D}#floatingSocialShare .twitter{background-color:#1DA1F2}#floatingSocialShare .vk{background-color:#6383A8}#floatingSocialShare .whatsapp{background-color:#00E676}@media only screen and (max-width:961px){#floatingSocialShare{margin-top:50px}#floatingSocialShare .content-left,#floatingSocialShare .content-right,#floatingSocialShare .top-left,#floatingSocialShare .top-right{top:auto;bottom:0;margin:0;right:0;left:0;width:100%;z-index:999}#floatingSocialShare a{position:relative;float:left;display:list-item;list-style-type:none}#floatingSocialShare a:focus,#floatingSocialShare a:hover{-moz-transition-property:none;-webkit-transition-property:none;-o-transition-property:none;transition-property:none}#floatingSocialShare svg{height:24px}#floatingSocialShare .shareCount{top:30px}} /* Source: assets/contact-map/service-area-map.css */ /* Shared Singapore service coverage map. */ .btn-whatsapp { z-index: 2000 !important; } .jd-service-area { overflow: clip; background: #fff; } .jd-service-area__layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr); grid-template-areas: "copy map" "result map"; gap: 24px 48px; align-items: start; } .jd-service-area__copy, .jd-service-area__map-wrap, .jd-service-area__result, .jd-service-area__search-row, .jd-service-area__search input { min-width: 0; } .jd-service-area__copy { grid-area: copy; align-self: end; } .jd-service-area__copy .jd-h2 { max-width: 740px; margin-top: 10px; } .jd-service-area__copy > p { max-width: 680px; margin: 16px 0 22px; color: var(--jd-muted); font-size: 16px; line-height: 1.7; } .jd-service-area__search { max-width: 590px; } .jd-service-area__search label { display: block; margin-bottom: 8px; color: var(--jd-ink); font-size: 14px; font-weight: 800; } .jd-service-area__search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; } .jd-service-area__search input, .jd-service-area__search button, .jd-service-area__fallback button, .jd-service-area__whatsapp, .jd-service-area__reset { min-height: 44px; } .jd-service-area__search input { width: 100%; border: 1px solid var(--jd-hairline-strong); border-radius: 12px; background: #fff; padding: 0 15px; color: var(--jd-ink); font: inherit; } .jd-service-area__search input::placeholder { color: var(--jd-faint); } .jd-service-area__error { margin: 7px 0 0; color: #b42318; font-size: 13px; font-weight: 650; } .jd-service-area__map-wrap { grid-area: map; position: relative; width: 100%; border: 1px solid var(--jd-hairline-strong); border-radius: 20px; box-shadow: 0 24px 54px -34px rgba(24, 31, 38, .46); overflow: hidden; background: #eef3f1; } .jd-service-area__map { width: 100%; height: min(460px, 32vw); min-height: 360px; background: #eaf0ee; } .jd-service-area__legend { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 9px 14px; border-bottom: 1px solid var(--jd-hairline-strong); background: #fff; color: var(--jd-muted); font-size: 12px; font-weight: 700; line-height: 1.4; } .jd-service-area__legend-colours { display: inline-flex; flex: none; } .jd-service-area__legend-colours i { display: block; width: 10px; height: 10px; margin-left: -2px; border: 1px solid #fff; border-radius: 50%; background: #e4002b; } .jd-service-area__legend-colours i:first-child { margin-left: 0; } .jd-service-area__legend-colours i:nth-child(2) { background: #f28c28; } .jd-service-area__legend-colours i:nth-child(3) { background: #167d76; } .jd-service-area__legend-colours i:nth-child(4) { background: #6f5cc2; } .jd-service-area__legend-colours i:nth-child(5) { background: #2979b8; } .jd-service-area__data-credit { flex: none; margin-left: auto; color: var(--jd-faint); font-size: 10px; font-weight: 600; text-decoration: none; white-space: nowrap; } .jd-service-area__data-credit:hover, .jd-service-area__data-credit:focus-visible { color: var(--jd-muted); text-decoration: underline; } .jd-service-area__map .leaflet-control { border: 0; box-shadow: 0 7px 20px rgba(25, 31, 37, .16); } .jd-service-area__map .leaflet-control-attribution { font-size: 10px; } .jd-service-area__map .leaflet-interactive { transition: fill-opacity .18s ease, stroke-width .18s ease, stroke .18s ease; stroke-opacity: 1 !important; vector-effect: non-scaling-stroke; } .jd-service-area__map .leaflet-tooltip.jd-service-map__label { color: #fff !important; border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 0; font-family: "Plus Jakarta Sans", sans-serif; font-size: 15px; font-weight: 800; line-height: 1.2; pointer-events: none; text-align: center; white-space: pre-line; } .jd-service-area__map .leaflet-tooltip.jd-service-map__label::before { display: none; } .jd-service-area__result { grid-area: result; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 18px; align-items: center; padding: 16px; border: 1px solid rgba(228, 0, 43, .18); border-radius: 16px; background: rgba(228, 0, 43, .035); } .jd-service-area__result[hidden], .jd-service-area__fallback[hidden], .jd-service-area__error[hidden] { display: none !important; } .jd-service-area__result h3 { margin: 0 0 4px; color: var(--jd-ink); font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 17px; font-weight: 800; line-height: 1.3; letter-spacing: -.01em; } .jd-service-area__result p { margin: 0; color: var(--jd-muted); font-size: 13px; line-height: 1.55; } .jd-service-area__result [hidden] { display: none !important; } .jd-service-area__whatsapp, .jd-service-area__whatsapp:link, .jd-service-area__whatsapp:visited, .jd-service-area__whatsapp:hover, .jd-service-area__whatsapp:focus, .jd-service-area__whatsapp:focus-visible, .jd-service-area__whatsapp:active { gap: 8px; padding: 10px 14px; border-radius: 999px; background: #25d366; color: #fff !important; font-size: 13px; } .jd-service-area__whatsapp:hover { background: #20bd5a; color: #fff !important; } .jd-service-area__whatsapp svg { width: 19px; height: 19px; flex: none; } .jd-service-area__reset { grid-column: 1 / -1; justify-self: start; border: 0; background: transparent; padding: 0 2px; color: var(--jd-accent); font: inherit; font-size: 13px; font-weight: 750; cursor: pointer; } .jd-service-area__reset:hover, .jd-service-area__reset:focus, .jd-service-area__reset:focus-visible, .jd-service-area__reset:active { background: transparent; color: var(--jd-accent) !important; } .jd-service-area__fallback { position: absolute; inset: 0; z-index: 500; display: grid; place-content: center; gap: 14px; padding: 24px; background: rgba(250, 250, 248, .96); text-align: center; } .jd-service-area__fallback p { max-width: 440px; margin: 0 auto; color: var(--jd-muted); font-size: 14px; line-height: 1.55; } .jd-service-area__fallback-regions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } .jd-service-area__fallback button { border: 1px solid var(--jd-hairline-strong); border-radius: 999px; background: #fff; padding: 8px 14px; color: var(--jd-ink); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; } .jd-service-area button:focus-visible, .jd-service-area input:focus-visible, .jd-service-area a:focus-visible, .jd-service-area .leaflet-interactive:focus-visible { outline: 3px solid rgba(228, 0, 43, .3); outline-offset: 2px; } @media (max-width: 1366px) { .jd-service-area__layout { grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr); gap: 20px 30px; } .jd-service-area__map { height: min(420px, 31vw); min-height: 350px; } .jd-service-area__copy > p { margin-bottom: 18px; line-height: 1.6; } } @media (max-width: 1024px) { .jd-service-area__layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "copy" "map" "result"; gap: 18px; } .jd-service-area__copy, .jd-service-area__search { max-width: none; } .jd-service-area__copy > p { max-width: 820px; } .jd-service-area__map { height: 380px; min-height: 0; } } @media (max-width: 640px) { .jd-service-area__layout { grid-template-areas: "copy" "map" "result"; gap: 14px; } .jd-service-area__copy .jd-h2 { margin-top: 7px; } .jd-service-area__copy > p { margin: 10px 0 14px; font-size: 14px; line-height: 1.55; } .jd-service-area__search label { margin-bottom: 6px; } .jd-service-area__search-row { gap: 7px; } .jd-service-area__search input { min-height: 44px; padding: 0 11px; font-size: 16px; } .jd-service-area__search button { padding-inline: 12px; font-size: 13px; } .jd-service-area__map-wrap { border-radius: 15px; } .jd-service-area__legend { flex-wrap: wrap; min-height: 38px; padding: 7px 10px; font-size: 11px; } .jd-service-area__data-credit { margin-left: 22px; white-space: normal; } .jd-service-area__map { height: 280px; } .jd-service-area__result { grid-template-columns: minmax(0, 1fr); gap: 9px; padding: 13px; } .jd-service-area__whatsapp { width: 100%; } .jd-service-area__reset { width: 100%; justify-self: stretch; text-align: center; } .jd-service-area__fallback { padding: 16px; } .jd-service-area__fallback p { font-size: 12px; } .jd-service-area__fallback button { padding-inline: 11px; } } @media (max-width: 390px) { .jd-service-area__map { height: 250px; } } @media (prefers-reduced-motion: reduce) { .jd-service-area__map .leaflet-interactive { transition: none; } } /* Source: assets/css/landscape-maintenance.css */ .jd-landscape-shell { width: min(calc(100% - 48px), var(--jd-shell)); margin-inline: auto; } .jd-landscape-form-card { width: 100%; padding: 32px; border: 1px solid #d8d4cf; border-radius: 22px; background: #fff; box-shadow: 0 22px 54px rgba(68, 55, 38, 0.09); } .jd-landscape-form-card h2 { margin: 0 0 24px; color: var(--jd-ink); font-size: 25px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.2; } .jd-landscape-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 14px; } .jd-landscape-field--full { grid-column: 1 / -1; } .jd-landscape-field label { display: block; margin-bottom: 7px; color: var(--jd-ink); font-size: 13px; font-weight: 700; } .jd-landscape-field label span { color: var(--jd-red); } .jd-landscape-field-feedback { margin: 7px 2px 0; font-size: 11px; font-weight: 650; line-height: 1.4; display: none; } .jd-landscape-field-feedback[hidden] { display: none !important; } .jd-landscape-field-feedback[data-state="valid"] { color: #167a45; } .jd-landscape-field-feedback[data-state="invalid"] { display: block !important; color: #9f1830; } .jd-landscape-honeypot, .jd-landscape-recaptcha { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } .jd-landscape-submit { width: 100%; min-height: 52px; margin-top: 22px; border: 0; border-radius: 999px; color: #fff; font: inherit; font-size: 15px; font-weight: 700; background: var(--jd-red); cursor: pointer; transition: background-color 180ms ease, transform 180ms ease; } .jd-landscape-submit:hover { background: #c90026; transform: translateY(-1px); } .jd-landscape-submit:active { transform: translateY(1px); } .jd-landscape-form-note { margin: 9px auto 0; max-width: 340px; color: #8a857e; font-size: 11px; line-height: 1.45; text-align: center; } @media (max-width: 1199px) { .jd-landscape-form-card { padding: 28px; } } @media (max-width: 991px) { .jd-landscape-shell { width: min(calc(100% - 40px), var(--jd-shell)); } } @media (max-width: 767px) { .jd-landscape-shell { width: min(calc(100% - 32px), var(--jd-shell)); } .jd-landscape-form-card { padding: 26px; } } @media (max-width: 520px) { .jd-landscape-shell { width: calc(100% - 40px); } .jd-landscape-form-card { padding: 20px; border-radius: 18px; } .jd-landscape-form-card h2 { font-size: 23px; } .jd-landscape-form-grid { grid-template-columns: 1fr; } .jd-landscape-field--full { grid-column: auto; } } /* Landscape page: reference-inspired shared controls, scoped to this route. */ /* Approved grouped-service header treatment, scoped away from the site-wide header. */ /* Door & Window article: reference-inspired editorial layout, route scoped. */ .jd-article-hero__media { aspect-ratio: 1155 / 680; overflow: hidden; margin: 0; border-radius: 20px; background: #eeeae5; } .jd-article-hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .jd-article-copy { max-width: 1304px; color: #504b45; font-size: 17px; line-height: 1.82; } .jd-article-copy > :first-child { margin-top: 0 !important; } .jd-article-copy p { margin: 0 0 24px !important; color: #504b45 !important; font-family: inherit !important; font-size: 17px !important; line-height: 1.82 !important; white-space: normal !important; } .jd-article-copy p:empty, .jd-article-copy p:has(> br:only-child) { display: none; } .jd-article-copy span { color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; white-space: normal !important; background: transparent !important; } .jd-article-copy h1, .jd-article-copy h2, .jd-article-copy h3 { margin: 70px 0 24px !important; color: var(--jd-ink) !important; font-family: inherit !important; font-weight: 800 !important; letter-spacing: -0.045em; line-height: 1.12 !important; text-wrap: balance; } .jd-article-copy h1, .jd-article-copy h2 { font-size: clamp(35px, 3.4vw, 48px) !important; } .jd-article-copy h3 { font-size: clamp(24px, 2.3vw, 31px) !important; } /* Automatically normalize top-level legacy gradient callouts in article content. */ .jd-article-copy a { color: #c91f31; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } .jd-article-copy a:hover, .jd-article-copy a:focus { color: #9e1726; } @media (max-width: 991px) { .jd-article-copy { max-width: var(--jd-shell); } } @media (max-width: 767px) { .jd-article-hero__media { border-radius: 24px; } .jd-article-copy, .jd-article-copy p { font-size: 16px !important; line-height: 1.75 !important; } .jd-article-copy h1, .jd-article-copy h2, .jd-article-copy h3 { margin-top: 54px !important; } } /* Reference-styled About, Services, Promotions, Articles, FAQs and Contact pages. */ .jd-content-page { overflow: clip; } .jd-content-page [hidden] { display: none !important; } .jd-content-page h1, .jd-content-page h2, .jd-content-page h3, .jd-content-page p { text-wrap: pretty; } .jd-content-section { padding: 92px 0 106px; } .jd-content-eyebrow { margin: 0 0 16px; color: #c92836; font-size: 12px; font-weight: 800; letter-spacing: 0.13em; line-height: 1.4; text-transform: uppercase; } .jd-content-section h2, .jd-content-enquiry__copy h2 { margin: 0; color: var(--jd-ink); font-size: clamp(42px, 4.4vw, 62px); font-weight: 800; letter-spacing: -0.055em; line-height: 1.02; } .jd-content-reviews__grid { max-width: 760px; margin-inline: auto; text-align: center; } .jd-content-reviews__grid > div:first-child > p:last-child { max-width: 680px; margin: 22px auto 0; color: var(--jd-muted); font-size: 17px; line-height: 1.7; } .jd-content-rating { display: flex; min-height: 68px; align-items: center; justify-content: flex-start; gap: 13px; margin-top: 28px; padding: 13px 18px; border: 1px solid #e4dfda; border-radius: 16px; color: var(--jd-ink); background: #fff; box-shadow: 0 12px 30px rgba(79, 58, 45, 0.06); } .jd-content-rating strong { font-size: 20px; font-weight: 800; letter-spacing: -0.03em; line-height: 1; font-variant-numeric: tabular-nums; } .jd-content-rating__stars { color: #f3b51b; font-size: 16px; letter-spacing: 0.06em; } .jd-content-rating > span:last-child { color: var(--jd-muted); font-size: 13px; font-weight: 650; } .jd-content-review-link { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; margin-left: auto; padding: 9px 18px; border: 1px solid #d9d2cc; border-radius: 999px; color: #5a5248; font-size: 13px; font-weight: 750; line-height: 1.2; text-decoration: none; background: #fff; transition: border-color 180ms ease, color 180ms ease, transform 180ms ease; } .jd-content-review-link:hover, .jd-content-review-link:focus { border-color: #c92836; color: #b82230; text-decoration: none; transform: translateY(-1px); } .jd-content-review-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 28px; } .jd-content-review-card { display: flex; min-width: 0; min-height: 335px; flex-direction: column; margin: 0; padding: 28px; border: 1px solid #e8e2dc; border-radius: 20px; background: #fff; box-shadow: 0 16px 38px rgba(79, 58, 45, 0.06); } .jd-content-review-card__stars { color: #f3b51b; font-size: 15px; letter-spacing: 0.08em; line-height: 1; } .jd-content-review-card__quote { display: -webkit-box; max-height: 147px; margin: 20px 0 0; overflow: hidden; color: #4f4943; font-size: 14px; font-style: normal; line-height: 1.75; text-align: left; -webkit-box-orient: vertical; -webkit-line-clamp: 6; } .jd-content-review-card__quote:not(.is-collapsed) { display: block; max-height: none; overflow: visible; -webkit-line-clamp: initial; } .jd-content-review-toggle { align-self: flex-start; margin-top: 10px; padding: 0; border: 0; border-bottom: 1px solid currentColor; border-radius: 0; outline-offset: 4px; color: #81776e; font: inherit; font-size: 12px; font-weight: 750; line-height: 1.4; background: transparent; cursor: pointer; } .jd-content-review-toggle:hover, .jd-content-review-toggle:focus-visible { color: #b82230; } .jd-content-review-card figcaption { display: flex; align-items: center; gap: 12px; margin-top: auto; padding-top: 24px; text-align: left; } .jd-content-review-card__avatar { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 14px; color: #fff; font-size: 14px; font-weight: 800; background: #c92836; } .jd-content-review-card figcaption > span:last-child { display: flex; min-width: 0; flex-direction: column; gap: 4px; } .jd-content-review-card figcaption strong { color: var(--jd-ink); font-size: 14px; font-weight: 800; line-height: 1.3; } .jd-content-review-card figcaption small { color: var(--jd-muted); font-size: 11px; line-height: 1.45; } .jd-content-enquiry { padding: 96px 0 110px; background: #faf8f5; } .jd-content-enquiry__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(430px, 0.82fr); align-items: center; gap: 80px; } .jd-content-enquiry__copy h2 { max-width: 680px; } .jd-content-enquiry__copy ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 22px; margin: 34px 0 0; padding: 0; list-style: none; } .jd-content-enquiry__copy li { position: relative; padding-left: 26px; color: var(--jd-ink); font-size: 14px; font-weight: 650; line-height: 1.5; } .jd-content-enquiry__copy li::before { position: absolute; top: 0.12em; left: 0; display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; color: #fff; font-size: 10px; font-weight: 800; background: #d82935; content: "✓"; } .jd-content-form-alert { margin: -6px 0 20px; padding: 12px 14px; border-radius: 11px; font-size: 13px; font-weight: 650; line-height: 1.5; } .jd-content-form-alert--success { border: 1px solid rgba(22, 122, 69, 0.2); color: #12663b; background: #effaf3; } .jd-content-form-alert--error { border: 1px solid rgba(180, 20, 43, 0.2); color: #9f1830; background: #fff2f4; } .jd-content-page .jd-landscape-form-card.is-submitted > h2, .jd-content-page .jd-landscape-form-card.is-submitted > form, .jd-content-page .jd-landscape-form-card.is-submitted > .jd-content-form-alert { display: none; } .jd-content-page .jd-landscape-form-success { min-height: 390px; } @media (max-width: 991px) { .jd-content-reviews__grid, .jd-content-enquiry__grid { grid-template-columns: 1fr; } .jd-content-reviews__grid, .jd-content-enquiry__grid { gap: 38px; } .jd-content-rating { width: auto; } .jd-content-review-cards { grid-template-columns: none; grid-auto-columns: min(78vw, 360px); grid-auto-flow: column; padding: 0 0 12px; overflow-x: auto; scroll-padding-inline: 0; scroll-snap-type: x mandatory; scrollbar-width: thin; } .jd-content-review-card { scroll-snap-align: start; } } @media (max-width: 767px) { .jd-content-section { padding: 76px 0 86px; } .jd-content-enquiry { padding: 80px 0 92px; } .jd-content-enquiry__copy ul { grid-template-columns: 1fr; } } @media (max-width: 520px) { .jd-content-page .jd-landscape-shell { width: min(calc(100% - 40px), var(--jd-shell)); } .jd-content-section h2, .jd-content-enquiry__copy h2 { font-size: 39px; } .jd-content-rating { display: grid; width: 100%; min-height: 0; grid-template-columns: auto minmax(0, 1fr); gap: 8px 12px; text-align: left; } .jd-content-review-link { grid-column: 1 / -1; width: 100%; margin-left: 0; } .jd-content-review-cards { grid-auto-columns: min(84vw, 340px); } .jd-content-review-card { min-height: 330px; padding: 25px; } } /* About page: match the approved reference body without affecting shared chrome. */ .jd-content-page--about { --jd-accent: #e4002b; --jd-about-hairline: rgba(26, 23, 19, 0.07); --jd-about-hairline-strong: rgba(26, 23, 19, 0.14); --jd-about-muted: #5a5248; font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif; } .jd-content-page--about .jd-landscape-shell { width: min(calc(100% - 56px), 1304px); } .jd-content-page--about .jd-content-eyebrow { margin-bottom: 14px; color: var(--jd-accent); font-size: 12px; font-weight: 700; letter-spacing: 0.14em; line-height: 1.5; text-transform: uppercase; } .jd-content-page--about .jd-content-reviews__grid h2, .jd-content-page--about .jd-content-enquiry__copy h2 { color: var(--jd-ink); font-size: clamp(34px, 4.4vw, 54px); font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; text-wrap: balance; } .jd-content-page--about .jd-content-reviews { padding: 92px 0; } .jd-content-page--about .jd-content-reviews__grid > div:first-child > p:last-child { max-width: 760px; margin-top: 18px; color: var(--jd-about-muted); line-height: 1.5; } .jd-content-page--about .jd-content-rating { justify-content: center; flex-wrap: wrap; gap: 10px 14px; max-width: 760px; margin: 28px auto 0; border-color: var(--jd-about-hairline-strong); box-shadow: none; } .jd-content-page--about .jd-content-rating__logo { width: 166px; height: 28px; flex: 0 0 auto; } .jd-content-page--about .jd-content-rating__stars, .jd-content-page--about .jd-content-review-card__stars { color: #fbbc04; } .jd-content-page--about .jd-content-rating__stars { letter-spacing: 2px; } .jd-content-page--about .jd-content-review-link { margin-left: 0; padding-inline: 16px; border-color: var(--jd-about-hairline-strong); color: var(--jd-about-muted); font-weight: 700; } .jd-content-page--about .jd-content-review-cards { align-items: start; gap: 18px; margin-top: 28px; margin-bottom: 24px; } .jd-content-page--about .jd-content-review-card { height: 335px; min-height: 335px; padding: 30px; border: 1px solid var(--jd-about-hairline); border-radius: 20px; box-shadow: none; } .jd-content-page--about .jd-content-review-card:has(.jd-content-review-card__quote:not(.is-collapsed)) { height: auto; } .jd-content-page--about .jd-content-review-card__stars { margin-bottom: 16px; font-size: 17px; letter-spacing: 3px; line-height: 1.5; } .jd-content-page--about .jd-content-review-card__quote { max-height: 102.4px; margin: 0 0 22px; padding: 0; border: 0; color: #1a1713; font-size: 16px; line-height: 1.6; -webkit-line-clamp: 4; } .jd-content-page--about .jd-content-review-card__quote:not(.is-collapsed) { max-height: none; } .jd-content-page--about .jd-content-review-toggle { display: inline-flex; min-height: 44px; align-items: center; margin: -12px 0 18px; padding: 0 4px; border: 0; color: #e4002b; font-size: 14px; font-weight: 700; } .jd-content-page--about .jd-content-review-card figcaption { gap: 13px; padding-top: 0; } .jd-content-page--about .jd-content-review-card__avatar { width: 44px; height: 44px; flex-basis: 44px; border: 1px solid var(--jd-about-hairline-strong); border-radius: 50%; color: #e4002b; background: #fbfaf8; } .jd-content-page--about .jd-content-review-card figcaption strong { font-size: 15px; font-weight: 700; } .jd-content-page--about .jd-content-review-card figcaption small { color: var(--jd-about-muted); font-size: 13px; line-height: 1.4; } .jd-content-page--about .jd-content-enquiry { padding: 92px 0; border-top: 1px solid var(--jd-about-hairline); background: #fff; } .jd-content-page--about .jd-content-enquiry__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; } .jd-content-page--about .jd-content-enquiry__copy h2 { font-size: clamp(38px, 4.8vw, 62px); letter-spacing: -0.035em; line-height: 1.02; } .jd-content-page--about .jd-content-enquiry__copy > p { max-width: 460px; margin: 22px 0 0; color: var(--jd-about-muted); font-size: 17.5px; line-height: 1.5; } .jd-content-page--about .jd-content-enquiry__copy ul { gap: 14px; margin-top: 30px; } .jd-content-page--about .jd-content-enquiry__copy li { display: flex; align-items: center; gap: 12px; padding-left: 0; font-size: 16px; font-weight: 600; } .jd-content-page--about .jd-content-enquiry__copy li::before { display: none; } .jd-content-page--about .jd-content-enquiry__copy li svg { width: 20px; height: 20px; flex: 0 0 20px; color: #e4002b; } .jd-content-page--about .jd-landscape-form-card { padding: 32px; border-color: var(--jd-about-hairline-strong); border-radius: 22px; box-shadow: 0 24px 54px -38px rgba(26, 23, 19, 0.5); } .jd-content-page--about .jd-landscape-form-card h2 { margin-bottom: 22px; font-size: 22px; letter-spacing: -0.02em; } .jd-content-page--about .jd-landscape-form-grid { gap: 14px; } .jd-content-page--about .jd-landscape-field .form-control { height: 45px; font-size: 15px; } .jd-content-page--about .jd-landscape-field textarea.form-control { min-height: 76px; height: 76px; } .jd-content-page--about .jd-landscape-submit { min-height: 56px; margin-top: 8px; padding: 15px 22px; font-size: 16px; } .jd-content-page--about .jd-landscape-form-note { margin-top: 13px; color: var(--jd-about-muted); font-size: 12.5px; line-height: 1.5; } @media (min-width: 1025px) and (max-width: 1399px) { .jd-content-page--about .jd-content-reviews, .jd-content-page--about .jd-content-enquiry { padding: 72px 0; } } @media (max-width: 1199px) { .jd-content-page--about .jd-content-review-cards { display: flex; padding: 2px 2px 14px; overflow-x: auto; scroll-snap-type: x mandatory; } .jd-content-page--about .jd-content-review-card { width: min(422px, 82vw); flex: 0 0 min(422px, 82vw); scroll-snap-align: start; } } @media (max-width: 980px) { .jd-content-page--about .jd-content-enquiry__grid { grid-template-columns: 1fr; gap: 56px; } } @media (max-width: 767px) { .jd-content-page--about .jd-content-enquiry__grid { grid-template-columns: 1fr; gap: 56px; } .jd-content-page--about .jd-content-enquiry__copy ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .jd-content-page--about .jd-landscape-shell { width: min(calc(100% - 40px), 1304px); } .jd-content-page--about .jd-content-enquiry__copy ul { grid-template-columns: 1fr; gap: 10px; margin-top: 20px; } } /* News page aligned with the Joydom news reference. */ @media (max-width: 520px) { .jd-content-page--about .jd-content-enquiry__copy h2 { font-size: 38px; } .jd-content-page--about .jd-content-reviews { padding: 76px 0; } .jd-content-page--about .jd-content-rating { display: flex; justify-content: center; text-align: center; } .jd-content-page--about .jd-content-review-link { width: auto; } .jd-content-page--about .jd-content-review-card { width: 304px; flex-basis: 304px; padding: 30px; } .jd-content-page--about .jd-content-enquiry { padding: 48px 0; } .jd-content-page--about .jd-content-enquiry__grid { gap: 28px; } .jd-content-page--about .jd-landscape-form-card { padding: 24px 20px; } .jd-content-page--about .jd-landscape-form-grid { grid-template-columns: 1fr; } .jd-content-page--about .jd-landscape-field--full { grid-column: auto; } } /* Services catalogue: reference-aligned presentation with production links and data. */ .jd-content-subservice-results { margin-top: 24px; padding: 24px; border: 1px solid #e8dfd8; border-radius: 18px; background: #fff; } .jd-content-subservice-results__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 16px; } .jd-content-subservice-results__eyebrow { display: block; margin-bottom: 5px; color: #bc202f; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .jd-content-subservice-results h3 { margin: 0; color: var(--jd-ink); font-size: 20px; font-weight: 800; letter-spacing: -0.02em; } .jd-content-subservice-results__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .jd-content-subservice-result { display: grid; grid-template-columns: minmax(0, 1fr) auto; min-width: 0; align-items: start; column-gap: 14px; row-gap: 5px; padding: 12px 14px; border: 1px solid #eee5de; border-radius: 10px; color: var(--jd-ink); background: #fcfaf8; text-decoration: none; } .jd-content-subservice-result:hover, .jd-content-subservice-result:focus-visible { border-color: #d99da4; color: #9f1927; background: #fff7f7; text-decoration: none; } .jd-content-subservice-result strong { min-width: 0; font-size: 14px; line-height: 1.35; } .jd-content-subservice-result span { flex: 0 0 auto; color: #7d746d; font-size: 11px; font-weight: 700; text-align: right; } .jd-content-subservice-result .jd-content-subservice-result__snippet { grid-column: 1 / -1; color: #625a54; font-size: 12px; font-weight: 550; line-height: 1.45; overflow-wrap: anywhere; } .jd-content-subservice-result__snippet mark { padding: 0; color: #a91d29; background: #ffe1e4; font-weight: 800; } @media (max-width: 640px) { .jd-content-subservice-results { padding: 18px; } .jd-content-subservice-results__list { grid-template-columns: 1fr; } .jd-content-subservice-result { grid-template-columns: 1fr; gap: 4px; } .jd-content-subservice-result .jd-content-subservice-result__snippet { grid-column: 1; } .jd-content-subservice-result span { text-align: left; } } body.jd-home { font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif; } /* FAQ page: aligned with the Joydom FAQ reference while retaining Laravel data. */ @keyframes jd-faq-filter-focus { 0%, 100% { transform: translateX(0); } 24% { transform: translateX(8px); } } /* FAQ compact section navigator for tablet and mobile. */ @keyframes jd-faq-drawer-in { from { opacity: 0; transform: translateX(-18px); } to { opacity: 1; transform: translateX(0); } } /* Contact page aligned with the Joydom contact reference. */ /* Preserve and format rich WordPress article content inside the shared post template. */ .jd-article-copy table { width: 100%; margin: 30px 0; border-collapse: collapse; border-spacing: 0; overflow: hidden; border: 1px solid rgba(26, 23, 19, 0.16); border-radius: 14px; } .jd-article-copy th, .jd-article-copy td { padding: 14px 16px; border: 1px solid rgba(26, 23, 19, 0.13); text-align: left; vertical-align: top; } .jd-article-copy th { background: #f4efe7; color: var(--jd-ink); font-weight: 800; } .jd-article-copy a:not(.jd-btn) { color: var(--jd-accent); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; } .jd-article-copy a:not(.jd-btn):hover { color: #aa001f; } .jd-article-copy img { display: block; width: auto; max-width: 100%; height: auto; margin: 30px auto; border-radius: 18px; } .jd-article-copy figure { max-width: 100%; margin: 30px 0; } .jd-article-copy figure img { margin: 0 auto; } .jd-article-copy figcaption { margin-top: 10px; color: var(--jd-muted); font-size: 13px; line-height: 1.55; text-align: center; } .jd-article-copy ul { margin: 20px 0; padding-left: 1.4em; } .jd-article-copy li + li { margin-top: 8px; } .jd-article-copy iframe, .jd-article-copy video, .jd-article-copy embed { display: block; width: 100%; max-width: 100%; margin: 30px 0; border: 0; border-radius: 18px; } .jd-youtube-facade { width: min(100%, 680px); margin: 30px auto; } .jd-youtube-facade__poster { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; margin: 0; overflow: hidden; border: 0; border-radius: 18px; background: #111; } .jd-youtube-facade__poster { padding: 0; cursor: pointer; } .jd-youtube-facade__poster img { width: 100%; height: 100%; margin: 0; border-radius: 0; object-fit: cover; } .jd-youtube-facade__poster::after { position: absolute; inset: 0; content: ''; background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.62)); } .jd-youtube-facade__play { position: absolute; z-index: 1; left: 50%; bottom: 28px; display: inline-flex; align-items: center; gap: 9px; padding: 12px 18px; border-radius: 999px; background: var(--jd-accent); color: #fff; font-family: inherit; font-size: 14px; font-weight: 800; transform: translateX(-50%); white-space: nowrap; } .jd-article-copy .jd-youtube-facade__link:not(.jd-btn) { display: table; margin: 12px auto 0; color: var(--jd-accent); } .jd-article-copy blockquote { margin: 30px 0; padding: 22px 26px; border-left: 4px solid var(--jd-accent); background: #f8f4ed; color: var(--jd-ink); font-weight: 600; } /* Normalize self-contained legacy article layouts without affecting other posts. */ /* Convert legacy red-gradient content modules to readable neutral surfaces. */ @media (max-width: 640px) { .jd-article-copy table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; } .jd-article-copy th, .jd-article-copy td { min-width: 140px; padding: 12px; } } /* Promotions: one horizontal offer card per row with original copy. */ /* Keep shared content-page submission feedback identical to Handyman Services. */ .jd-content-page .jd-content-enquiry .jd-landscape-form-card.is-submitted { width: 100%; padding: 32px; border: 1px solid #d8d4cf; border-radius: 22px; background: #fff; box-shadow: 0 22px 54px rgba(68, 55, 38, 0.09); } .jd-content-page .jd-content-enquiry .jd-landscape-form-card.is-submitted > h2, .jd-content-page .jd-content-enquiry .jd-landscape-form-card.is-submitted > form, .jd-content-page .jd-content-enquiry .jd-landscape-form-card.is-submitted > .jd-content-form-alert { display: none; } .jd-content-page .jd-content-enquiry .jd-landscape-form-success { display: flex; min-height: 390px; flex-direction: column; align-items: center; justify-content: center; padding: 34px 18px; text-align: center; } .jd-content-page .jd-content-enquiry .jd-landscape-form-success[hidden], .jd-content-page .jd-content-enquiry .jd-landscape-form-error[hidden] { display: none !important; } .jd-content-page .jd-landscape-form-success__icon { display: grid; width: 58px; height: 58px; margin-bottom: 22px; place-items: center; border-radius: 50%; color: #fff; font-size: 25px; font-weight: 800; background: #167a45; box-shadow: 0 12px 30px rgba(22, 122, 69, 0.2); } .jd-content-page .jd-content-enquiry .jd-landscape-form-success__eyebrow { margin: 0 0 10px; color: #167a45; font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .jd-content-page .jd-content-enquiry .jd-landscape-form-success h2 { max-width: 330px; margin: 0; color: var(--jd-ink); font-size: 27px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.2; } .jd-content-page .jd-content-enquiry .jd-landscape-form-success > p:last-child { margin: 14px 0 0; color: #6f6a64; font-size: 14px; font-weight: 600; line-height: 1.55; } /* Frontend-only sub-service detail pilot. */ /* Optional locally hosted service-brand logos; enabled per sub-service. */ /* Source: assets/css/home-redesign.css */ /* * Joydom front page styles (design: Handyman Landing v4 Bold). * Scoped under body.jd-home so other templates are unaffected. */ body.jd-home { --jd-accent: #E4002B; --jd-accent-deep: #B4001F; --jd-ink: #1A1713; --jd-muted: #5A5248; --jd-faint: #8A8073; --jd-alt-bg: #FBFAF8; --jd-dark: #1A1713; --jd-footer-bg: #120F0C; --jd-hairline: rgba(26, 23, 19, 0.07); --jd-hairline-strong: rgba(26, 23, 19, 0.14); --jd-wa-green: #25D366; --jd-r: 20px; margin: 0; background: #fff; color: var(--jd-ink); font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; } html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html, body.jd-home { scroll-behavior: auto; } } body.jd-home *, body.jd-home *::before, body.jd-home *::after { box-sizing: border-box; } /* * Element resets use :where() so they carry zero specificity and any * single-class component rule (e.g. .jd-btn--accent color) can override. */ :where(body.jd-home) h1, :where(body.jd-home) h2, :where(body.jd-home) h3, :where(body.jd-home) p { margin: 0; } :where(body.jd-home) a { text-decoration: none; color: inherit; } /* * Neutralise Hello Elementor's `a:hover,a:active{color:#333366}` (reset.css), * a purple that leaked onto any link/button without its own hover colour. * Same specificity (0,1,1) as the parent rule but loaded later, so it wins; * component hovers (nav, chips, links, buttons) are more specific and keep * their own colour. Plain links simply keep their colour on hover. */ a:hover, a:active, a:focus { color: inherit; } :where(body.jd-home) button { font-family: inherit; cursor: pointer; border: 0; background: none; color: inherit; } /* * Hello Elementor's reset.css colours bare buttons pink: `button,[type=button], * [type=submit]{color:#CC3366;border-color:#CC3366}` and a pink background on * hover/focus. The :where() reset above (0 specificity) loses to those * attribute selectors, so icon buttons (hamburger, arrows, FAQ toggles) went * pink. These matching-selector rules load later and win; our component classes * (.jd-btn--*, .jd-carousel__arrow…) come later still and keep their own colour. */ button, [type="button"], [type="submit"], [type="reset"] { color: inherit; border-color: currentColor; background-color: transparent; } button:hover, button:focus, [type="button"]:hover, [type="button"]:focus, [type="submit"]:hover, [type="submit"]:focus { background-color: transparent; } .jd-container { max-width: 1360px; margin: 0 auto; padding-left: 28px; padding-right: 28px; } .jd-section { padding: 92px 0; } .jd-section--alt { background: var(--jd-alt-bg); border-top: 1px solid var(--jd-hairline); border-bottom: 1px solid var(--jd-hairline); } .jd-eyebrow { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--jd-accent); margin-bottom: 14px; } .jd-h2 { font-size: clamp(34px, 4.4vw, 54px); line-height: 1.02; letter-spacing: -0.035em; font-weight: 800; text-wrap: balance; } .jd-section__intro { text-align: center; max-width: 760px; margin: 0 auto 52px; } .jd-section__sub { margin-top: 18px; font-size: 17px; color: var(--jd-muted); } /* Give homepage section headings and descriptions the full content width. */ .jd-page--home .jd-section__intro { max-width: 1240px; } .jd-page--home .jd-section__intro .jd-h2 { font-size: clamp(40px, 3.75vw, 48px); } .jd-page--home .jd-section__sub { max-width: 1000px; margin-left: auto; margin-right: auto; } .jd-link-accent { color: var(--jd-accent); font-weight: 700; font-size: 15px; } .jd-link-accent:hover { color: var(--jd-accent-deep); } /* Buttons */ .jd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 999px; font-weight: 700; font-size: 15px; padding: 11px 22px; white-space: nowrap; transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease; } .jd-btn:active { transform: scale(0.97); } .jd-btn--accent { background: var(--jd-accent); color: #fff; } .jd-btn--accent:hover { background: var(--jd-accent-deep); color: #fff; } /* Promo bar */ .jd-promo { position: sticky; top: 0; z-index: 10040; background: var(--jd-dark); color: #fff; padding: 11px 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 26px; font-size: 14.5px; } /* Header */ .jd-header { position: sticky; top: var(--jd-promo-height, 0px); z-index: 10030; background: rgba(255, 255, 255, 0.85); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(26, 23, 19, 0.08); } /* * Three-column grid so the nav sits exactly at screen center regardless of * how wide the brand and actions are. */ .jd-header__inner { max-width: 1360px; margin: 0 auto; padding: 8px 28px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: clamp(18px, 2vw, 30px); } .jd-header__inner .jd-brand { justify-self: start; } /* * Brand logo image. The source PNG is a circular mark on a white square, so * on the white header the square blends away and only the mark shows; the * border-radius makes it read as a tidy rounded badge on the dark footer. */ /* Header logo is enlarged ~40% vs the footer badge. */ .jd-header .jd-brand__logo { width: 46px; height: 46px; } /* * Top-level nav links get tall padding so the hover zone reaches the header * edges — the pointer never falls out of :hover on its way down to the * dropdown panel. */ .jd-nav__item > a { padding: 20px 0; } .jd-nav__item > a.is-active { color: var(--jd-accent); } /* * Services hover dropdown. The nav item is intentionally NOT a positioning * context: the panel anchors to the sticky full-width header, so it centers * on the screen instead of on the link (a link-centered panel this wide * would be cut off by the viewport edge). */ .jd-nav__item { position: static; } .jd-nav__item > a { display: inline-flex; align-items: center; gap: 5px; } /* Tablet and mobile: nav collapses to the hamburger menu. The 7-item nav needs ~960px, so switch to the burger at 1200px to cover landscape tablets too. `.jd-header .jd-burger` (specificity 0,2,0) must beat the base `.jd-burger{display:none}` rule that appears later in this file. */ @media (max-width: 1200px) { .jd-header__phone { display: none; } /* With the nav hidden, drop the 3-column grid (its empty middle column left the actions floating short of the edge) for a simple two-end layout: brand hard-left, actions + burger hard-right. */ .jd-header__inner { display: flex; justify-content: space-between; } .jd-header .jd-burger { display: inline-flex; color: var(--jd-ink); } } /* * `is-open` is driven by JS hover-intent (see home.js): it keeps the panel * open for a moment after the pointer leaves, so travelling from the link * down into the panel never snaps it shut. A CSS-only :hover bridge cannot * work here — the panel's own overflow-y clips any pseudo-element bridge. * :hover/:focus-within remain as the no-JS and keyboard fallback. */ .jd-header__actions { display: flex; align-items: center; gap: 10px; justify-self: end; } .jd-header-search-field { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 8px; width: clamp(190px, 16vw, 250px); min-height: 44px; padding: 0 13px; border: 1px solid var(--jd-hairline-strong); border-radius: 999px; background: #fff; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .jd-header-search-field:focus-within { border-color: var(--jd-accent); box-shadow: 0 0 0 3px rgba(239, 90, 65, 0.12); } .jd-header-search-field__icon { display: inline-flex; color: var(--jd-muted); } .jd-header-search-field__icon svg { width: 18px; height: 18px; } .jd-header-search-field input { min-width: 0; width: 100%; height: 42px; padding: 0; border: 0; outline: 0; background: transparent; color: var(--jd-ink); font: inherit; font-size: 14px; } .jd-header-search__suggestions { position: absolute; top: 100%; left: 0; right: 0; max-height: min(430px, 60vh); overflow-y: auto; border: 1px solid var(--jd-hairline-strong); border-radius: 14px; background: #fff; box-shadow: 0 24px 44px -28px rgba(26, 23, 19, 0.5); z-index: 60; } .jd-header-search__suggestions[hidden] { display: none; } .jd-header-search__suggestion { display: flex; min-height: 64px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; padding: 14px 18px; border-bottom: 1px solid var(--jd-hairline); color: var(--jd-ink); text-decoration: none; } .jd-header-search__suggestion:last-child { border-bottom: 0; } .jd-header-search__suggestion:hover, .jd-header-search__suggestion.is-active { background: var(--jd-alt-bg); color: var(--jd-accent-deep); } .jd-header-search__suggestion-title { min-width: 0; width: 100%; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; line-height: 1.4; font-weight: 750; } .jd-header-search__suggestion-type { flex: 0 0 auto; font-size: 12px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--jd-muted); } @media (max-width: 1024px) { .jd-header-search__suggestions { left: auto; right: 0; width: min(420px, calc(100vw - 28px)); } .jd-header-search__suggestion { min-height: 64px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; padding: 13px 16px; } .jd-header-search__suggestion-title { width: 100%; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; line-height: 1.4; } } .jd-header-whatsapp { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 44px; min-height: 44px; padding: 0 13px; border-radius: 999px; background: transparent; color: #1a1713; border: 0; font-size: 13px; font-weight: 750; white-space: nowrap; transition: color 0.2s ease, transform 0.1s ease; } .jd-header-whatsapp:link, .jd-header-whatsapp:visited, .jd-header-whatsapp:hover, .jd-header-whatsapp:focus, .jd-header-whatsapp:focus-visible, .jd-header-whatsapp:active { background: transparent !important; color: #1a1713 !important; border: 0; } .jd-header-whatsapp:active { transform: scale(0.97); } .jd-header-whatsapp svg { width: 20px; height: 20px; flex: none; color: #25d366; } .jd-header__phone { font-weight: 700; font-size: 15px; white-space: nowrap; } /* Mobile hamburger + panel (shown ≤900px where the nav is hidden). */ .jd-burger { display: none; width: 44px; height: 44px; padding: 0; border-radius: 12px; border: 1px solid var(--jd-hairline-strong); color: var(--jd-ink); align-items: center; justify-content: center; flex: none; } .jd-burger svg { width: 28px; height: 28px; flex: none; } .jd-header .jd-burger__open { display: block !important; } .jd-header .jd-burger__close { display: none !important; } .jd-header .jd-burger.is-open .jd-burger__open { display: none !important; } .jd-header .jd-burger.is-open .jd-burger__close { display: block !important; } .jd-mobilenav { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-bottom: 1px solid var(--jd-hairline-strong); box-shadow: 0 30px 50px -30px rgba(26, 23, 19, 0.4); padding: 20px 24px 26px; max-height: calc(100vh - 120px); overflow-y: auto; z-index: 45; } @media (min-width: 1201px) { .jd-mobilenav { display: none !important; } } .jd-mobilenav__disclosure.is-open svg { transform: rotate(180deg); } @media (max-width: 600px) { .jd-header__inner { padding: 7px 14px; gap: 8px; } .jd-header .jd-brand__logo { width: 40px; height: 40px; } .jd-header__actions { flex: 1; gap: 7px; } .jd-header-search-field { width: auto; min-width: 0; flex: 1; padding: 0 10px; } .jd-header-search__suggestions { position: fixed; top: var(--jd-header-search-top, calc(var(--jd-promo-height, 0px) + 61px)); left: 14px; right: 14px; width: auto; max-height: 52vh; } .jd-header-search-field input { font-size: 13px; } .jd-header-whatsapp { padding: 0; } .jd-header-whatsapp span { display: none; } } /* Hero */ .jd-hero { padding-top: 26px; } .jd-hero__panel { background: var(--jd-accent); border-radius: 28px; color: #fff; padding: 74px 56px 150px; position: relative; overflow: hidden; } .jd-hero__panel::before { content: ""; position: absolute; top: -220px; right: -160px; width: 620px; height: 620px; background: radial-gradient(circle, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 62%); pointer-events: none; } .jd-hero__grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 48px; align-items: center; position: relative; } .jd-hero__eyebrow { display: inline-flex; align-items: center; gap: 9px; background: rgba(255, 255, 255, 0.16); border-radius: 999px; padding: 8px 16px; font-size: 13.5px; font-weight: 600; margin-bottom: 26px; } @keyframes jd-ping { 0% { transform: scale(1); opacity: 0.8; } 80%, 100% { transform: scale(2.6); opacity: 0; } } .jd-hero__title { font-size: clamp(46px, 6.2vw, 88px); line-height: 0.96; letter-spacing: -0.035em; font-weight: 800; } .jd-hero__sub { margin-top: 24px; font-size: 20px; color: rgba(255, 255, 255, 0.9); max-width: 500px; } .jd-hero__buttons { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 14px; } .jd-btn--hero-primary { background: #fff; color: var(--jd-accent); padding: 16px 30px; font-size: 16px; } .jd-btn--hero-primary:hover { box-shadow: 0 18px 36px -14px rgba(0, 0, 0, 0.45); color: var(--jd-accent); } /* Carousel — fixed 500×550 image box, centered in the hero media column. */ .jd-carousel { position: relative; border-radius: var(--jd-r); overflow: hidden; width: 500px; max-width: 100%; height: 550px; margin: 0 auto; box-shadow: 0 30px 60px -24px rgba(0, 0, 0, 0.5); } /* Desktop hero scales with available monitor height while staying readable. */ @media (min-width: 1025px) { .jd-hero__panel { min-height: clamp(640px, calc(100svh - 118px), 900px); padding: clamp(48px, 6svh, 74px) 56px clamp(120px, 12svh, 150px); display: flex; align-items: center; } .jd-hero__grid { width: 100%; } .jd-carousel { height: clamp(420px, 55svh, 550px); } } @media (max-width: 640px) { .jd-carousel { height: 210px; } } .jd-carousel__track { display: flex; height: 100%; width: 500%; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .jd-carousel__slide { position: relative; width: 20%; height: 100%; flex: none; } .jd-carousel__slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .jd-carousel__slide span { position: absolute; left: 16px; bottom: 16px; padding: 6px 10px; border-radius: 999px; background: rgba(26, 23, 19, 0.64); color: #fff; font-size: 13px; font-weight: 600; } .jd-carousel .jd-carousel__arrow[type="button"] { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 44px; height: 44px; border: 1px solid rgba(255, 255, 255, 0.65); border-radius: 50%; background: rgba(26, 23, 19, 0.24); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28); transition: background 0.2s ease, transform 0.2s ease; } .jd-carousel .jd-carousel__arrow[type="button"]:hover { background: rgba(26, 23, 19, 0.5); color: #fff; } .jd-carousel .jd-carousel__arrow[type="button"]:active, .jd-carousel .jd-carousel__arrow[type="button"]:focus { color: #fff; } .jd-carousel__arrow:focus-visible { outline: 3px solid #ffca28; outline-offset: 3px; } .jd-carousel__arrow svg { width: 18px; height: 18px; } .jd-carousel__arrow--prev { left: 12px; } .jd-carousel__arrow--next { right: 12px; } .jd-carousel__dots { display: flex; justify-content: center; gap: 0; margin-top: 2px; } .jd-carousel__dots button { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; } .jd-carousel__dots button::before { content: ""; width: 8px; height: 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.45); transform: scaleX(1); transition: transform 0.3s ease, background-color 0.3s ease; } .jd-carousel__dots button.is-active::before { background: #fff; transform: scaleX(3.25); } /* Image placeholders (until real photos are supplied) */ .jd-ph { position: relative; display: flex; align-items: center; justify-content: center; color: #fff; overflow: hidden; } .jd-ph--1 { background: linear-gradient(135deg, #3E3730, #1A1713); } .jd-ph--2 { background: linear-gradient(135deg, #55483C, #2A241E); } .jd-ph--3 { background: linear-gradient(135deg, #6B5A4A, #3E3730); } .jd-ph--4 { background: linear-gradient(135deg, #4A4038, #241F1A); } .jd-ph--5 { background: linear-gradient(135deg, #5F5346, #322B24); } .jd-carousel__slide.jd-ph > span { font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.65); letter-spacing: 0.04em; } /* Stats card */ .jd-stats { position: relative; z-index: 5; margin: -110px 40px 0; background: #fff; border-radius: 22px; box-shadow: 0 30px 60px -30px rgba(26, 23, 19, 0.35); display: grid; grid-template-columns: repeat(4, 1fr); padding: 34px 10px; } .jd-stats__item { text-align: center; padding: 6px 18px; border-left: 1px solid var(--jd-hairline); display: flex; flex-direction: column; gap: 6px; } .jd-stats__item:first-child { border-left: 0; } .jd-stats__num { font-size: 38px; font-weight: 800; letter-spacing: -0.02em; line-height: 1; } .jd-stats__num em { font-style: normal; color: var(--jd-accent); } .jd-stats__label { font-size: 14px; color: var(--jd-muted); font-weight: 500; } /* Search */ .jd-search { position: relative; max-width: 560px; margin: 0 auto 54px; } .jd-search__bar { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--jd-hairline-strong); border-radius: 999px; padding: 7px 7px 7px 20px; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .jd-search__bar:focus-within { border-color: var(--jd-accent); box-shadow: 0 14px 34px -18px rgba(26, 23, 19, 0.35); } .jd-search__icon { width: 19px; height: 19px; color: var(--jd-faint); flex: none; } .jd-search__bar input { flex: 1; min-width: 0; border: 0; outline: none; font: inherit; font-size: 15px; color: var(--jd-ink); background: transparent; } .jd-search__bar input::placeholder { color: var(--jd-faint); } .jd-search__btn { padding: 10px 22px; flex: none; } .jd-search__dropdown { position: absolute; top: calc(100% + 8px); left: 0; right: 0; background: #fff; border: 1px solid var(--jd-hairline-strong); border-radius: 18px; box-shadow: 0 22px 40px -26px rgba(26, 23, 19, 0.4); overflow: hidden; z-index: 30; } .jd-search__result { display: flex; align-items: center; gap: 12px; width: 100%; padding: 11px 16px; text-align: left; font-size: 15px; transition: background 0.15s ease; } .jd-search__result:hover { background: var(--jd-alt-bg); } .jd-search__result-icon { width: 34px; height: 34px; border-radius: 10px; background: var(--jd-accent); color: #fff; display: inline-flex; align-items: center; justify-content: center; flex: none; } .jd-search__result-icon svg { width: 17px; height: 17px; } .jd-search__result strong { display: block; font-weight: 700; } .jd-search__result-copy { min-width: 0; flex: 1 1 auto; } .jd-search__result small { display: block; color: var(--jd-faint); font-size: 12.5px; } .jd-search__result .jd-search__result-snippet { margin-top: 3px; color: #625b54; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; } .jd-search__result-snippet mark { padding: 0; color: #a91d29; background: #ffe1e4; font-weight: 800; } .jd-search__result-chevron { margin-left: auto; width: 16px; height: 16px; color: #B7AE9F; flex: none; } .jd-search__empty { display: block; padding: 16px; text-align: center; font-size: 14.5px; color: var(--jd-muted); } .jd-search__empty a { color: var(--jd-accent); font-weight: 700; } /* Services grid */ .jd-service-filter { margin-bottom: 28px; padding: 16px; border: 1px solid var(--jd-hairline-strong); border-radius: 18px; background: #fff; box-shadow: 0 18px 38px -30px rgba(26, 23, 19, 0.5); } .jd-service-filter[hidden], .jd-service-filter__item[hidden], .jd-service--cta[hidden], .jd-services__more[hidden], .jd-service-filter__empty[hidden] { display: none !important; } .jd-service-filter__controls { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); gap: 16px; } .jd-service-filter__field { display: grid; gap: 8px; font-size: 14px; font-weight: 700; color: var(--jd-ink); } .jd-service-filter__field input, .jd-service-filter__field select { width: 100%; height: 52px; border: 1px solid var(--jd-hairline-strong); border-radius: 14px; background: #fff; color: var(--jd-ink); font: inherit; font-weight: 500; padding: 0 16px; } .jd-service-filter__field input:focus, .jd-service-filter__field select:focus { border-color: var(--jd-accent); outline: 3px solid rgba(228, 0, 43, 0.14); outline-offset: 1px; } .jd-service-filter__meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 38px; margin-top: 10px; } .jd-service-filter__meta p { margin: 0; color: var(--jd-muted); font-size: 14px; } .jd-service-filter__meta button { border: 0; background: transparent; color: var(--jd-accent); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; } .jd-service-filter__meta button:disabled { opacity: 0.42; cursor: default; } .jd-service-filter__parent { display: block; margin-bottom: 8px; color: var(--jd-accent); font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; } .jd-service-filter__empty { margin-top: 22px; padding: 34px 24px; border: 1px solid var(--jd-hairline); border-radius: var(--jd-r); background: var(--jd-alt-bg); text-align: center; } .jd-service-filter__empty h2 { margin-bottom: 8px; font-size: 20px; } .jd-service-filter__empty a { color: var(--jd-accent); font-weight: 700; } .jd-services { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; } .jd-service { background: var(--jd-alt-bg); border: 1px solid var(--jd-hairline); border-radius: var(--jd-r); padding: 28px 24px; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease; display: block; overflow: hidden; } .jd-service:hover { transform: translateY(-4px); box-shadow: 0 22px 40px -26px rgba(26, 23, 19, 0.4); border-color: var(--jd-accent); } .jd-service__media { display: grid; height: 148px; margin: -28px -24px 20px; gap: 3px; overflow: hidden; background: var(--jd-alt-bg); } @media (max-width: 600px) { .jd-service__media { height: 128px; } } .jd-service h3 { font-size: 18px; font-weight: 700; letter-spacing: -0.01em; margin-bottom: 8px; } .jd-service p { display: -webkit-box; max-width: 30ch; height: 4.5em; overflow: hidden; font-size: 14px; line-height: 1.5; text-wrap: pretty; color: var(--jd-muted); -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .jd-service--cta { background: var(--jd-accent); border-color: var(--jd-accent); color: #fff; display: flex; flex-direction: column; justify-content: flex-end; } .jd-service--cta h3 { font-size: 21px; } .jd-service--cta p { color: rgba(255, 255, 255, 0.9); font-weight: 700; font-size: 15px; } .jd-service--cta h3, .jd-service--cta p { transform: translateY(-8px); } .jd-service--cta:hover { background: var(--jd-accent-deep); border-color: var(--jd-accent-deep); } /* Process */ .jd-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } .jd-step { display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; border: 1px solid var(--jd-hairline); border-radius: var(--jd-r); padding: 32px; } .jd-step__num { display: block; font-size: 54px; font-weight: 800; color: var(--jd-accent); line-height: 1; margin-bottom: 18px; } .jd-step__icon { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin-bottom: 24px; border-radius: 22px; background: #fff0f2; color: var(--jd-accent); } .jd-step__icon svg { width: 34px; height: 34px; } .jd-step h3 { font-size: 20px; font-weight: 700; margin-bottom: 10px; } .jd-step p { font-size: 15px; color: var(--jd-muted); } /* Work / bento */ .jd-work__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 40px; } .jd-bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 220px; gap: 16px; } .jd-bento__tile { border-radius: var(--jd-r); position: relative; } .jd-bento__tile--main { grid-column: span 2; grid-row: span 2; } .jd-bento__label { position: absolute; top: 14px; left: 14px; background: rgba(26, 23, 19, 0.72); color: #fff; font-size: 12px; font-weight: 600; border-radius: 999px; padding: 6px 13px; } /* Reviews */ .jd-reviews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } /* Service area */ /* FAQ */ .jd-faq { display: flex; flex-direction: column; gap: 14px; } .jd-faq--home { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .jd-faq__column { display: flex; flex-direction: column; gap: 14px; min-width: 0; } .jd-faq__item { background: var(--jd-alt-bg); border: 1px solid rgba(26, 23, 19, 0.12); border-radius: 18px; overflow: hidden; transition: border-color 0.25s ease, box-shadow 0.3s ease, background 0.25s ease; } .jd-section--alt .jd-faq__item { background: #fff; } .jd-faq__item:hover { border-color: rgba(26, 23, 19, 0.22); } .jd-faq__item.is-open { border-color: rgba(228, 0, 43, 0.28); box-shadow: 0 18px 40px -24px rgba(26, 23, 19, 0.4); } /* * FAQ colours are pinned with !important: the question is a