@font-face {font-family: 'Arapey';font-style: normal;font-weight: 400;src: url('https://fonts.gstatic.com/s/arapey/v5/hTZBMDBEmuM7E6AJpWkyGA.woff') format('woff'); font-display: swap;} @font-face {font-family: 'Impact';font-style: normal;font-weight: 400;src: url('../fonts/ImpactRegular.woff') format('woff'); font-display: swap;} @font-face {font-family: 'Lato';font-style: normal;font-weight: 400;src: url('../fonts/Lato-Regular.html') format('woff2'); font-display: swap;} @font-face {font-family: 'Oswald';font-style: normal;font-weight: 400;src: url('../fonts/Oswald-Regular.html') format('woff2'); font-display: swap;} @font-face {font-family: 'Oxygen';font-style: normal;font-weight: 400;src: url('../fonts/Oxygen-regular.woff') format('woff'); font-display: swap;} @font-face {font-family: 'roboto condensed';font-style: normal;font-weight: 400;src: url('https://fonts.gstatic.com/s/robotocondensed/v14/Zd2E9abXLFGSr9G3YK2MsDrvev4WAjW489CRDHIkJ90.woff2') format('woff2'); font-display: swap;} @font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: url('../fonts/RobotoCondensed-Bold.woff') format('woff'); font-display: swap;} @font-face {font-family: 'Roboto-bold';font-style: normal;font-weight: 400;src: url('../fonts/Roboto-regular.woff') format('woff'); font-display: swap;} /* cyrillic */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* vietnamese */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } @font-face {font-family: "Roboto-bold", sans-serif;font-style: normal;font-weight: 700;src: url('../fonts/RobotoCondensed-Bold.woff'); font-display: swap;} body{font-family: Roboto-bold, sans-serif; color: rgb(62, 62, 62); font-size: 13px; font-weight: normal;background: #ffffff;overflow-x:hidden;} /**************************************************/ /* DEFAULT CLASSES /**************************************************/ a,a:active,a:focus{outline:0px;color:inherit;text-decoration:none} a:hover{text-decoration:none;outline:0px;cursor:pointer;color:inherit} ul,ol{list-style:none;padding-left:0px} .section{padding-top:50px} @-ms-viewport{width:auto!important} h1.section-heading{font-size:41.18px;display:block;margin-top:0px;margin-bottom:25px;padding-bottom:15px;border-bottom:2px dotted #cccccc;font-family:'NimbusSansLig',sans-serif} /**************************************************/ /* USEFULL CLASSES /**************************************************/ .padding-0{padding:0px} .padding-left-0{padding-left:0px} .padding-right-0{padding-right:0px} .padding-tb-10{padding-top:10px;padding-bottom:10px} .padding-t-15{padding-top:15px} .mtop-10{margin-top:10px} .mtop-15{margin-top:15px} .mbottom-50{margin-bottom:50px} .margin-no-row{margin-left:0px;margin-right:0px} .margin-tb-10{margin-top:10px;margin-bottom:10px} .margin-tb-15{margin-top:15px;margin-bottom:15px} .margin-tb-20{margin-top:20px;margin-bottom:20px} .margin-t-15-b-5{margin-top:15px;margin-bottom:5px} .white{color:rgb(255,255,255)} .font-size-parent{font-size:inherit !important} .display-inline{display:inline-block} .qoute-left,.qoute-right{font-family:"Georgia",sans-serif;font-size:72px;position:absolute} .qoute-left{top:0px;vertical-align:top;left:0px} .qoute-right{bottom:45px;vertical-align:bottom} @media(max-width:992px){.text-sm-center{text-align:center}.text-sm-left{text-align:left}.margin-b-20-sm{margin-bottom:20px}} @media(max-width:768px){.text-left-xs{text-align:left !important}.text-center-xs{text-align:center !important}.margin-top-xs-10{margin-top:10px}.margin-top-xs-20{margin-top:20px}.margin-top-xs-30{margin-top:30px}} .img-expand{width:100%} h1{font-size:45px} h2{font-size:26px} .display-table{display:table;width:100%} .col-xs-table-cell{display:table-cell;float:none;vertical-align:middle} .paragraph{margin-bottom:15px} @media(max-width:350px){.col-xxs-12{width:100%}} @media(min-width:768px){.vertical-align-no-xs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}} @media(min-width:992px){.vertical-align-no-sm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}} .only-vertical-align{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center} /**************************************************/ /* LOAD MORE BUTTON STYLES /**************************************************/ .load-more{background:#f9f9f9;text-align:center;padding:24px 0} .load-more .action-loadmore{text-transform:uppercase} /**************************************************/ /* BUTTONS /**************************************************/ /***** Button Primary *****/ .btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:active, .btn-primary[disabled]:focus{text-align:center;padding:8px 15px;border-radius:0px;-webkit-border-radius: 0px; -moz-border-radius: 0px; border:0px;background:background: rgb(201, 160, 67);background: -moz-linear-gradient(top, rgb(201, 160, 67) 0%, rgb(201, 160, 67) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(201, 160, 67)), color-stop(100%,rgb(201, 160, 67)));background: -webkit-linear-gradient(top, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);background: -o-linear-gradient(top, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);background: -ms-linear-gradient(top, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);background: linear-gradient(to bottom, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9a043', endColorstr='#c9a043',GradientType=0 );;font-family: Roboto, sans-serif; color: rgb(255, 255, 255); font-size: 16px; font-weight: normal; text-shadow: 0px 0px 0px rgba(0,0,0,0.36);display: inline-block;} .btn-primary.expand{display:block;width:100%} @media(max-width:768px){.btn-primary.expand-xs{display:block;width:100%}} .btn-primary.uppercase{text-transform:uppercase} .btn-primary.btn-inline-block{display:inline-block} .btn-primary:hover,.btn-primary:focus,.btn-primary:active{color:#fff} .btn-primary>i{padding-left:10px;line-height:0.4em} /***** Button Link *****/ .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover{text-decoration:none;color: rgb(255, 255, 255);font-size:inherit;} /***** Button Primary *****/ /* in case the design need to different buttons */ .btn-secondary{font-size:16px} .btn-secondary.light{font-weight:300} .btn-secondary.colour-primary{color:#E88927} .btn-secondary.blue{font-size:15px;color:#1b448e} .btn-secondary.black.light{font-size:13px;color:#494949} .btn-secondary.green:hover{color:#008f8d} .btn-secondary.blue:hover{color:#1b448e} /***** Button Testimonials *****/ .btn-testimonials{font-size:17px;color:#FFF;text-align:center;padding:5px 15px;border:1px solid #FFF;background:transparent none repeat scroll 0% 0%} /***** Buttons Rollover Effects *****/ .opacity-rollover{opacity:1;transition:opacity .3s linear 0s;-webkit-transition:opacity .3s linear 0s;-moz-transition:opacity .3s linear 0s} .opacity-rollover:hover{opacity:.5;-webkit-opacity:.5;-moz-opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"} .btn-fadeout-underline{position:relative;display:inline-block} .btn-fadeout-underline:after{background-color: rgb(255, 255, 255);content: " ";display: block;height: 1px;transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;width: 100%;} .btn-fadeout-underline:hover:after{transform:scale(0)} .btn-inline-block{display:inline-block} /**************************************************/ /* MODAL STYLES /**************************************************/ body:not(.backdrop) .modal-backdrop{bottom:0;position:fixed;z-index:1040;opacity:0.4;display:none} body:not(.backdrop) .modal-backdrop>.fa{position:fixed;top:50%;left:50%;margin-top:-50px;margin-left:-50px;color:white} body:not(.backdrop) .modal-backdrop.fade.in{background:none repeat scroll 0% 0% rgba(0,0,0,0.7)} .backdrop .modal-backdrop{bottom:0;position:fixed;z-index:1039;opacity:0.4} .modal-dialog{margin:5% auto} .btn.btn-primary.btn-lg{text-align:center;padding:5px 15px;background-color:background: rgb(201, 160, 67);background: -moz-linear-gradient(top, rgb(201, 160, 67) 0%, rgb(201, 160, 67) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(201, 160, 67)), color-stop(100%,rgb(201, 160, 67)));background: -webkit-linear-gradient(top, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);background: -o-linear-gradient(top, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);background: -ms-linear-gradient(top, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);background: linear-gradient(to bottom, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9a043', endColorstr='#c9a043',GradientType=0 );;font-family: Roboto, sans-serif; color: rgb(255, 255, 255); font-size: 16px; font-weight: normal; text-shadow: 0px 0px 0px rgba(0,0,0,0.36);border-radius:3px;border:0px;} .bootstrap-dialog-header{font-size:20px;font-weight:700} .bootstrap-dialog-message{font-size:17px} /********* DOWNLOADS MODAL FORM *********/ #download-form .modal-dialog{width:100%;max-width:380px} #download-form .modal-content{border-radius:0} #download-form .modal-header{border-bottom:none} #download-form .modal-body>.modal-header button.close{font-size:40px} #download-form .modal-body>.modal-body button.close{font-size:40px;position:absolute;right:0px;top:0px;line-height:30px} #download-form .modal-header h2{font-size:28px;display:inline-block;color:#474749;font-family:'NimbusSansLig',sans-serif;line-height:1em;width:85%;width:calc(100% - 40px);width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px)} /**************************************************/ /* COOKIES BAR /**************************************************/ #cookieinfo{background-color:rgb(201, 160, 67);} .cookie-text, .cookie-text a{color: rgb(255, 255, 255)!important; font-size: 16px!important; font-weight: normal;margin: 10px 0;} .cookie-close{text-align:right;} .cookie-close > i{color: rgb(255, 255, 255)!important; font-size: 16px!important; font-weight: normal;font-family:FontAwesome !important;} /**************************************************/ /* MEGAMENU GENERAL STYLES /**************************************************/ .nav>li>a:focus,.nav>li>a:hover,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:active,.navbar-inverse .navbar-nav>.active>a:hover{background:none} /**************************************************/ /* GOOGLE TRANSLATOR DROPDOWN STYLES /**************************************************/ /* select country websites */ /* Tablet, Desktop + Only */ #google_translate_element {position: absolute;top: 10px;font-size: 8px !important;background: #ffffff; /* Background Colour */border-radius: 4px;list-style: outside none none !important;text-decoration: none !important;left: 40px;} #google_translate_element .goog-te-gadget-simple{border:medium none;border-radius:4px;padding:4px 8px !important;font-size:12px} #google_translate_element img{display:none !important} #google_translate_element .goog-te-gadget-simple .goog-te-menu-value>span ~ span{border:none !important} #google_translate_element .goog-te-gadget-simple .goog-te-menu-value>span:last-child{color:transparent !important} @media (max-width:768px) {#google_translate_element{margin:0px;position:relative;display:block;left:0px;top:0px;border-radius:0px}#google_translate_element .goog-te-gadget-simple{display:block;border-radius:0px;padding-top:10px !important;padding-bottom:10px !important;border-top:1px solid #666;border-bottom:1px solid #000;background:#444}#google_translate_element .goog-te-gadget-simple .goog-te-menu-value > span:first-child{font-family: Oxygen,sans-serif!important; color: rgb(243, 243, 243)!important; font-size: 15px!important; font-weight: normal;}#google_translate_element .goog-te-gadget-simple .goog-te-menu-value > span:last-child:before{font-family: Oxygen,sans-serif!important; color: rgb(243, 243, 243)!important; font-size: 15px!important; font-weight: normal;}}#google_translate_element .goog-te-gadget-simple .goog-te-menu-value>span:last-child:before{font-family:"FontAwesome" !important;content:"\f0d7";padding-left:5px;margin-right:-10px;font-size:14px !important;color:#000} /**************************************************/ /* FORM BLOCK STYLES /**************************************************/ .form-block-title{border-bottom:none;font-size:22px;font-family:'Open Sans',sans-serif;padding-bottom:5px;color:#3c3c3c;padding-bottom:25px} .form-block-message{font-size:16px;padding-top:15px;padding-bottom:15px} /**************************************************/ /* CUSTOM SELECT STYLE /**************************************************/ .select-box{height: 35px;border: 2px solid rgb(239, 239, 239);width: 100%;background-color: rgb(239, 239, 239);overflow: hidden;position:relative;} .select-box>select{height:35px;padding:0 5px;width:100%;font-size:16px;line-height:1;border:none;box-shadow:none;background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#333} .select-box>select:hover{cursor:pointer} .select-box::after{content:"\f107";position:absolute;right:10px;line-height:35px;font-family:FontAwesome;top:0px;pointer-events:none} .select-box.form-error{border:1px solid rgb(221, 0, 0) !important;background-color:rgb(255, 170, 170) !important;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(221, 0, 0, 0.4) !important;} /**************************************************/ /* ------------ FORMS STYLES --------------------- /**************************************************/ #form-callback-footer.form input,#form-callback.form input{border:none !important;background-color:#fff !important;color:#404040;padding:0 5px} #form-callback-footer.form textarea,#form-callback.form textarea{border:none !important;background-color:#fff !important;color:#404040;padding:0 5px;height:100px} #form-callback.form label{font-size:14px;font-weight:400} /************** General style from labels and inputs *****************/ input,textarea{height:30px} input:focus,textarea:focus,.select-box>select:focus,textarea.form-control:focus,input.form-control:focus{box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 7px rgba(150,150,150,.6);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 7px rgba(150,150,150,.6);outline:0 none} .form label{font-size:16px;font-weight:400} .form .form-label{width:100%} .form input{height:35px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;border:1px solid rgb(239, 239, 239);background:rgb(239, 239, 239);padding:0 5px;width:100%;line-height:35px;color:#404040;} /************** Custom checkbox *****************/ input[type=checkbox].check-control{display:none} input[type=checkbox].check-control+label:before{font-family:FontAwesome;font-size:20px;display:inline-block;vertical-align:middle} .form input[type=checkbox].check-control+label:before{content:"\f0c8";color:#ccc} .form input[type=checkbox].check-control+label:before{letter-spacing:6px} .form input[type=checkbox].check-control:checked + label:before { content: "\f14a"; color: rgb(255, 255, 255); } /* checked icon */ .form input[type=checkbox] + label{ margin: 10px 0; } .form input[type=checkbox].check-control.form-error + label:before { content: "\f0c8"; color: rgb(221, 0, 0); } /* checked icon */ .form input[type=checkbox].check-control.form-error:checked + label:before { content: "\f14a"; color: rgb(255, 255, 255); } /* checked icon */ /***************** Radio button Styles *********************/ input[type=radio].radio-control{display:none} input[type=radio].radio-control+label:before{font-family:FontAwesome;font-size:20px;display:inline-block;vertical-align:middle} .form input[type=radio].radio-control+label:before{content:"\f10c";color:#ccc} .form input[type=radio].radio-control+label:before{letter-spacing:6px} .form input[type=radio].radio-control:checked + label:before { content: "\f058"; color: rgb(255, 255, 255); } /* checked icon */ .form input[type=radio] + label{ margin: 10px 10px 10px 0; } .form input[type=radio].radio-control.form-error + label:before { content: "\f10c"; color: rgb(221, 0, 0); } /* checked icon */ .form input[type=radio].radio-control.form-error:checked + label:before { content: "\f058"; color: rgb(255, 255, 255); } /* checked icon */ /************** Captcha styles *****************/ .form input.field-verification{width:calc(100% - 140px);width:-moz-calc(100% - 140px);width:-webkit-calc(100% - 140px)} /************** Textarea styles *****************/ .form textarea{border:1px solid rgb(239, 239, 239);background:rgb(239, 239, 239);padding:5px;width:100%;height:125px;color:#000000;} /************** Upload file styles *****************/ .form input[type=file]{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1} .form input[type=file] + label {font-size: 1.25em;font-weight: 700;color: white;background-color: rgb(255, 255, 255);padding: 5px 15px;text-align: center;display: block;} .form input[type=file]+label{cursor:pointer} .form input[type=file]:focus+label{outline:-webkit-focus-ring-color auto 5px} .form input[type=file]+label *{pointer-events:none} /************** ERROR styles *****************/ #form-callback-footer.form input.form-error, #form-callback.form input.form-error, #form-contact.form input.form-error, #form-blog.form input.form-error, #form-squeeze.form input.form-error, .form textarea.form-error{border:1px solid rgb(221, 0, 0) !important;background-color:rgb(255, 170, 170) !important;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(221, 0, 0, 0.4) !important;} .form .form_success{border:1px solid #5CB85C !important;} .form .error-message{color:rgb(221, 0, 0);font-size:17px;font-weight:300;text-align:right;margin-bottom: 10px;width:100%;float:right;} #form-blog.form .error-message{margin-top: 0px;} #form-callback-footer.form .error-message, #form-callback.form .error-message{color:rgb(255, 255, 255) !important;margin-top: 0px;} .span-required{color:rgb(201, 160, 67);} .required-fields{font-weight:300;font-size:17px;} /**************************************************/ /* HOMEPAGE BANNER /**************************************************/ /* CUSTOM CAROUSEL LAZZYLOAD */ #homepage-carousel{background:rgba(0,0,0,0.23)} #homepage-carousel .image>a>img{width:100%} #homepage-carousel .carouselimage{background-size:cover !important;background-position:center center !important} #homepage-carousel .carouselimage.imagelarge{height:600px} #homepage-carousel .carouselimage.imagemedium,#homepage-carousel .carouselimage.imagesmall,#homepage-carousel .carouselimage.imageextrasmall{width:100%} #homepage-carousel .carouselimage.imagemedium,#homepage-carousel .carouselimage.imagesmall,#homepage-carousel .carouselimage.imageextrasmall{display:none} #homepage-carousel .carouselimage.imagelarge{display:block} @media(max-width:1200px){#homepage-carousel .carouselimage.imagelarge,#homepage-carousel .carouselimage.imagesmall,#homepage-carousel .carouselimage.imageextrasmall{display:none} #homepage-carousel .carouselimage.imagemedium{display:block} #homepage-carousel .carouselimage{background:none}} @media(max-width:750px){#homepage-carousel .carouselimage.imagelarge,#homepage-carousel .carouselimage.imagemedium,#homepage-carousel .carouselimage.imageextrasmall{display:none} #homepage-carousel .carouselimage.imagesmall{display:block}} @media(max-width:450px){#homepage-carousel .carouselimage.imagelarge,#homepage-carousel .carouselimage.imagemedium,#homepage-carousel .carouselimage.imagesmall{display:none !important} #homepage-carousel .carouselimage.imageextrasmall{display:block !important}} /* END CUSTOM CAROUSEL STYLES */ .slider-size{height:600px} .carousel{width:100%} .carousel-caption h3 {font-family: Oxygen,sans-serif; color: rgb(255, 255, 255); font-size: 38px; font-weight: normal;} .carousel-caption p{margin-bottom:20px;font-size:21px;line-height:1.4;padding-bottom:15px} a.btn-carousel{background:none;color:#fff;font-size:16px;border:1px solid #fff;margin:0px;padding:10px;text-decoration:none;text-shadow:none} .carousel-indicators{bottom:20px} .slider-size{height:485px} .carousel-caption{bottom:70px;z-index:1} .carousel .item{background-color:#777} .carousel-inner>.item>img{top:0;left:0;min-width:100%} .carousel-control{top:225px;top:calc(50% - 20px);top:-webkit-calc(50% - 20px);top:-moz-calc(50% - 20px);bottom:auto;text-shadow:none;opacity:0.3;z-index:9} .left.carousel-control{background:none} .right.carousel-control{background:none} /* REMOVED CSS .carousel-fade .carousel-inner .item{-webkit-transition:opacity ease-in-out 0!important;-moz-transition:opacity ease-in-out 0s!important;-o-transition:opacity ease-in-out 0s!important;transition:opacity ease-in-out 0s!important} .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1} .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1} .carousel-fade .carousel-control{z-index:2}*/ /* REMOVED CSS Removing the conflict between the bootstrap carousel (backface-visibility: hidden + transform:translate3d(0,0,0)) and the testimonial section (background-attachment: fixed) @media not all,(-webkit-transform-3d){.carousel-inner>.item{transition:display 1500ms linear 0s;overflow:hidden;-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-perspective:1000;perspective:1000} .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate(0,0);transform:translate(0,0)}}*/ /**************************************************/ /* HOMEPAGE CONTENT /**************************************************/ .welcome{padding-top:30px;padding-bottom:30px;color:#404040} .welcome ~ .welcome {padding-top:0px;} .welcome p{font-size:16px;margin-bottom:10px} .welcome ul{list-style:disc;margin-left:15px} .welcome ul li{font-size:16px;} .welcome h2{margin-top:0px;margin-bottom:15px} .welcome .btn-primary{margin-top:8px} h3{margin-top:0;} /**************************************************/ /* HOMEPAGE FEATURED PRODUCTS SLIDER /**************************************************/ #featured-products{background-color:rgb(232, 236, 245);} #featured-products .heading{font-size:22px;margin-top:15px} #featured-products .heading+.heading{color:#e88927} .featured-item{padding:25px;background-color:#fff} .featured-item .product-name{padding:10px 0;text-align:left} .featured-item .product-link>a{padding:5px 15px} .featured-item .product-img{overflow:hidden} .featured-item .product-img img{transform:scaleY(1);opacity:1;transition:all .7s ease-in-out} .featured-item .product-img:hover img{transform:scale(1.3)} /*********************************************** * OWL CAROUSEL START ***********************************************/ .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;z-index:1;padding:30px 0px 50px} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .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(0px,0px,0px)} .owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{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-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel .owl-refresh .owl-item{display:none} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-item .item{text-align:center} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto} .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-item .item .img-link{text-align:center;height:178px;display:block;position:relative} .owl-item .item .img-link>img{max-height:178px;max-width:100%} .no-js .owl-carousel{display:block} .owl-nav-container{position:relative;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none} .owl-prev{font-size:78px;width:30px;height:70px;line-height:70px;position:absolute;left:0;top:211px;top:-webkit-calc(50% - 35px);top:-moz-calc(50% - 35px);top:calc(50% - 35px);cursor:pointer;color:#fff;z-index:2;opacity:1;background-color:#fff;transition:opacity 0.3s,background-color 0.6s;-webkit-transition:opacity 0.3s,color 0.6s;text-align:left;text-indent:-1px} .owl-next{font-size:78px;width:30px;height:70px;line-height:70px;position:absolute;right:0;top:211px;top:calc(50% - 35px);top:-webkit-calc(50% - 35px);top:-moz-calc(50% - 35px);cursor:pointer;color:#fff;z-index:2;opacity:1;background-color:#fff;transition:opacity 0.3s,background-color 0.6s;-webkit-transition:opacity 0.3s,color 0.6s;text-align:right;text-indent:1px} .owl-next,.owl-prev{color:rgb(37,37,37);text-align:center;height:35px;width:35px;font-size:30px;line-height:35px;border:1px solid #CCC;border-radius:50%} .owl-next:hover,.owl-prev:hover{opacity:.5;background-color:#ccc;cursor:pointer} .owl-next>.fa,.owl-prev>.fa{display:inline-block} .owl-controls{width:calc(100% - 120px);width:-webkit-calc(100% - 120px);width:-moz-calc(100% - 120px);text-align:right;position:absolute;top:5%;right:0;display:none} @media(min-width:450px){.owl-controls{display:block}} @media(min-width:768px){.owl-controls{text-align:right;width:100%;position:static;top:0%;left:0}} .owl-dot{display:inline-block;margin:0 4px} .owl-dot span{width:15px;height:15px;background-color:#C4D7E6;display:block;border-radius:50%} .owl-dot.active span{background-color:#2662A4} /**************************************************/ /* TESTIMONIAL /**************************************************/ #testimonials-sec{width:100%;display:table;height:440px;color:#fff;padding:30px 0px;background-size:cover;background-attachment:fixed;background-position:50% 0px;background-repeat:no-repeat} .vertical-wrapper{height:100%;display:table-cell;vertical-align:middle} .testimonial-quote{font-size:22px} .testimonial-quote+p{font-size:14px;margin:30px 0} .btn-testimonial{padding:10px 0 20px} /*********************************************** * QUICK CALLBACK, QUICK SOCIAL START ***********************************************/ .fixed-container{position:fixed;right:0;transition:width linear 0.3s,top linear 0.2s;z-index:1} .fixed-container .fixed-container-opener{float:left;width:40px;cursor:pointer;color:#fff;font-size:18px;line-height:36px;text-align:center;transform:translate(0px,0px);z-index:16} .fixed-container .fixed-container-content {position: absolute;left: 40px;padding: 15px;background-color: rgb(33, 49, 67);-webkit-box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.75);-moz-box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.75);box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.75);z-index: 1000;} .fixed-container .fixed-container-content label {color:#fff} #callback .fixed-container-opener {background-color:background: rgb(201, 160, 67);background: -moz-linear-gradient(top, rgb(201, 160, 67) 0%, rgb(201, 160, 67) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(201, 160, 67)), color-stop(100%,rgb(201, 160, 67)));background: -webkit-linear-gradient(top, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);background: -o-linear-gradient(top, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);background: -ms-linear-gradient(top, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);background: linear-gradient(to bottom, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9a043', endColorstr='#c9a043',GradientType=0 );;font-family: Roboto, sans-serif; color: rgb(255, 255, 255); font-size: 16px; font-weight: normal; text-shadow: 0px 0px 0px rgba(0,0,0,0.36);;border-top-left-radius: 3px;border-bottom-left-radius: 3px;} #callback .fixed-container-opener>span{transform:rotate(270deg);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);display:block;height:220px;width:220px} #callback .fixed-container-content{width:341px} #callback .fixed-container-content .callback-tooltip{width:29px;height:29px;background-color:#000;font-size:23px} #callback .fixed-container-content .submit-enquiry{width:50%;height:25px;background-color:#dd4646} #callback .callback-thanks{position:absolute;right:0;top:0;height:100%;padding:15px;background-color:#000;opacity:0.9} #callback .callback-thanks h1{font-size:36px;color:#000;text-align:center} #callback .callback-thanks p{text-align:center} /**************************************************/ /* FOOTER /**************************************************/ .googlemap{background:rgb(33, 49, 67);color:#fff;padding-top: 30px;padding-bottom: 30px;} .googlemap #map_canvas{height:275px} .googlemap h3{font-size:22px;margin-bottom:25px;margin-top:0px} .adr{margin-bottom:20px} .adr>span{display:block} .vcard{font-size:15px} .vcard>.contact>span{color:#5994c3;display:inline-block;width:60px} .vcard>.opening-hours{font-weight:700;color:#e88927} .vcard p:first-child{margin-bottom:0px} .vcard .url.fn.org{font-weight:700} .vcard p:not(.adr)>i{margin-right:5px} /**************************************************/ /* COPYRIGHT /**************************************************/ #copyright{margin:0px} .copyright-text>p{font-size:14px;color:#a5a5a5;margin-bottom:0px} .ecommerce-by>p{font-size:14px;color:#a5a5a5;margin-bottom:0px} @media (max-width:768px){.ecommerce-by>p{float:left;margin-top:15px} #copyright{margin:15px 0 0}} /**************************************************/ /* QUICKLINKS /*************************************************/ #quicklinks-container{background:rgb(33, 49, 67);color: #fff;} .quicklinks_list{list-style:none} .quicklinks_list .header{font-size:16px;margin-top:20px;margin-bottom:15px;min-height:26px} .quicklinks_list li{line-height:26px} .quicklinks_list li a{color: rgb(255, 255, 255); font-size: 14px; font-weight: normal;} .quicklinks_list li a:hover{color:rgb(255, 255, 255);} .quicklinks_list .address{line-height: 18px} /**************************************************/ /* FOOTER /**************************************************/ #footer{padding: 25px 0;background:rgb(33, 49, 67);color:#fff;} #footer>p{font-size:14px;color:#a5a5a5;margin-bottom:0px} .ecommerce-by>p{font-size:14px;color:#a5a5a5;margin-bottom:0px} @media (max-width:768px){.ecommerce-by>p{float:left;margin-top:15px}} #social-media-links .nav-pills>li>a{color:#c9c9c9;padding:10px} #social-media-links .nav>li>a:hover,#social-media-links .nav>li>a:focus{background:none} @media (max-width:386px){.social-media-item>i{font-size:2.5em}} /**************************************************/ /* ----------------- FOOTER 3 --------------------- /**************************************************/ .footer03>#subscribe-container{padding-top:15px;padding-bottom:15px;background-color:#f2f2f2;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s} .footer03>#subscribe-container.collapsein{background-color:#d8d8d8} .footer03>#subscribe-container a.btn-primary[data-toggle=collapse]{background-color:#474749;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s} .footer03>#subscribe-container a.btn-primary[data-toggle=collapse].collapsein{border:2px solid #fff;background:#d8d8d8} .footer03>#subscribe-container+.collapse.in,.footer03>#subscribe-container+.collapsing{padding-top:20px;padding-bottom:20px;background-color:#d8d8d8} .footer03>#quicklinks-container{background-color:#f2f2f2;color:#64676b} @media(max-width:350px){.footer03 .quicklinks-col{height:auto !important} .footer03 .quicklinks_list .header{min-height:auto !important}} .footer03 .quicklinks_list li a{color:#64676b} .footer03 #footer{font-size:14px;background-color:#474749} .footer03 #footer .copyright-links{padding-bottom:25px} .footer03 #footer .copyright-text{color:#979797;font-size:12px} @media (min-width:650px){.footer03>.collapse .form-group,.footer03>.collapsing .form-group{width:50%;float:left} .footer03>.collapse label,.footer03>.collapsing label,.footer03>.collapse .form-group:not(.verification) .flabel,.footer03>.collapsing .form-group:not(.verification) .flabel{width:100%;float:left;padding:0 2px} .footer03>.collapse input:not(.field-verification),.footer03>.collapsing input:not(.field-verification),.footer03>.collapse select,.footer03>.collapsing select,.footer03>.collapse .select-box,.footer03>.collapsing .select-box,.footer03>.collapse .fver,.footer03>.collapsing .fver{width:100%;float:left} .footer03>.collapse .form-group.verification{width:52.63%} /*.footer03>.collapse label,.footer03>.collapsing label,.footer03>.collapse .flabel,.footer03>.collapsing .flabel{width:15%;float:left;text-align:right;padding:0 10px} .footer03>.collapse input,.footer03>.collapsing input,.footer03>.collapse select,.footer03>.collapsing select,.footer03>.collapse .select-box,.footer03>.collapsing .select-box,.footer03>.collapse .fver,.footer03>.collapsing .fver{width:35%;float:left;margin-bottom:10px} .footer03>.collapse .flabel label,.footer03>.collapsing .flabel label{width:100%;padding:0} .footer03>.collapse .fver input,.footer03>.collapsing .fver input{width:calc(100% - 140px);width:-moz-calc(100% - 140px);width:-webkit-calc(100% - 140px);padding-left:0px} .footer03 .fver{padding-left:0px} */} /**************************************************/ /* CONTACT US CONTENT /**************************************************/ #contact-sec{padding-bottom:50px} #contact-sec .contact-content{height:100%} #contact-sec .contact-desc>p{font-size:16px;margin-bottom:40px} @media (max-width:768px){.contact-form{margin-top:40px}} @media(max-width:992px){#company-details img{margin-bottom:40px}} #company-details{margin-top:20px;font-size:16px;color:#252525} #company-details>p{margin:5px 0px;line-height:20px;font-weight:300;font-size:17px} #company-details>p.name{font-weight:700;margin:0px;font-size:17px;line-height:30px} #company-details>p.phone>a{color:#252525} #company-details>p.phone{margin:25px 0} #company-details>p>a.email{color:#252525;text-decoration:none} #company-details>p>a.email:hover,#company-details>p.phone>a:hover{color:#252525;text-decoration:underline} #company-details>p>a.email>i{color:#252525;padding-right:5px} #company-details>p.phone>a>i{color:#252525;padding-right:5px} .contact-inputs{margin:5px 0px 15px} textarea.contact-inputs{resize:none} .g-recaptcha{margin:5px 0px 15px} #thankyou-message,#thankyou-message-2,#thankyou-message-3{display:none} #thankyou-message>div>h2{font-size:50px;line-height:62px;text-align:center} #thankyou-message>div>p{font-size:18px;line-height:25px;text-align:center} /**************************************************/ /* GOOGLE MAPS CONTACT /**************************************************/ #map_canvas,#map_canvas2{height:400px} /**************************************************/ /* -------------- CONTENT PAGES ------------------ /**************************************************/ #content-page-content{padding-top:30px;padding-bottom:30px} #content-page-content a{color: rgb(255, 255, 255);} #content-page-content a:hover{text-decoration:underline} #content-page-content h2{font-size:26px;margin-bottom:20px;font-weight:400} #content-page-content h3{font-size:20px;margin-bottom:20px;font-weight:400} #content-page-content h4{font-size:18px;margin-bottom:20px;margin-top:20px;font-weight:400} #content-page-content ul{font-size:14px;padding:15px} #content-page-content ol{list-style-type:decimal;padding-left:0px;margin-left:1.15em} #content-page-content ol>li{padding-left:5px;color:#a1a1a1} #content-page-content ol>li>span{color:#2f2f2f;font-weight:300} #content-page-content img{margin-bottom:38px} @media (max-width:768px){#content-page-content img:first-child{margin-top:38px}} /**************************************************/ /* -------------- BLOG LIST PAGE ----------------- /**************************************************/ .leftmenu{border:none;border-radius:0px;box-shadow:none;transition:box-shadow 0.3s ease 0s;margin-bottom:50px} .leftmenu:hover{box-shadow:0px 0px 5px rgba(0,0,0,0.2)} .leftmenu .headline{border-bottom:medium none;padding:15px;transition:background-color 0.5s ease 0s;position:relative;border-radius:0px} .leftmenu .headline:hover{background-color:#EFEFEF} .leftmenu .headline>.panel-title>i{position:absolute;right:15px;left:auto;font-size:25px;display:none;line-height:0.7;width:96%;height:100%;text-align:right;display:none} .leftmenu .headline>.panel-title>i:hover{cursor:pointer} .blogcategory-list{padding:0px} @media(max-width:992px){.leftmenu .headline>.panel-title>i{display:inline-block}.blogcategory-list{display:none}} @media(min-width:993px){.blogcategory-list{display:block !important}} .blogcategory-list>a{display:block;background-color:transparent;transition:background-color 0.3s ease 0s;padding:13px} .blogcategory-list>a>i{padding-right:10px} .blogcategory-list>a:hover{background-color:#EFEFEF} .blogcategory-list>a.active{background-color:#EFEFEF} #blog-categories{margin-top:-80px} #blog-categories .owl-next,#blog-categories .owl-prev{color:#fffff;text-align:center;height:35px;width:35px;font-size:30px;line-height:30px;border-radius:50%} #blog-categories .owl-next:hover,#blog-categories .owl-prev:hover{cursor:pointer;opacity:1;background:#fff} #blog-categories .item{position:relative;float:left;width:100%;height:100%} #blog-categories .item .overlay{position:absolute;top:0px;left:0px;padding:40px;width:100%;height:100%} #blog-categories .item .overlay:before{content:"";position:absolute;top:0px;left:0px;bottom:0px;width:100%;height:100%;background:rgba(0,0,0,0.15) none repeat scroll 0% 0%;box-shadow:0px 0px 150px 0px rgba(0,0,0,0.3) inset;transition:all 0.2s ease-in 0s} #blog-categories .item:hover .overlay:before{background:transparent none repeat scroll 0% 0%;transition:all 0.2s ease-in 0s} #blog-categories .item .overlay .description{position:relative;z-index:100;height:100%;width:100%;display:block} #blog-categories .item .overlay .description span{top:60%;position:absolute;left:0px;font-size:26px;margin-top:20px;margin-bottom:10px} #blog-categories .item .bc-image{display:block;height:320px;width:100%;float:left;background-size:cover;background-position:50% center} #blog-list{padding:50px 0 0} .blog-list-row{} .blog-list-row h2.blog-list-title{font-size:26px;font-weight:300;margin-top:0px} .blog-list-row h3.blog-list-author{font-size:14px;margin:20px 0;color:#a0a0a0} .blog-list-row h3.blog-list-author .blogcategory{color:rgb(255, 255, 255);} .blog-list-row div.short-content{font-size:16px} .blog-list-row .blog-list-continue{font-size:16px;color:#2698ab} .load-more-blogs{padding-bottom:50px} #blogs-categories{margin-bottom:30px} #blogs-list .blog-item img{margin-bottom:15px} #blogs-list .blog-item h3.blog-list-author{font-size:18px;margin:20px 0 30px} /**************************************************/ /* ------------- BLOG ENTRY PAGE ----------------- /**************************************************/ #blog-content-sec{padding-bottom:50px} #blog-entry{padding:30px 0} .blog-entry-content p{font-size:16px;margin:10px 0} .blog-entry-content h2{font-size:26px;font-weight:300} .blog-entry-content img{margin:20px 0} .blog-social-buttons a{display:inline-block;text-align:center;margin-right:0px;color:#fff;font-size:17px;padding:5px 15px 5px 10px;transition:background-color 0.3s linear 0s} @media(min-width:992px){.blog-social-buttons a{margin-right:15px}} .blog-social-buttons a.fb{background-color:#4185b9} .blog-social-buttons a.tw{background-color:#00c8ff} .blog-social-buttons a.gl{background-color:#e05f37} .blog-social-buttons a.fb:hover{border:4px solid #4185b9;color:#4185b9} .blog-social-buttons a.tw:hover{border:4px solid #00c8ff;color:#00c8ff} .blog-social-buttons a.gl:hover{border:4px solid #e05f37;color:#e05f37} .blog-social-buttons a.fb:hover i{color:#4185b9} .blog-social-buttons a.tw:hover i{color:#00c8ff} .blog-social-buttons a.gl:hover i{color:#e05f37} .blog-social-buttons a i{color:#fff;text-align:left;padding-right:15px;font-size:22px;line-height:17px;transition:color 0.3s linear 0s} .blog-social-buttons a:hover{background-color:transparent;padding:1px 15px} /**************************************************/ /* BLOG SIDE NAVIGATOR /**************************************************/ #blog-content-sec .blog-contact-title{border-bottom:1px solid #d1d1d1;font-size:26px;padding-bottom:5px} #blog-content-sec .blog-contact-message{font-size:16px;padding-top:15px;padding-bottom:15px} .blog-list-headline{font-size:26px;font-weight:300;padding-bottom:5px;border-bottom:4px solid #ebebeb} .blog-side-navigator-list{padding:30px 0} .blog-list li{display:block;padding:10px 0;border-bottom:1px solid #ececec;opacity:1;transition:opacity 0.3s linear 0s} .blog-list li>a{font-size:17px;font-weight:300;color:#2f2f2f} .blog-list li:hover{background-color:#ebebeb;opacity:.5} /**************************************************/ /* CATEGORY PRODUCTS /**************************************************/ #category-products{padding-bottom:50px} .categories-box{margin-bottom:30px} .categories-box>.headline{font-size:20px;color:#acacac;margin-bottom:15px} .categories-container{border: 1px solid rgb(204, 204, 204);padding-top: 20px;padding-bottom: 20px;float: left;width: 100%;transition: box-shadow 0.2s linear 0s;} .categories-container:hover{box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5)} .categories-container .subcat>i{margin-right:5px} /* WIDTH FACETS */ .navigation{margin-bottom:50px} .navigation>.headline{font-size:20px;color:#acacac;margin-bottom:15px} .filters.navigation>.headline{margin-bottom:0px} .filters.navigation>.clearfilters{margin-bottom:15px} .subcategories>.subcat>i{margin-right:5px} .filter{margin-bottom:10px} .filter .filter-header{font-weight:700;margin-bottom:5px} .filter .filter-header:hover{cursor:pointer} .filter .filter-header>i{margin-right:15px} /* Checkbox Styling */ input[type=checkbox].square-check + label{ font-weight:400; font-size:16px; } input[type=checkbox].square-check + label:before { content: '\f00c'; color: transparent; width:15px; height:15px; font-size: 13px; line-height: 14px; border:1px solid #000; margin-right: 10px; display: inline-block;} /* unchecked icon */ input[type=checkbox].square-check + label:before { /*letter-spacing: 6px;*/ } /* space between checkbox and label */ input[type=checkbox].square-check{ visibility: hidden; display:none; } input[type=checkbox].square-check:checked + label:before { content: "\f00c"; font-family: 'FontAwesome'; color: rgb(255, 255, 255); font-size: 13px; line-height: 14px; display: inline-block;} /* checked icon */ input[type=checkbox].square-check:checked + label:before { /*letter-spacing: 5px;*/ } /* allow space for check mark */ /* PRODUCT LIST */ .categoryproduct-item{margin-bottom:30px;} .product-container{border: 1px solid rgb(204, 204, 204);padding:25px;} .product-container>div{width:100%} .product-container>.product-name{margin:10px 0;height:45px} .product-container>.product-link>a{padding:5px 10px} .product-container>.product-link>a>i{padding-left:5px} .categoryproduct-item .product-container{-webkit-box-shadow:0px;-moz-box-shadow:0px;box-shadow:0px;-webkit-transform:perspective(1000px) translate3d(0,0,0);-moz-transform:perspective(1000px) translate3d(0,0,0);transform:perspective(1000px) translate3d(0,0,0);transition:box-shadow .2s linear 0s,transform 0.35s;-webkit-transition:box-shadow .2s linear 0s,-webkit-transform 0.35s;-moz-transition:box-shadow .2s linear 0s,-moz-transform 0.35s} .categoryproduct-item .product-container:hover{-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5);box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5);-webkit-transform:perspective(1000px) translate3d(0,0,21px);-moz-transform:perspective(1000px) translate3d(0,0,21px);transform:perspective(1000px) translate3d(0,0,21px)} .load-more-products{padding-bottom:30px} #category-content h2{margin-top:0px} #category-content a{color: rgb(255, 255, 255);} #category-content a:hover{text-decoration:underline;} /**************************************************/ /* -------------- PRODUCT DETAILS ---------------- /**************************************************/ #product-details{padding-top:30px;padding-bottom:30px} #product-title h1.product-detail-name{margin-top:0px} #product-title .product-detail-sku{font-size:16px;text-transform:uppercase} #product-enquiry{padding-top:20px;padding-bottom:20px} #product-enquiry>.company-info .info{line-height:22px} #product-enquiry>.company-info .phone-number{font-size:20px} @media(max-width:1200px){#product-enquiry>.company-info{margin-top:15px}} @media(max-width:992px){#product-enquiry>.company-info{margin-top:0px}} @media(max-width:768px){#product-enquiry>.company-info{margin-top:15px}} #product-description{padding:20px 0} #product-features{margin-bottom:20px} #product-features .headline{font-weight:700;margin-bottom:10px} #product-features>ul{margin-left:3em} #product-features>ul>li>i{color:rgb(153,204,51);font-size:20px;margin-top:-2px} #product-attributes .attribute{border-bottom: 1px solid rgb(204, 204, 204);line-height:35px;} #product-attributes .attribute.headline{font-weight:700} #product-attributes .attribute>div>div>span.child{padding-left:20px} /* PRODUCT VIEWER */ #productzoom-default {display: block;border: 1px solid rgb(204, 204, 204);} .image-gallery {margin: 15px 0;} .elastislide-horizontal{ border: 1px solid #DADADA; } .elastislide-carousel ul li a{border: 1px solid rgb(204, 204, 204) !important;} .elastislide-carousel ul li.active a{border: 4px solid rgb(255, 255, 255) !important;} .elastislide-horizontal nav span{background-image:none !important;text-indent:0 !important;position:absolute;width:22px !important;cursor:pointer;background-color:rgb(237,237,237);height:calc(100% - 14%) !important;height:-moz-calc(100% - 14%) !important;height:-webkit-calc(100% - 14%) !important;border:1px solid rgb(204,204,204);box-shadow:0px 1px 2px rgba(0,0,0,0.15)} .elastislide-horizontal nav span.disabled{cursor:context-menu;opacity:.5} .elastislide-horizontal nav span.disabled:hover{background-color:rgb(237,237,237) !important} .elastislide-horizontal nav span:hover{background-color:#cccccc} .elastislide-horizontal nav span{top:7px !important;margin-top:0px !important} .elastislide-horizontal nav span>i{font-size:30px;color:rgb(78,78,78);width:18px;position:absolute;top:calc(50% - 20%);top:-moz-calc(50% - 20%);top:-webkit-calc(50% - 20%);text-align:center} /**************************************************/ /* ------------- 404 ERROR PAGE ----------------- /**************************************************/ #error-page-sec{text-align:center;padding-bottom: 150px;padding-top:130px; color:rgb(64, 64, 64);background-color:rgb(244, 244, 244);} .head-main-404{font-size:60px;margin-bottom:50px;font-family:inherit} .main-404{font-size:18px;margin-bottom:20px} @media (max-width:991px){#error-page-sec{padding-bottom:120px;padding-top:100px}} @media (max-width:500px){#error-page-sec{padding-top:70px;padding-bottom:90px}#error-page-sec .head-main-404{font-size:50px}#error-page-sec .main-404{font-size:17px}} @media (max-width:300px){#error-page-sec .head-main-404{font-size:40px;line-height:40px}#error-page-sec .main-404{font-size:16px}} /*========================================== GALLERY STYLES ==========================================*/ .blueimp-gallery>.prev,.blueimp-gallery>.next{font-size:40px !important} #gallery-sec.section{padding-top:0} .gallery-items-container{margin-top:55px} .gallery-item{margin-bottom:50px} p.icon{display:none;position:absolute;top:0;left:0;font-size:3.0em;color:#fff;opacity:1;width:100%;cursor:pointer} .image-container{position:relative} .image-container .overlay{display:none;background:#000;opacity:0.1;height:100%;width:100%;position:absolute;top:0;left:0;cursor:pointer} .image-container:hover .overlay{display:block;cursor:pointer} .image-container:hover p{display:table-cell;margin-left:auto;margin-right:auto;vertical-align:middle;text-align:center;top:40%} .image-container:hover img{opacity:0.3} .image-container .caption{padding:2px 10px;margin:0px;background:#333;color:#ccc;font-size:0.8em;height:18px} img.slide-content{display:block;background:#fff;padding:4px;border:1px solid #ddd;border-radius:6px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out} .blueimp-gallery{background:rgba(0,0,0,0.8)} .spinner-style{text-align:center;width:200px;padding-top:60px;color:#373838;margin:50px auto} /* Image gallery thumbnails */ /*======================================= Gallery STYLES =======================================*/ nav#filter ul{margin-bottom:30px} nav#filter li{display:inline-block;list-style:none;background-color:#f2efef;border:1px solid #d1d1d1;margin-right:10px} nav#filter a{font-size:15px;color:#636262;border-radius:0} nav#filter a:hover,nav#filter a.current{background-color:#fff;color:#252525;font-weight:bold;border:2px solid #474747} .load_more{clear:both;background:#393939} .load_more_text{padding:5px 0;font-size:15px;color:#fefefe} .load_more a:hover{text-decoration:none} ul.select2list li a {display: block;padding: 0px 10px;color: #666;text-decoration: none;border: 1px solid #bbb;line-height: 30px;border-radius: 3px;} ul.select2list{overflow:hidden;margin-bottom:15px;list-style-type:none} ul.select2list li{float:left;padding-right:10px;min-width:100px;text-align:center;margin:5px 0} ul.select2list li span{display:block;padding:0px 10px;line-height:29px;font-size:16px;color:#fff;text-align:center;background-color:background: rgb(201, 160, 67);background: -moz-linear-gradient(top, rgb(201, 160, 67) 0%, rgb(201, 160, 67) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(201, 160, 67)), color-stop(100%,rgb(201, 160, 67)));background: -webkit-linear-gradient(top, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);background: -o-linear-gradient(top, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);background: -ms-linear-gradient(top, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);background: linear-gradient(to bottom, rgb(201, 160, 67) 0%,rgb(201, 160, 67) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9a043', endColorstr='#c9a043',GradientType=0 );;border-radius:3px;border:1px solid transparent} ul.select2list li.selected span{color:#fff} ul.select2list li a {display: block;padding: 0px 10px;background: rgb(204, 204, 204);background: -webkit-linear-gradient(rgb(243, 243, 243), rgb(204, 204, 204));background: -o-linear-gradient(rgb(243, 243, 243), rgb(204, 204, 204));background: -moz-linear-gradient(rgb(243, 243, 243), rgb(204, 204, 204));background: linear-gradient(rgb(243, 243, 243), rgb(204, 204, 204));text-decoration: none;border: 1px solid #bebebe;line-height: 29px;border-radius:3px;} /**************************************************/ /* --------------- GALLERY SLIDER ----------------- /**************************************************/ .gallery-slider{padding-top:30px;padding-bottom:0px} .gallery-slider .heading{text-align:center;text-decoration:uppercase} .gallery-slider .gallery-slider-item .overlay{position:absolute;top:0px;left:0px;padding:40px;width:100%;height:100%} .gallery-slider .gallery-slider-item .overlay>i{font-size:3em;color:#fff;position:absolute;top:calc(50% - 0.75em);left:calc(50% - 0.35em);z-index:1000;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;transition:transform 0.5s;-webkit-transform:scale(0);-moz-transform:scale(0) rotate(0.02deg);transform:scale(0)} .gallery-slider .gallery-slider-item .overlay::before{content:"";position:absolute;top:0px;left:0px;bottom:0px;z-index:100;width:100%;height:100%;background-color:transparent;transition:all 0.3s linear} .gallery-slider .gallery-slider-item:hover .overlay::before{background-color:rgba(0,0,0,0.8)} .gallery-slider .gallery-slider-item:hover .overlay>i{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)} .gallery-slider .owl-prev{left:-50px} .gallery-slider .owl-next{right:-50px} @media(max-width:1100px){.gallery-slider .owl-prev{left:-25px}.gallery-slider .owl-next{right:-25px}} @media(max-width:992px) and (min-width:768px){.gallery-slider .owl-prev{left:-1%}.gallery-slider .owl-next{right:-1%}} @media (max-width:768px){.gallery-slider .owl-prev{left:0px}.gallery-slider .owl-next{right:0px}} .featurebaners .featurette .bc-image{display:block;height:100%;width:100%} /**************************************************/ /* ---------------- LATEST BLOGS ----------------- /**************************************************/ #latest-blogs{background-color:#f4f4f4} #latest-blogs .heading{padding-top:15px;padding-bottom:15px} #latest-blogs .heading h3{margin:0px} #latest-blogs .owl-carousel{border-top:2px solid #fbfafa} #latest-blogs .item.blog-item .image{position:relative;margin-bottom:15px} #latest-blogs .item.blog-item .text{text-align:left} #latest-blogs .item.blog-item .text>.summary{padding:15px 0} /**************************************************/ /* ------------ LATEST Case Studies --------------- /**************************************************/ #latest-casestudies{background-color:#f4f4f4;padding-top:30px;padding-bottom:20px} #latest-casestudies .heading{padding-top:15px;padding-bottom:15px} #latest-casestudies .heading h3{margin:0px} #latest-casestudies .items-container{border-top:2px solid #fbfafa;padding:30px 0} #latest-casestudies .item .image{position:relative;margin-bottom:15px} #latest-casestudies .item .image > .icon{position:absolute;right:0px;bottom:0px;width: 55px;height:52px;padding:13px;background-color:rgb(255, 255, 255);color:#fff;} #latest-casestudies .item .image>.icon>i{font-size:2.2em} #latest-casestudies .item .text{text-align:left} #latest-casestudies .item .text>.category{text-transform:uppercase} #latest-casestudies .item .text>.title{padding:15px 0} #latest-casestudies .item .text>.link>a{line-height:2em} #latest-casestudies .item .text>.link>a.btn-fadeout-underline::after{height:2px;background-color:#353535} /**************************************************/ /* ---------------- RESOURCES ROW ------------------ /**************************************************/ .resources .resource{display:block;padding:20px;text-align:center;background-color:#f2f2f2;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition:background-color 0.3s;height:276px;overflow:hidden} .resources .resource:hover{background-color:rgb(255, 255, 255);} .resources .resource:hover .title,.resources .resource:hover .subtitle{color:#fff} .resources .resource .title,.resources .resource .subtitle{-webkit-transition:color 0.3s;-moz-transition:color 0.3s;transition:color 0.3s} .resources .resource>.icon{margin-bottom:15px;display:inline-block;padding:15px;background-color:#fff;border-radius:50%;width:75px;height:75px} @media(max-width:992px){.resources .resource{margin-bottom:20px}} /**************************************************/ /* ---------------- BENEFITS ROW ------------------ /**************************************************/ @media(max-width:350px){.benefits .item{height:auto !important}} /**************************************************/ /* ---------------- COLOURS ROW ------------------ /**************************************************/ .colours{padding:40px 0} .colours h2{margin-bottom:20px} .colours .text{margin-bottom:20px} .colours .colours-title{font-size:21px;color:#787878} .colours .styling-box{position:relative;width:100%;margin-top:15px;text-align:center} .colours .styling-box>img{border:solid 8px white;margin-bottom:5px;box-shadow:0px 0px 6px rgba(0,0,0,0.2);display:inline-block} .colours .styling-box>span{display:block;font-size:12px;line-height:1.25em;height:2.5em;color:#333} /**************************************************/ /* ----- 3 COLUMN : LINKS, DOWNLOADS, BANNER ------ /**************************************************/ .findoutmorecontent .column .heading{background-color:#474749;color:#fff;font-family:'NimbusSansLig',sans-serif;font-size:22px;padding:10px 30px;border-top-left-radius:3px;border-top-right-radius:3px} .findoutmorecontent .column:first-child .heading{background-color:#e41e13} .findoutmorecontent .column .link-item,.findoutmorecontent .column .download-item{display:block;border-bottom:1px solid #e3e3e3} .findoutmorecontent .column .link-item:last-child,.findoutmorecontent .column .download-item:last-child{border-bottom:none} .findoutmorecontent .column .link-item{color:#777777;font-size:18px;padding:10px 15px} .findoutmorecontent .column .link-item:hover{text-decoration:underline} .findoutmorecontent .column .link-item>.glyphicon{margin-right:15px;color:#babac2;font-size:24px;position:relative;top:5px} .findoutmorecontent .column .download-item{color:#777777;font-size:18px;padding:12px 0} .findoutmorecontent .column .download-item>img{margin-right:15px} .findoutmorecontent .column .download-item>span{font-size:15px} /**************************************************/ /* ---------- 2 COLUMN : FORM & LINKS ------------ /**************************************************/ .welcome23.findoutmorecontent .column:first-child .heading{background-color:#474749} .welcome23.findoutmorecontent .column:last-child .heading{background-color:#e41e13} .welcome23 .columnform{padding:0 15px} .welcome23 .columnform .blog-contact-message{margin:15px 0} .welcome23 .columnform .form>.form-group:nth-of-type(2)>input,.welcome23 .columnform .form>.form-group:nth-of-type(3)>input,.welcome23 .columnform .form>.form-group:nth-of-type(4)>input{width:32.6666%;float:left;margin-right:1%;margin-bottom:15px} .welcome23 .columnform .form>.form-group:nth-of-type(4)>input{margin-right:0} .welcome23 .columnform button.btn-primary.disable-after-validation{background-color:#bec0c2;text-transform:uppercase} .welcome23 .columnform button.btn-primary.disable-after-validation:hover{background-color:#e41e13} /**************************************************/ /* --------------- VIDEOS LAYOUT ------------------ /**************************************************/ #videos-categories{padding-bottom:10px;border-bottom:2px solid rgb(242,242,242);margin-bottom:25px} #videos-list .video-item{margin-bottom:40px} #videos-list .video-item-title{font-size:14px;font-family:'NimbusSansBold',sans-serif;color:#e41e13} #videos-list .short-content{font-size:22px;line-height:25px;color:#353535;height:2.2em;overflow:hidden;margin:0 0 20px} .categories-list ul.select2list li a{display:block;padding:0px 10px;text-decoration:none;line-height:29px;border-radius:3px;background:#e9e9e9;color:#777;border:1px solid transparent;text-shadow:1px 1px 0 rgba(255,255,255,0.4)} /**************************************************/ /* --------------- MAP CONTENT ------------------ /**************************************************/ .mapcontent03>div.embed-responsive{padding-bottom:400px !important} /**************************************************/ /* ----------------- TOP BANNER ----------------- /**************************************************/ #testimonials-section{padding-bottom:50px} /**************************************************/ /* ----------------- TOP BANNER ----------------- /**************************************************/ .parallax-banner{position:relative;} .parallax-banner > div > .big-text{bottom: 0px;top: auto;background: rgba(76, 85, 95, 0.75);position: absolute;width: 100%;} .parallax-banner .banner-content > .parallax-banner-title{color:#fff;font-size: 60px;margin-top: 10px;margin-bottom: 15px;/*margin-bottom: 0px;*/ /* in case they don't like the subtitle in top banner */} .parallax-banner .banner-content > .parallax-banner-text{font-size:18px;color:rgb(255, 255, 255);margin: 0px 0px 20px;} .parallax-banner .banner-content > .parallax-banner-text.blog-banner-text > .blogcategory{color:rgb(255, 255, 255) !important;} @media (max-width:768px){.parallax-banner .banner-content>.parallax-banner-title{font-size:45px}} @media (max-width:400px){.parallax-banner .banner-content>.parallax-banner-title{font-size:35px} .parallax-banner .banner-content>.parallax-banner-text{font-size:16px}} /**************************************************/ /* ----------------- Heading 05 ----------------- /**************************************************/ .heading05{position:relative} .heading05 .banner-image{background-position:center top;background-size:cover;display:block;width:100%;min-height:400px;height:400px} .heading05 .big-text{width:100%;height:100%} .heading05 .banner-content{padding:20px 25px;background-color:#fff} .heading05 .banner-content>h1{font-size:45px;margin-top:0px} .heading05 .banner-content>.text{font-size:18px;color:#777777} .heading05 .banner-content>.text a{text-decoration:underline;color:#353535} @media (max-width:768px){.parallax-banner .banner-content>.parallax-banner-title{font-size:45px}} @media (max-width:400px){.parallax-banner .banner-content>.parallax-banner-title{font-size:35px}.parallax-banner .banner-content>.parallax-banner-text{font-size:16px}} /**************************************************/ /* BREADCRUMB /**************************************************/ #breadcrumb{color: rgb(255, 255, 255); font-size: 14px; font-weight: normal;padding-top: 10px;padding-bottom: 10px;} body>div:not(#top-banner) #breadcrumb .bread,body>div:not(#top-banner) #breadcrumb .separator{color:#404040} @media(max-width:768px){#product-breadcrumb{line-height:20px !important;margin-top:15px}} #breadcrumb .bread:hover{color:rgb(255, 255, 255);} #breadcrumb .separator{margin:0px 10px;display:inline-block} .breadcrumb-trail #breadcrumb .bread,.breadcrumb-trail #breadcrumb .separator{color:#8a8a8a} .breadcrumb-trail #breadcrumb .bread.current{color:#3a3939} /**************************************************/ /* SQUEEZE PAGES /**************************************************/ #squeeze-header .contact{font-size:20px;font-weight:700;padding:20px 0} #squeeze-header .contact>span{font-weight:400} #squeeze-header .contact-xs{font-size:18px;font-weight:400;padding:20px 0} #squeeze-header .contact-xs a{font-weight:700} #squeeze-section-banner>.heading{background-color:#104b7d;text-align:center;color:#fff} #squeeze-section-banner>.heading h1{font-size:54px;font-weight:700} #squeeze-section-banner>.heading h1+div.subtitle{font-size:28px;font-weight:400;margin-bottom:20px} @media(max-width:768px){#squeeze-section-banner>.heading h1{font-size:30px} #squeeze-section-banner>.heading h1+div.subtitle{font-size:20px} #squeeze-section-content .squeeze-content{margin-bottom:30px}} @media(max-width:500px){#squeeze-header .contact{display:none} #squeeze-header .contact-xs{display:block !important} #squeeze-header .company-logo{width:100%;text-align:center}} #squeeze-section-content>.content{padding:50px 0} #squeeze-section-content .squeeze-content>p{font-size:16px} #squeeze-section-content .box{background-color:#f6f6f6;padding:30px;border:1px solid #d7d7d7;margin-bottom:35px} #squeeze-section-content .box.squeeze-form-box{border-color:#e9dc88;background-color:#fdfac8} #squeeze-section-content .box .heading{font-size:25px;color:#104b7d} #squeeze-section-content .box.squeeze-form-box .heading{color:#d47b26} #squeeze-section-content .box .text{font-size:16px;margin:15px 0} #squeeze-section-content .form label{font-size:16px;font-weight:400} #squeeze-section-content .form input,#squeeze-section-content .form textarea{border:1px solid #eade8f} #squeeze-section-content .form .btn-primary.disable-after-validation{border-radius:0px;background:#e4923c;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0OTIzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNjgyMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#e4923c 0%,#d6822d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e4923c),color-stop(100%,#d6822d));background:-webkit-linear-gradient(top,#e4923c 0%,#d6822d 100%);background:-o-linear-gradient(top,#e4923c 0%,#d6822d 100%);background:-ms-linear-gradient(top,#e4923c 0%,#d6822d 100%);background:linear-gradient(to bottom,#e4923c 0%,#d6822d 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4923c',endColorstr='#d6822d',GradientType=0 );color:#fff !important;font-size:25px !important;text-shadow:2px 2px #d97c19} #squeeze-section-content .form .error-message{margin-top:0px} #squeeze-section-content .squeeze-links-box .links>li{margin:10px 0} #squeeze-section-content .squeeze-links-box .links>li i{color:#104b7d;padding-right:10px} #footer-squeeze .footer{padding-top:15px;padding-bottom:15px;border-top:1px solid #d7d7d7} /**************************************************/ /* EMAIL SIGN UP POP UP /**************************************************/ .popup{top:auto;bottom:0px;right:0px;left:auto;position:fixed;z-index:9999;display:none} .popup .popup-content{-webkit-border-radius: 5px 0px 0px;-moz-border-radius: 5px 0px 0px;border-radius: 5px 0px 0px;border-top: 5px solid rgb(255, 255, 255);box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);padding: 1em 1.5em;background: #FFF none repeat scroll 0% 0%;max-width: 100%;width: 25em;} .popup.closing .popup-content{animation:popup-slidedown 0.5s;-webkit-animation:popup-slidedown 0.5s;-moz-animation:popup-slidedown 0.5s;-ms-animation:popup-slidedown 0.5s;-o-animation:popup-slidedown 0.5s;-webkit-backface-visibility:hidden} .popup .popup-content{animation:popup-slideup 0.5s;-webkit-animation:popup-slideup 0.5s;-moz-animation:popup-slideup 0.5s;-ms-animation:popup-slideup 0.5s;-o-animation:popup-slideup 0.5s;-webkit-backface-visibility:hidden} .popup .popup-wrapper .popup-title{font-size:1.3em;margin-bottom:1em} .popup popup-wrapper .popup-message{margin-bottom:1em} #form-popup.form label{font-size:14px;font-weight:400} #form-popup.form input{height:35px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;border:1px solid rgb(239, 239, 239);background:rgb(239, 239, 239);padding:0 5px;width:100%;line-height:35px;} #form-popup.form button.btn-primary{border-radius:0px !important;background:none;background-color: rgb(255, 255, 255) !important;} #form-popup.form .error-message{margin-top:0px;} #form-popup.form input.form-error{border:1px solid rgb(221, 0, 0) !important;background-color:rgb(255, 170, 170) !important;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(221, 0, 0, 0.4) !important;} .popup .popup-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:25px;font-weight:normal;line-height:25px;height:25px;width:25px;text-align:center;color:#BBB;background:transparent none repeat scroll 0% 0%} .popup .popup-close:hover{color:#777} .popup-thankyou{display:none} /**************************************************/ /* CASE STUDIES HOME PAGE /**************************************************/ #casestudies-sec{padding-bottom:50px} .casestudies-filter-box-row{position:relative} .casestudies-filter-box{position:absolute;top:-110px;right:0px} @media(max-width:992px){.casestudies-filter-box{position:static;margin-bottom:30px}} .casestudy-item-border{border: 1px solid rgb(204, 204, 204);margin-bottom: 35px;} .casestudy-item-description{padding:15px} .casestudy-item-border .casestudy-item-title{font-size:21px;margin-top:0px;margin-bottom:15px;height:47px} .casestudy-item-border .casestudy-image{display:block;overflow:hidden} .casestudy-item-border .short-content{height:100px} .casestudy-item-border .casestudy-item-continue{padding-bottom:0px;margin-bottom:0px} .casestudy-item-border .casestudy-image img{transform:scaleY(1);opacity:1;transition:all 0.7s ease-in-out 0s} .casestudy-item-border .casestudy-image:hover img{transform:scale(1.3)} /**************************************************/ /* CASE STUDIES CONTENT PAGE /**************************************************/ #casestudies-content-sec>.container{padding-top:30px;padding-bottom:15px} .casestudy-content{margin-bottom:35px} .casestudy-content h2{margin-top:0px;margin-bottom:15px} .casestudy-enquiry{margin-bottom:25px} .casestudy-content ul{padding-left:15px;list-style:outside} .casestudy-content ul li{margin-bottom:10px} .casestudy-enquiry > p{margin-bottom:10px;font-weight:700;color: #393939;} .casestudy-enquiry>a{margin-bottom:10px} .casestudy-images{margin-bottom:35px} #casestudies-carousel{background-color:#f8f8f8} #casestudies-carousel .owl-carousel{padding:10px 0px 40px} #casestudies-carousel .owl-next,#casestudies-carousel .owl-prev{text-align:center;width:35px;font-size:30px;line-height:30px;color:#ffffff;height:100%;top:0px;background-color:rgba(0,0,0,0.3);border-radius:0px;border:0px;z-index:1} #casestudies-carousel .owl-next>i,#casestudies-carousel .owl-prev>i{display:block;position:absolute;width:32px;top:211px;top:-webkit-calc(50% - 35px);top:-moz-calc(50% - 35px);top:calc(50% - 35px)} #casestudies-carousel .owl-item .item{text-align:left} /**************************************************/ /* VIDEOS CONTENT PAGE /**************************************************/ #videos-content-sec>.container{padding-bottom:30px} .video-title{font-size:42px;padding-bottom:15px;border-bottom:2px solid #e6e6e6} #videos-content-sec .embed-responsive{margin-top:30px;margin-bottom:30px} .video-description{font-size:24px;margin-bottom:15px} .video-content{font-size:18px;color:#888} #more-videos{background-color:#f2f2f2;padding:40px 0} #more-videos h2{font-size:28px;margin-bottom:20px;margin-top:0px} /**************************************************/ /* DOWNLOADS LIST PAGE /**************************************************/ #downloads-categories{padding-bottom:10px} #downloads-list{margin-bottom:40px} .download-item-border.row{padding-top:15px;padding-bottom:15px;margin-left:0px;margin-right:0px;border-bottom:1px solid #cfcfcf;background-color:transparent;transition:background-color 0.3s} .download-item:first-child .download-item-border.row{border-top:1px solid #cfcfcf} .download-image>img{border:1px solid #cfcfcf} .download-item .buttons .link{display:inline-block;margin-right:5px;vertical-align:middle} .download-item .buttons{text-align:center} .download-item .buttons .link.link-icon{color:#EC1C23} .download-item .buttons .link.link-text{font-size:20px} .download-item .buttons .link.link-text>span{font-size:13px;color:#8e8e8e;vertical-align:top} .download-item:hover .download-item-border.row{background-color:#f1f1f1} @media(min-width:1200px){.download-item .buttons{opacity:0;transition:opacity 0.5s} .download-item:hover .buttons{opacity:1}} /**************************************************/ /* SEARCH /**************************************************/ .to-upper{text-transform:uppercase} .font-weight-400{font-weight:400} #search-results{margin-bottom:40px} div.search-item:last-child{border-bottom:0px} .search-item{border-bottom:1px solid #ededed;padding-top:20px;padding-bottom:20px} #load-more-products-search-button{margin-top:20px} .with-bottom-border{border-bottom:1px solid #ededed} .margin-t-40{margin-top:40px} .margin-b-35{margin-bottom:35px} #search-results img{border:2px solid #f7f7f7} #search-results h2{margin-top:6px !important} .padding-bt-17px{padding-top:17px;padding-bottom:17px} .margin-0{margin:0} .font-17px{font-size:17px} .font-light{font-weight:300} #mini-gallery{margin-top:15px;margin-bottom:30px} #mini-gallery .subtitle > h4{ color: rgb(255, 255, 255); } #content-header-sec{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding-top:274px;color:#fff} /*========================================== GALLERY STYLES ==========================================*/ p.icon{display:none;position:absolute;top:0;left:0;font-size:3.0em;color:#fff;opacity:1;width:100%;cursor:pointer} .image-container{position:relative} .image-container .overlay{display:none;background:#000;opacity:0.1;height:100%;width:100%;position:absolute;top:0;left:0;cursor:pointer} .image-container:hover .overlay{display:block;cursor:pointer} .image-container:hover p{display:table-cell;margin-left:auto;margin-right:auto;vertical-align:middle;text-align:center;top:40%} .image-container:hover img{opacity:0.3} .image-container .caption{padding:2px 10px;margin:0px;background:#333;color:#ccc;font-size:0.8em;height:18px} img.slide-content{display:block;background:#fff;padding:4px;border:1px solid #ddd;border-radius:6px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out} .blueimp-gallery{background:rgba(0,0,0,0.8)} /**************************************************/ /* FEATURETTES 01 6 featurretes /**************************************************/ .featurettes01.featurettes{width:100%;padding:2px 0} .featurettes01 .featurette{padding:2px} .featurettes01 .featurette-container{overflow:hidden} .featurettes01 .featurette .overlay{position:absolute;top:2px;left:2px;padding:40px;width:calc(100% - 4px);height:calc(100% - 4px)} @media (min-width:1200px){.featurettes01.featurettes>.featurette:nth-child(1),.featurettes01.featurettes>.featurette:nth-child(4){padding:2px 2px 2px 0px} .featurettes01.featurettes>.featurette:nth-child(1) .overlay,.featurettes01.featurettes>.featurette:nth-child(4) .overlay{width:calc(100% - 2px);left:0px} .featurettes01.featurettes>.featurette:nth-child(3),.featurettes01.featurettes>.featurette:nth-child(6){padding:2px 0px 2px 2px} .featurettes01.featurettes>.featurette:nth-child(3) .overlay,.featurettes01.featurettes>.featurette:nth-child(6) .overlay{width:calc(100% - 2px);left:auto;right:0px}} @media (max-width:1200px and min-width:768px;){.featurettes01.featurettes>.featurette:nth-child(1),.featurettes01.featurettes>.featurette:nth-child(3),.featurettes01.featurettes>.featurette:nth-child(5){padding:2px 2px 2px 0px} .featurettes01.featurettes>.featurette:nth-child(1) .overlay,.featurettes01.featurettes>.featurette:nth-child(3) .overlay,.featurettes01.featurettes>.featurette:nth-child(5) .overlay{width:calc(100% - 2px);left:0px} .featurettes01.featurettes>.featurette:nth-child(2),.featurettes01.featurettes>.featurette:nth-child(4),.featurettes01.featurettes>.featurette:nth-child(6){padding:2px 0px 2px 2px} .featurettes01.featurettes>.featurette:nth-child(2) .overlay,.featurettes01.featurettes>.featurette:nth-child(4) .overlay,.featurettes01.featurettes>.featurette:nth-child(6) .overlay{width:calc(100% - 2px);left:auto;right:0px}} @media (max-width:768px){.featurettes01 .featurette{padding:2px 0} .featurettes01 .featurette .overlay{left:0px;width:100%}} .featurettes01 .featurette .overlay::before{content:"";position:absolute;top:0px;left:0px;bottom:0px;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,0.15);box-shadow:0px 0px 150px 0px rgba(0,0,0,0.3) inset;transition:all 0.5s linear} .featurettes01 .featurette:hover .overlay::before{background-color:transparent} .featurettes01 .featurette .overlay .description{position:relative;z-index:100;height:100%;width:100%;display:block} .featurettes01 .featurette .overlay .description h2{top:45%;position:absolute;left:0px;margin-top:20px;margin-bottom:10px;width:100%;text-align:center;font-size:36px;color:#fff;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);transition:transform 0.3s ease-in 0.2s;-webkit-transition:-webkit-transform 0.3s ease-in 0.2s;-moz-transition:-moz-transform 0.3s ease-in 0.2s} .featurettes01 .featurette .bc-image{display:block;height:465px;width:100%;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-position:50% 50%;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;transition:transform 0.5s;-webkit-transform:scale(1.2);-moz-transform:scale(1.2) rotate(0.02deg);transform:scale(1.2)} .featurettes01 .featurette:hover .bc-image{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)} @-webkit-keyframes scaleUp{0%{-webkit-transform:scale(1);transform:scale(1)} 100%{-webkit-transform:scale(1.2);transform:scale(1.2)}} @keyframes scaleUp{0%{-webkit-transform:scale(1);transform:scale(1)} 100%{-webkit-transform:scale(1.2);transform:scale(1.2)}} /**************************************************/ /* FEATURETTES 02 'X column feature banners /**************************************************/ .featurebaners.featurettes{padding-top:30px;padding-bottom:0px} .featurebaners .featurette{margin-bottom:15px} .featurebaners .featurette-container{overflow:hidden;position:relative} .featurebaners .featurette .overlay{position:absolute;top:0px;left:0px;padding:40px;width:100%;height:100%} .featurebaners .featurette .overlay::before{content:"";position:absolute;top:0px;left:0px;bottom:0px;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,0.1);box-shadow:0px 0px 150px 0px rgba(0,0,0,0.03) inset;transition:all 0.5s linear} .featurebaners .featurette:hover .overlay::before{background-color:transparent;box-shadow:none} .featurebaners .featurette .overlay .description{position:relative;z-index:100;height:100%;width:65%;display:block} .featurebaners .featurette .overlay .description h4{margin-top:0px;margin-bottom:10px;width:100%;font-size:30px} .featurebaners .featurette .overlay .description .text{margin-bottom:15px;font-size:18px} .featurebaners .featurette .bc-image{display:block;width:100%;} @media (max-width:1200px){.featurebaners .featurette .overlay .description{width:75%}} @media (max-width:992px){.featurebaners .featurette .overlay{padding:20px}} @media (max-width:992px) and (min-width:768px){.featurebaners .featurette .overlay .description{width:100%} .featurebaners .featurette .overlay .description h4{font-size:25px} .featurebaners .featurette .overlay .description .text{font-size:16px}} @media (max-width:768px){.featurebaners .featurette .overlay .description{width:50%} .featurebaners .featurette .overlay{background-color:rgba(255,255,255,0.5)}} @media (max-width:600px){.featurebaners .featurette .overlay .description{width:65%}} @media (max-width:500px){.featurebaners .featurette .overlay .description{width:75%} .featurebaners .featurette .overlay{padding:20px}} @media (max-width:450px){.featurebaners .featurette .overlay .description{width:100%}} @media (max-width:350px){.featurebaners .featurette .overlay .description h4{margin-bottom:10px} .featurebaners .featurette .overlay .description .text{display:none}} .featurettes11 .featurebaners .featurette .overlay .description{width:400px;height:auto} @media (max-width:992px){.featurettes11 .featurebaners .featurette .overlay .description .text{height:85px;overflow:hidden}} @media (max-width:768px){.featurettes11 .featurebaners .featurette .overlay .description h4{font-size:24px} .featurettes11 .featurebaners .featurette .overlay .description .text{font-size:1em}} @media (max-width:600px){.featurettes11 .featurebaners .featurette .overlay .description{width:100%;max-width:100%}} @media (max-width:550px){.featurettes11 .featurebaners .featurette .overlay .description .text{height:60px}} @media (max-width:450px){.featurettes11 .featurebaners .featurette .overlay .description h4{font-size:30px;margin-bottom:10px} .featurettes11 .featurebaners .featurette .overlay .description .text{display:none}} @media (max-width:450px){.featurettes11 .featurebaners .featurette .overlay .description h4{font-size:25px}} /**************************************************/ /* FEATURETTES 13 '4 column features /**************************************************/ .featurettes13{padding:1px 0 20px 0} .featurettes13 .featurette{position:relative;overflow:hidden} .featurettes13 .featurette .row{margin-right:-16px} .zoom-hover img{-moz-transition:all 0.7s;-webkit-transition:all 0.7s;transition:all 0.7s;border-right:1px solid #fff;height:100%} .zoom-hover:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)} /**************************************************/ /* FEATURETTES 03 '3 column feature banner image + content /**************************************************/ .featurettes03{padding-top:50px;padding-bottom:10px} .featurettes03 .featurette{margin-bottom:15px} .featurettes03 .featurette-container{overflow:hidden;position:relative} .featurettes03 .featurette .description{padding:30px;border:1px solid #ececec;background-color:#fff} .featurettes03 .featurette .description h3{margin-top:0px;margin-bottom:15px;font-size:26px} .featurettes03 .featurette .description .text{font-size:16px;color:#626262} .featurettes03 .featurette .image{max-height:225px;position:relative;overflow:hidden} .featurettes03 .featurette .image>img{display:block;width:100%;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;transition:transform 0.5s;-webkit-transform:scale(1.2);-moz-transform:scale(1.2) rotate(0.02deg);transform:scale(1.2)} .featurettes03 .featurette .image::before{border-left-width:5px;border-left-style:solid;border-left-color:transparent;content:"";position:absolute;width:5px;height:100%;z-index:1} .featurettes03 .featurette:hover .image>img{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)} .featurettes03 .featurette .image>a{position:absolute;bottom:30px;right:30px;z-index:30} /**************************************************/ /* FEATURETTES 'X column featurettes /**************************************************/ .columnfeaturettes{padding-top:20px;padding-bottom:0px} .columnfeaturettes .featurette{margin-bottom:20px} .columnfeaturettes .featurette-container{overflow:hidden;position:relative} .columnfeaturettes .featurette .featurette-image{margin-bottom:20px} .columnfeaturettes .featurette .featurette-text h4{font-size:20px;margin:0px} .columnfeaturettes .featurette .featurette-text .text{padding-top:20px;padding-bottom:20px;font-size:18px;color:#777777} .columnfeaturettes .featurette .featurette-text a>i{margin-left:5px} /**************************************************/ /* 2 column short banners /**************************************************/ .shortbanners.featurettes{padding-top:30px;padding-bottom:0px} .shortbanners .featurette{margin-bottom:15px;min-height:175px} .shortbanners .featurette-container{overflow:hidden;position:relative} .shortbanners .featurette .overlay{position:absolute;top:0px;left:0px;padding:25px 40px;width:100%;height:100%} .shortbanners .featurette .overlay::before{content:"";position:absolute;top:0px;left:0px;bottom:0px;z-index:100;width:100%;height:100%;box-shadow:0px 0px 150px 0px rgba(0,0,0,0.1) inset;transition:all 0.5s linear} .shortbanners .featurette:hover .overlay::before{background-color:transparent;box-shadow:none} .shortbanners .featurette .overlay .description{position:relative;z-index:100;height:100%;width:60%;display:block} @media (max-width:992px){.shortbanners .featurette .overlay .description{width:100%}} @media (max-width:768px){.shortbanners .featurette .overlay .description{width:50%}} @media (max-width:500px){.shortbanners .featurette .overlay .description{width:75%} .shortbanners .featurette .overlay{padding:20px}} @media (max-width:450px){.shortbanners .featurette .overlay .description{width:100%}} .shortbanners .featurette .overlay .description h3{margin-top:0px;margin-bottom:10px;width:100%;font-size:30px} .shortbanners .featurette .overlay .description .text{margin-bottom:15px;font-size:18px;color:#777777} .shortbanners .featurette .bc-image{display:block;height:175px;width:100%;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-position:50% 50%} /**************************************************/ /* ACCORDION /**************************************************/ .accordion-item{border-radius:0px;border:none;margin-bottom:5px;box-shadow:none} .accordion-item .panel-heading{border-radius:0px;border:none;padding:0;background-color:#f0f0f0} .accordion-item .panel-title a{display:block;background-color:#f0f0f0;font-size:20px;line-height:30px;padding:15px 25px;transition:all 0.2s} .accordion-item .panel-title a:hover{color:rgb(255, 255, 255);} .accordion-item .panel-title a:not(.collapsed) {color:#fff;background-color:rgb(255, 255, 255);} .accordion-item .panel-title a > i {text-align: center;width: 30px;float: right;font-size: 16px;line-height: 30px;background-color:#fff;color:rgb(255, 255, 255);height: 30px;border-radius: 50%;position:relative;} .accordion-item .panel-title a>i::before{height:100%;position:absolute;left:37%;top:2%} .accordion-item .panel-title a:not(.collapsed)>i::before{content:"\f078";left:27%;top:1%} .accordion-item>.panel-heading+.panel-collapse>.panel-body{border-radius:0px;border:none;padding:25px;box-shadow:0px 1px 2px #f2f2f2} /*********************************************** * TEXT CAROUSEL 2 ***********************************************/ .text-carousel2 .carousel{width:100%;overflow:hidden} .text-carousel2 .carousel-inner>.item>img{top:0;left:0;min-width:100%} .text-carousel2 .carousel .item{background-color:#777} .text-carousel2 .slider-size{height:450px} .text-carousel2 .carousel-caption{position:absolute;right:15%;top:10%;left:10%;width:400px;text-align:left;text-shadow:none} .text-carousel2 .carousel-caption h3{color:#363636;font-size:30px;margin-top:0px} .text-carousel2 .carousel-caption p{margin-bottom:20px;font-size:18px;line-height:1.4;margin-top:20px;padding-bottom:0px;color:#777777} @media (max-width:992px){.text-carousel2 .carousel-caption p{max-width:260px;height:150px;overflow:hidden}} @media (max-width:768px){.text-carousel2 .carousel-caption{width:100%;height:100%;background-color:rgba(255,255,255,0.68);top:0px;padding:10%;left:0px}} .text-carousel2 .carousel-control{width:10%;height:100%;top:0px} .text-carousel2 .carousel-control.left{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(left,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000',endColorstr='#00000000',GradientType=1 )} .text-carousel2 .carousel-control.right{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#33000000',GradientType=1 )} .text-carousel2 .carousel-control>span.fa{position:absolute;top:225px;top:calc(50% - 40px);top:-webkit-calc(50% - 40px);top:-moz-calc(50% - 40px);font-size:1.6em;background-color:#5f5f5f;height:80px;width:80px;border-radius:50%;position:relative} .text-carousel2 .carousel-control>span.fa::before{position:absolute;top:30%} .text-carousel2 .carousel-control.left>span.fa{left:-55px;right:auto} .text-carousel2 .carousel-control.left>span.fa::before{right:20%;left:auto} .text-carousel2 .carousel-control.right>span.fa{right:-55px;left:auto} .text-carousel2 .carousel-control.right>span.fa::before{left:20%;right:auto} @media(max-width:1200px){.text-carousel2 .carousel-control.left>span.fa{left:-45px} .text-carousel2 .carousel-control.right>span.fa{right:-45px}} @media(max-width:992px){.text-carousel2 .carousel-control.left>span.fa{left:-40px} .text-carousel2 .carousel-control.right>span.fa{right:-30px}} @media(max-width:768px){.text-carousel2 .carousel-control.right>span.fa{right:-20px}} @media(max-width:550px){.text-carousel2 .carousel-control.right>span.fa{right:-10px}} @media(max-width:500px){.text-carousel2 .carousel-control.right>span.fa{right:-5px}} @media(max-width:450px){.text-carousel2 .carousel-control.right>span.fa{right:0px}} @media(max-width:400px){.text-carousel2 .carousel-control.right>span.fa{right:5px}} @media(max-width:350px){.text-carousel2 .carousel-control.right>span.fa{right:10px}} /*********************************************** * TEXT CAROUSEL 3 ***********************************************/ .text-carousel3.carousel{width:100%;overflow:hidden} .text-carousel3 .carousel-inner>.item>img{top:0;left:0;min-width:100%} .text-carousel3 .item{background-color:#777;height:400px} .text-carousel3 .item>div[class*="container"]{height:100%} .text-carousel3 .item .container,.text-carousel3 .item .row,.text-carousel3 .item .col-xs-12{height:100%} .text-carousel3 .carousel-caption{text-align:left;text-shadow:none;left:0;font-size:42px;width:550px;margin-left:58px;line-height:120%;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .text-carousel3 .carousel-caption h1{color:#3a3939;font-size:45px;margin-bottom:30px} .text-carousel3 .carousel-control.left{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(left,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000',endColorstr='#00000000',GradientType=1 )} .text-carousel3 .carousel-control.right{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#33000000',GradientType=1 )} .text-carousel3 .carousel-control{width:10%;height:100%;top:0px} .text-carousel3 .carousel-control>span.fa{position:absolute;top:225px;top:calc(50% - 20px);top:-webkit-calc(50% - 20px);top:-moz-calc(50% - 20px);font-size:1.6em} @media(max-width:768px){.text-carousel3 .carousel-caption{width:auto;margin:0;line-height:35px;padding-bottom:5px}.text-carousel3 .carousel-caption h1{font-size:28px}} .carousel-indicators .active{width:17px;height:17px;margin:0;background-color:#000} .carousel-indicators li{display:inline-block;width:16px;height:16px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#fff;border:none;border-radius:10px} @media(max-width:768px){.carousel-indicators{bottom:-10px}} /*********************************************** * HEADING 1 ***********************************************/ .heading01 h1{font-size:45px;border-bottom:1px dotted #cccccc;padding-bottom:10px} /*********************************************** * GLOSSARY STYLES ***********************************************/ #glossary-sec{padding-bottom:50px} #glossary-sec .introduction{font-size:20px;font-weight:700;margin-bottom:30px} #glossary-sec .introduction>span{font-size:16px;font-weight:400;display:block;color:#626262;padding-top:10px} #glossary-sec .glossary-item>div{margin-top:25px;padding-top:20px} #glossary-sec .glossary-item:first-child>div{margin-top:0px;padding-top:0px} #glossary-sec .glossary-item.separator>div{border-top:2px solid #ececec} #glossary-sec .glossary-item h4.term{font-size:22px;font-weight:700;margin-top:0px} #glossary-sec .glossary-item .summary{font-size:16px;color:#626262} #term-filter{background-color:#f7f7f7;padding:20px 25px 25px} #term-filter h4.heading{font-size:22px;font-weight:700;margin-top:0px;margin-bottom:15px} #term-filter ul.select2list{margin:-5px} #term-filter ul.select2list li:first-child{width:80px} #term-filter ul.select2list li{min-width:auto;width:35px;height:35px;padding:0px;margin:5px} #term-filter ul.select2list li>span,#term-filter ul.select2list li>a{background:none;border:none;background-color:#e9e9e9;text-transform:uppercase;color:#666666;font-weight:700;font-size:16px;padding:0px;line-height:35px;transition:all 0.1s;display:block} #term-filter ul.select2list li.selected>span{background-color:#e41e13;color:#fff} #term-filter ul.select2list li:not(.disabled):hover>a{background-color:#e41e13;color:#fff;cursor:pointer} /**************************************************/ /* Project Categories Tabs /**************************************************/ .project-categories{border-bottom:1px solid #ddd;margin-bottom:25px} .project-categories ul.select2list{margin-bottom:0px} .project-categories ul.select2list li{margin-bottom:-1px;position:relative;width:20%;margin-right:9px !important;padding-right:0px;min-width:auto} .project-categories ul.select2list li a,.project-categories ul.select2list li span{font-size:18px;color:#2b2b2b !important;background:#e3e3e3;width:100%;height:48px;border-radius:0 !important;border:1px solid #ddd !important;text-shadow:none;display:block;padding:10px 15px;line-height:1.42857143;text-align:left} .project-categories ul.select2list li.selected span{color:#525252 !important;border-bottom:none !important;background-color:#fff} .project-categories ul.select2list li.selected span::after{content:'';width:100%;height:3px;background:#e41e13;border:1px solid #e41e13;position:absolute;top:-2px;left:0px} .project-categories ul.select2list li:nth-child(2) a{background-color:#b8b8b8} .project-categories ul.select2list li:nth-child(3) a{background-color:#696969;color:#fff !important} @media(max-width:992px){.project-categories ul.select2list li{width:25%}} @media(max-width:768px){.project-categories ul.select2list li{width:30%}} @media(max-width:550px){.project-categories ul.select2list li{width:100%}} /*********************************************** * BRAND SCROLLER START ***********************************************/ .brand-scroller .brandscroller-title{padding-top:30px} .brand-scroller .simply-scroll-container{width:100%;position:relative;padding-top:27px;padding-bottom:27px} .brand-scroller .simply-scroll-clip{position:relative;overflow:hidden;width:100%} .brand-scroller .simply-scroll-list{overflow:hidden;margin:0;padding:0;list-style:none} .brand-scroller .simply-scroll-list li{padding:0;margin:0;list-style:none;padding-right:30px;float:left;line-height:60px} .brand-scroller .simply-scroll-list li img{max-height:75px;width:auto} /* --------------- MEDIA QUERIES ------------------ /**************************************************/ @media (max-width:768px){.margin-top-xs-15{margin-top:15px} .margin-bottom-xs-15{margin-bottom:15px}.margin-top-xs-30{margin-top:30px}.margin-bottom-xs-30{margin-bottom:30px}}.search-img{width:100%} /**************************************************/ /* --------------- Social Media Icons ------------------ /**************************************************/ .sc-media {display: inline-block;position: relative;margin-right: 10px;} .sc-media span{margin-right: 5px;position: relative;top: 4px;} .sc-media .text{font-size: 16px;top: 8px;color: #64676b;float: left;margin-right: 10px;} [class*='icon-sprite-']{display:inline-block;background:url(images/icon-sprite2.html) no-repeat} .icon-sprite-facebook{width:27px;height:27px;background-position:-5px -244px} .icon-sprite-googleplus{width:27px;height:27px;background-position:-5px -281px} .icon-sprite-link{width:29px;height:20px;background-position:-5px -318px} .icon-sprite-linkedin{width:28px;height:27px;background-position:-5px -348px} .icon-sprite-location{width:29px;height:31px;background-position:-5px -385px} .icon-sprite-location2{width:31px;height:41px;background-position:-5px -426px} .icon-sprite-lock{width:46px;height:29px;background-position:-5px -477px} .icon-sprite-maestro{width:51px;height:32px;background-position:-5px -516px} .icon-sprite-mastercard{width:51px;height:32px;background-position:-5px -558px} .icon-sprite-paper{width:32px;height:30px;background-position:-5px -600px} .icon-sprite-paypal{width:51px;height:32px;background-position:-5px -640px} .icon-sprite-pc{width:26px;height:24px;background-position:-5px -682px} .icon-sprite-pci{width:231px;height:31px;background-position:-5px -716px} .icon-sprite-pinterest{width:27px;height:27px;background-position:-5px -757px} .icon-sprite-share{width:17px;height:17px;background-position:-5px -794px} .icon-sprite-suitcase{width:29px;height:25px;background-position:-5px -821px} .icon-sprite-target{width:20px;height:20px;background-position:-5px -856px} .icon-sprite-triangle2{width:12px;height:19px;background-position:-5px -886px} .icon-sprite-twitter{width:28px;height:25px;background-position:-5px -915px} .icon-sprite-verisign{width:72px;height:35px;background-position:-5px -950px} .icon-sprite-video{width:33px;height:22px;background-position:-5px -995px} .icon-sprite-view-pdf{width:29px;height:34px;background-position:-5px -1027px} .icon-sprite-download-rfa{width:26px;height:32px;background-position:-5px -1140px} .icon-sprite-visa{width:51px;height:32px;background-position:-5px -1071px} .icon-sprite-youtube{width:39px;height:27px;background-position:-5px -1113px} .debug.cache{background: rgba(4, 54, 87, 1); position: fixed; bottom: 0px; width: 92%; margin:50px; padding: 10px; border: 1px solid #888; overflow:auto; height: 400px} .debug.cache h1{font-size: 1.5em; margin: 8px} .search-item span.icon{font-size:60px;color:#e9e9e9} .row.search-item:hover{background:#f1f1f1} .search-item .btn-link{display:block;color:#9c9c9c;font-size:16px;line-height:23px} .search-item h2 .btn-link{font-size:20px;line-height:24px;color:#353535;font-weight:bold} .search-item h2 .btn-link:hover{text-decoration:underline} .performancestats{background:#000;height:15px;color:#8ee;font-size:10px;text-align:right;padding:0px 20px} .performancestats.fixed{width:100%;position:fixed;bottom:0px;top:auto;z-index:1000} #myCarousel a.apps{display:inline-block;margin-top:24px} @media screen and (max-width:400px){.xs-full-width{width:100%}} .slider-size {background-size:cover!important; background-position: 50% 0!important; background-repeat: no-repeat!important;} .white {color:#FFF!important;} .opacity-0 {opacity: 0;} .margin-t-20 { margin-top: 20px;} .margin-t-10 { margin-top: 10px;} #facebook_link iframe {border: none; overflow: hidden; width:300px; height:420px;} .top-banner-static { background-position:center top; background-size:cover; display: block; width: 100%; min-height: 300px;} .header-banner-static { background-position:center top; background-size:cover; display: block; width: 100%; min-height: 300px;} .heading-banner-static { background-position:center top; background-size:cover; display: block; width: 100%; min-height: 300px;} .silentH2{font-size: 15px;font-weight:normal;font-size: 15px;color: #404040;display:inline;font-family:'Roboto Condensed',sans-serif;text-transform:initial;} .margin-bo-30{margin-bottom:30px;}