html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }body { line-height: 1; }ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }table { border-collapse: collapse; border-spacing: 0; }a { text-decoration:none; color:inherit; } /** FONTS **/ @font-face { font-family: 'Droid Serif'; font-style: normal; font-weight: 400; src: local('Droid Serif'), local('DroidSerif'), url(https://fonts.gstatic.com/s/droidserif/v6/0AKsP294HTD-nvJgucYTaI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/C7bP6N8yXZ-PGLzbFLtQKRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/iLJc6PpCnnbQjYc1Jq4v0xJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/5pCv5Yz4eMu9gmvX8nNhfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/gEkd0pn-sMtQ_P4HUpi6WBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/iPF-u8L1qkTPHaKjvXERnxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/mTzVK0-EJOCaJiOPeaz-hxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/erE3KsIWUumgD1j_Ca-V-xJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /** BASE **/    html, body{ font-family: 'Noto Sans', sans-serif; width:100%; height:100%; color:#231f20; position:relative; -webkit-text-size-adjust: none; font-weight:400; max-width:1920px; margin:0 auto; } #sections, .section, .container, .row, .column, .col1-12, .col2-12, .col3-12, .col4-12, .col5-12, .col6-12, .col7-12, .col8-12, .col9-12, .col10-12, .col11-12, .col1-12 { width:100%; box-sizing:border-box; } #sections{ width:100%; height:100%; } #sections.overflow{ overflow:hidden; } #sections:after, #section-header:after{ content:''; clear:both; display:block; } .row{ width:100%; box-sizing:border-box; } .row:after{ content:''; display:block; clear:both; } .boxed{ max-width:1200px; margin:0 auto; } .vpad{ padding-top:5px; padding-bottom:5px; } .hpad{ padding-left:5px; padding-right:5px; } .left{ float:left; } .right{ float:right; } .table{ display:table; width:100%; height:100%; } .table-cell{ display:table-cell; vertical-align:middle; } img{ max-width:100%; height:auto; } /** FONTS **/ h1, h2, h3, h4, h5, h6, p, ol, ul, li { margin-bottom:10px; line-height:1.3; } h1, h2, h3{ font-family: 'Droid Serif', serif; } h1, h2{ text-transform:uppercase; } h1{ border-bottom:1px solid #efb959; } h2{ color:#d6b987; } p{ font-size:16px; line-height:1.3; } em{ font-style:italic; } strong{ font-weight:700; } /** LEFT SECTION **/ #section-left{ } /** HEADER **/ #header-tile{ } #header{ background-color:#231f20; color:#ffffff; } /*#header > .row{ max-width:247px; margin:0 auto; }*/ #header-left{ width:60px; box-sizing:border-box; } #logo{ width:100%; box-sizing:border-box; } #logo a{ display:block; width:100%; height:60px; text-indent:-999999%; background-image:url(/uploads/assets/img/logo-web.png); background-size:contain; background-repeat:no-repeat; background-position:center center; } #header-right{ width:calc(100% - 60px); box-sizing:border-box; } #mast{ } #strap{ } #strapline{ width:100%; box-sizing:border-box; } #strapline h2{ font-family: 'Droid Serif', serif; margin-bottom:0; text-transform:uppercase; line-height:1.1; } .fl{ width:100%; display:block; font-size:25px} .cj{ font-size:15px; } #contact{ width:100%; padding:0 5px; box-sizing:border-box; } #contact p{ font-size:12px; margin-bottom:0; line-height:0.9; } #contact a{ transition:0.25s; } #contact a:hover{ color:#efb959} .contact-spacer{ margin:0 2px; } #menu{ width:100%; } #mobile-menu{ display:block; /*width:100%; height:40px; */ width:45px; height:80px; text-indent:-1000%; background-image:url(/uploads/assets/img/mobile-menu.png); background-size:25px; background-position:center center; background-repeat:no-repeat; float:left; position:absolute; top:10px; right:10px; z-index:998; } #nav{ display:none; position:fixed; width:100%; height:100%; top:0; left:0; background-color:#231f20; background-image:url(/uploads/assets/img/dark-wood.jpg); background-size:cover; background-position:center center; z-index:999; padding:10px; box-sizing:border-box; overflow:auto; border:10px solid #ffffff; } #nav.clicked{ display:block; } #nav ul{ text-align:center; margin-bottom:0; padding:10px 0; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; } #nav li{ margin-bottom:0; } #nav li a{ display:block; padding:10px; font-size:20px; } #mobile-logo{ display:block; width:100%; height:60px; text-indent:-999999%; background-image:url(/uploads/assets/img/logo-web.png); background-size:contain; background-repeat:no-repeat; background-position:center center; margin-bottom:20px; margin-top:10px} #close-menu{ display:block; width:100%; text-align:center; padding:10px; box-sizing:border-box; text-transform:uppercase; margin-top:10px; } /** SLIDESHOW **/ #slideshow-tile{ } #slideshow{ width:100%; height:400px; overflow:hidden; } #slides{ width:100%; height:100%; } .slides-control{ width:100%; height:100%; } .slides-container{ margin:0; width:100%; height:100%; } .slides-container li{ margin-bottom:0; width:100%; height:100%; display:block; } .slides-container li img{ width:100%; display:block; } .slide-wrap{ width:100%; height:100%; box-sizing:border-box; padding:10px; } .slide-content{ background-color:rgba(255,255,255,0.9); padding:5px; } .slide-content:after, .bar-wrap:after{ content:''; clear:both; display:block; } .bar-wrap{ } .bar{ padding:5px; } .bar-content{ padding:5px; } .bar-content h3{ margin-bottom:0; font-family: 'Droid Serif', serif; color:#d6b987; font-size:22px; text-transform:uppercase; } .bar-content p{ margin-bottom:0; } .bar-content a{ color:#d6b987; transition:0.25s; } .bar-content a:hover{ color:#231f20; } /** TESTIMONIAL **/ #testimonial-tile{ } #testimonial{ background-color: #efeeed; padding:10px; text-align:center; } #testimonial h3{ font-size:22px; text-transform:uppercase; } #testimonial h3 a{ color:#d6b987; } #testimonial p:last-child{ margin-top:10px; margin-bottom:0; } #testimonial a{ transition:0.25s; } #testimonial a:hover{ color:#c2b59b} #lightbox-toggle{ font-weight:700; } /** CALLBACK **/ #callback-tile{ } #callback{ background-color:#efb959; padding:10px; text-align:center; } #callback h3{ font-size:22px; text-transform:uppercase; } #callback a{ transition:0.25s; } #callback a:hover{ color:#ffffff} /** SERVICES INTRO **/ #services-intro-tile{ } #service-intro{ background-color:#231f20; color:#ffffff; padding:10px; text-align:center; position:relative; } #service-intro:after{ content:''; display:block; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 20px solid #231f20; position:absolute; z-index:9999; left:50%; margin-left:-30px; bottom:-20px; } #service-intro h1{ font-size:22px; text-transform:uppercase; border-bottom:none; } /** SERVICE BOXES **/ #services{ } .service-box-wrap{ width:100%; box-sizing:border-box; } .service-box{ background:#231f20; color:#ffffff; } .service-table{ display:table; width:100%; height:200px; text-align:center; box-sizing:border-box; } .service-cell{ display:table-cell; vertical-align:middle; position:relative; } .service-title{ font-family: 'Droid Serif', serif; font-size:22px; margin-bottom:10px; display:block; position:relative; z-index:998; padding:0 10px; box-sizing:border-box; text-transform:uppercase; text-shadow:2px 2px 2px #231f20; transition:0.25s; } .service-desc{ padding:0 10px; position:relative; z-index:998; display:inline-block; box-sizing:border-box; line-height:1.3; transition:0.25s; } .service-bg{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background-color:#231f20; opacity:0.75; transition:0.25s; } .service-img{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-size:cover; background-position:center center; background-repeat:no-repeat; } /** SERVICE BOXES **/ #service-kitchen-bathroom .service-img{ background-image:url(/uploads/images/services/service-kitchen-bathroom.jpg); } #service-interior-carpentry .service-img{ background-image:url(/uploads/images/services/service-interior.jpg); } #service-exterior-carpentry .service-img{ background-image:url(/uploads/images/services/service-exterior.jpg); } #service-bespoke-carpentry .service-img{ background-image:url(/uploads/images/services/service-bespoke.jpg); } #service-upvc-fitting .service-img{ background-image:url(/uploads/images/services/service-upvc.jpg); } /** FOOTER **/ #footer-tile{ padding-bottom:10px; } #footer{ background-color:#efb959; padding:10px; text-align:center; } #footer p{ margin-bottom:0; } #inside #section-footer{ display:block; } #about-logos li{ display:inline-block; } #about-logos li img{ max-height:90px; width:auto; } /** FORMS **/ #form h2{ font-size:23px; } #form p{ font-size:14px; } input, textarea{ width: 100%; display: block; box-sizing: border-box; font-family: inherit; font-size: 13px; -webkit-appearance: none; color: #231f20; text-align: left; border-radius: 0; border:1px solid #efeeed; background-color:#efeeed; margin-bottom:10px; padding:2px 5px; } input.error, textarea.error{ border:1px solid red; } textarea{ width:100%; max-width:100%; height:150px; max-height:250px; } label.error{ background-color:#d6b987; display:none!important; padding:5px; font-size:14px; margin-bottom:10px; } .fbsubmit{ background-color:#d6b987; text-align:center; padding:5px; transition:0.25s; cursor:pointer; color:#ffffff; margin-bottom:0; border:1px solid #d6b987} .fbsubmit:hover{ background-color:#231f20; border:1px solid #231f20} .callback{ width:calc(100% + 10px); margin-left:-5px; } .callback div{ width:50%; float:left; padding:0 5px; box-sizing:border-box; } .callback:after{ content:''; clear:both; display:block; } .callback .submit{ width:100%; } /** CUSTOM SCROLLBAR **/ #ascrail2000{ z-index:999!important; } /** 3COL **/ .dark{ background-color:#231f20; padding: 10px; color:#ffffff; } .dark a{ color:#efb959; } .dark a:hover{ color:#ffffff; } #leftcol{ padding:5px; } #midcol{ padding:5px; } #midcol h1{ font-size:28px; border-bottom:1px solid #efb959; } #midcol h2{ font-size:22px; color:#d6b987} #midcol h3{ font-size:22px; } #midcol a{ color:#d6b987; transition:0.25s} #midcol a:hover{ color:#231f20} /** LEFTCOL MENU **/ #inside-menu{ margin-top:8px; } #inside-menu li, #inside-menu ul{ list-style:none; margin:0; } #inside-menu li li{ list-style:none; margin-left:10px; } #inside-menu a{ display:block; border-bottom:1px solid #efeeed; padding:5px 0; transition:0.25s; color:#231f20; font-size:14px; } #inside-menu .menu-active, #inside-menu a:hover{ color:#d6b987} #inside-menu .menu-active.menuparent.parent{ color:#231f20; } #inside-menu .parent:before{ content:'▼ '; font-size:10px; } #content #inside-menu a:hover{ background-color:#e01f5b; color:#ffffff; } #content a{ color:#e01f5b; } #content a:hover{ color:#231f20; } #lightbox{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:-1; background-color:transparent; transition:0.25s; } #lightbox.lightbox-active{ display:block; z-index:999999; background-color:rgba(35,31,32,0.8); } #lightbox-table{ display:table; width:100%; height:100%; } #lightbox-cell{ display:table-cell; vertical-align:middle; } #lightbox-form{ max-width:320px; padding:5px; background:#ffffff; box-sizing:border-box; margin:0 auto; z-index:9999999; position:relative; } #lightbox-close{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999998; } #lightbox-close-button{ position:absolute; right:0; top:0; padding:5px; line-height:0.4; cursor:pointer; } /** MAP **/ #map-canvas{ width:100%; height:400px; } /** 480PX **/ @media screen and (min-width:480px){ /** SERVICES **/ .service-box-wrap{ width:50%; }} /** 768PX **/ @media screen and (min-width:768px){ .fl{ display:inline; font-size:30px; }.cj{ font-size:30px; margin-left:10px; }#contact p{ font-size:18px; } /** SLIDESHOW **/ #slideshow{ height:600px; }.slide-wrap{ padding:0; }.table-cell{ vertical-align:bottom; padding-bottom:45px; }.slide-content{ padding:10px 0; }.bar-wrap{ width:50%; box-sizing:border-box; }.bar-wrap.left{ border-right:1px solid #231f20}.bar-content{ padding:0 10px; width:100%; box-sizing:border-box; }.bar-content:after{ content:''; clear:both; display:block; }.bar-content-left{ width:50%; float:left; padding:0 10px 0 75px; line-height:1.2; border-right:1px solid #231f20; box-sizing: border-box; text-align:right; }.bar-content h3{ font-size: 30px; }.bar-content-right{ width:50%; float:right; padding: 0 75px 0 10px; box-sizing: border-box; }.bar-content p{ line-height:1.4; font-size: 14px; } #lightbox-form{ max-width:420px; padding:15px; }} /** 1024PX **/ @media screen and (min-width:1024px){ .col1-12{ width:8.333333%} .col2-12{ width:16.666667%; } .col3-12{ width:25%; } .col4-12{ width:33.333334%; } .col5-12{ width:41.666667%; } .col6-12{ width:50%; } .col7-12{ width:58.333333%; } .col8-12{ width:66.666667%; } .col9-12{ width:75%; } .col10-12{ width:83.333333%; } .col11-12{ width:91.666667%; } .col12-12{ width:100%; } /** SECTIONS **/ #sections{ min-height:700px; } #inside #sections{ min-height: 100%; position: relative; height: auto; } /** SECTION LEFT **/ #section-left{ height:100%; height:calc(100% - 50px); } #inside #section-left{ height:auto; padding-bottom: 55px; position: relative; } #inside #section-right{ padding-bottom: 55px; } /** HEADER **/ #header-tile{ height:120px; display:block; } #header{ display:block; width:100%; height:100%; background:#231f20; color:#ffffff} #header > .row{ max-width:initial; } #header-left{ width:100px; } #logo a{ display:block; width:100%; height:90px; text-indent:-1000%; } #header-right{ width:calc(100% - 100px); } #mast{ } #strap{ } #strapline{ width:auto; } .fl{ display:inline; width:auto; font-size: 30px; } .cj{ font-size: 30px; margin-left:10px; } #mobile-menu{ display:none; } #mast{ display:table; width:100%; height:100px; box-sizing: border-box; } #mast:after{ content:''; clear:both; display:block; } #strap{ display:table-cell; vertical-align:middle; } #strap h2{ font-size:30px; margin-bottom:0; line-height:1.3; padding-top:0; } #contact{ display:block; text-align:right; width:auto; padding:0px 5px 5px; } #contact p{ margin-bottom:0; font-size:12px; line-height:1.3; } .contact-spacer{ display:none; } #contact a{ display:block; } #menu{ display:block; width:100%; float:left; padding:0 5px; box-sizing: border-box; } #mobile-menu{ display:none; } #nav{ border-top:1px solid #ffffff; padding-top:10px; padding-right:5px; box-sizing:border-box; font-size:0; display:block; position:relative; border:none; padding:0; background-image:none; } #nav.clicked{ height:auto; } #nav ul{ display:block; width:auto; margin-bottom:0; border-bottom:0; text-align:left; } #nav ul li{ width:auto; border-right: 1px solid #ffffff; margin-bottom:0; display: inline-block; } #nav ul li:last-child{ border-right:none; } #nav ul li a{ padding:0 5px; font-size:15px; transition:0.25s; color:#efb959; } #nav ul li a:hover{ color:#ffffff; } #nav ul li:first-child a{ padding:0 5px 0 0; } #nav ul li:last-child a{ padding:0 0 0 5px; } #nav ul li#nav-contact{ border-right: none; } /** HIDDEN **/ #mobile-logo, #close-menu, #section-footer{ display:none; } #section-footer{ display:block; } #section-left-inside{ height:calc(100% - 120px); } /** SLIDESHOW **/ #slideshow-tile{ height:75%; } #slideshow{ height:100%; } .bar-content h3{ font-size: 32px; } /** TESTIMONIAL **/ #testimonial-tile{ height:25%; } #testimonial{ height:100%; box-sizing:border-box; } #testimonial h3{ font-size:15px; margin-bottom:5px; } #testimonial p{ font-size:13px; } /** CALLBACK **/ #callback-tile{ height:25%; } #callback{ height:100%; box-sizing:border-box; } #callback h3{ font-size:15px; margin-bottom:5px; } #callback p{ font-size:13px; } /** SECTION RIGHT INSIDE **/ #section-right{ height:100%; height:calc(100% - 50px); } #inside #section-right{ height:auto; } /** SERVICE INTRO **/ #services-intro-tile{ height: 120px; display: block; } #service-intro{ height:100%; box-sizing:border-box; } #service-intro h1{ font-size:15px; margin-bottom:5px; } #service-intro p{ font-size:13px; margin-bottom:0; } /** SECTION RIGHT INSIDE **/ #section-right-inside{ height:calc(100% - 120px); } #section-right-inside p{ font-size:13px; } /** SERVICE **/ #services-tile{ display:block; height:100%; position:relative; } #services-tile:before{ content:''; display:block; width:100%; border-bottom:10px solid #ffffff; position:absolute; top:-5px; left:0; z-index:999; } #services-tile:after{ content:''; display:block; width:100%; border-top:10px solid #ffffff; position:absolute; bottom:-5px; left:0; z-index:999; } #services{ display:block; height:100%; overflow-y:hidden; } .service-box-wrap{ height: 31%; width:100%; box-sizing:border-box; } .service-box{ height:100%; background:#231f20; color:#ffffff} .service-table{ height:100%; } .service-title{ font-size:15px; margin-bottom:5px; } .service-desc{ font-size:13px; } /** CUSTOM SCROLLBAR **/ #ascrail2000{ right:10px!important; left:initial!important; } #ascrail2000 > div{ border-top:5px solid transparent!important; border-bottom:5px solid transparent!important; box-sizing:border-box!important; } /** INSIDE FOOTER **/ #inside #section-footer{ position: absolute; bottom: 0; left:0; } #footer-tile{ padding:0 10px 10px; padding:5px 5px 10px; } #inside #footer-tile{ padding:0 10px 10px; } /** MAP **/ #map-canvas{ width:100%; height:500px; }} /** 1280PX **/ @media screen and (min-width:1280px){ #sections{ min-height:700px; } /** NAV **/ #nav ul li:first-child a{ padding: 0 10px 0 0; } #nav ul li a{ padding: 0 10px; font-size:15px; } #nav ul li:last-child a{ padding: 0 0 0 10px; } /** SLIDESHOW **/ .bar-content h3{ font-size: 40px; } .bar-content p{ font-size:17px; } .slides-navigation{ bottom: 105px; z-index: 999; margin: 0 auto; position: absolute; z-index: 3; width: 100%; box-sizing: border-box; right: 0; } .slides-navigation a { position: absolute; display: block; padding:10px 20px; text-indent: -9999px; width: 20px; height: 30px; background-size: 20px; background-repeat: no-repeat; background-position: center center; margin-top:-25px; } .slides-navigation a.prev { left: 0; background-image:url(/uploads/assets/img/prev.png); } .slides-navigation a.next { right: 0; background-image:url(/uploads/assets/img/next.png); } /** TESTIMONIAL **/ #testimonial h3{ font-size: 18px; margin-bottom: 10px; } #testimonial p{ font-size:15px; } /** CALLBACK **/ #callback h3{ font-size: 18px; margin-bottom: 10px; } #callback p{ font-size:15px; } /** SERVICES **/ .service-title{ margin-top:60px; font-size: 20px; margin-bottom: 10px; } .service-table:hover .service-title{ margin-top:0px; } .service-desc{ font-size:15px; opacity:0; } .service-table:hover .service-desc{ opacity:1; } .service-bg{ opacity:0; } .service-table:hover .service-bg{ opacity:0.75; } /** MAP **/ #map-canvas{ width:100%; height:800px; }} @media screen and (min-width:1600px; ){ /** STRAPLINE **/ .fl, .cj{ font-size:35px; }/** NAV **/#service-intro h1{ font-size: 18px; margin-bottom:10px; }/** SLIDESHOW **/.bar-content h3{ font-size: 40px; }.bar-content p{ font-size:17px; }/** TESTIMONIAL **/#testimonial h3{ font-size: 18px; margin-bottom: 10px; }/** CALLBACK **/#callback h3{ font-size: 18px; margin-bottom: 10px; }/** SERVICES **/.service-title{ font-size: 30px; }} .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); }} .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; }} .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /** FEATHERLIGHT **/ @media all{ .featherlight{ display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:2147483647; text-align:center; white-space:nowrap; cursor:pointer; background:#333; background:rgba(0,0,0,0)}.featherlight:last-of-type{ background:rgba(0,0,0,.8)}.featherlight:before{ content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em}.featherlight .featherlight-content{ position:relative; text-align:left; vertical-align:middle; display:inline-block; overflow:auto; padding:25px 25px 0; border-bottom:25px solid transparent; margin-left:5%; margin-right:5%; max-height:95%; background:#fff; cursor:auto; white-space:normal}.featherlight .featherlight-inner{ display:block}.featherlight .featherlight-close-icon{ position:absolute; z-index:9999; top:0; right:0; line-height:25px; width:25px; cursor:pointer; text-align:center; font-family:Arial,sans-serif; background:#fff; background:rgba(255,255,255,.3); color:#000}.featherlight .featherlight-image{ width:100%}.featherlight-iframe .featherlight-content{ border-bottom:0; padding:0}.featherlight iframe{ border:0}.featherlight *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}}@media only screen and (max-width:1024px){ .featherlight .featherlight-content{ margin-left:10px; margin-right:10px; max-height:98%; padding:10px 10px 0; border-bottom:10px solid transparent}}
/* Stylesheet: *FINELINES* Modified On 2016-10-14 17:07:34 */