/* Theme Name: SmartON Author: FourGrafx Author URI: http://www.fourgrafxt.com Version: 1.0.0 Description: A Beautiful, Professional and Multipurpose Theme Made by FourGrafx

*/ /* Table of Content ================================================== #Reset & Basics #Site Styles #Navigation #Typography #Links #Lists #Images #Buttons #Forms #Table #Misc */ /* Preflight changes ==================================================== */ /* .projects h3 span:before, .project-heading span:before {right: 100%; margin-right: .5em;} .projects h3 span:before, .project-heading span:before, .projects h3 span:after, .project-heading span:after { content: ""; position: absolute; top: 50%; height: .5em; border-top: 1px solid #e5e5e5; width: 200em; } .projects h3 span:after, .project-heading span:after {left: 100%; margin-left: .5em;} tb-blue #009bda */ #course_nrt_icon{width:100px;float:right; margin:10px;} #dj-megamenu453, #dj-megamenu453sticky{display:flex;} .dj-megamenu-modern li.dj-up{flex-grow:1;} .relyon .dj-megamenu-modern li.logo a.dj-up_a .dj-icon{margin-top: 11px;} .dj-megamenu-modern > li.dj-up{max-width: 108px;text-align: center;} .dj-megamenu-modern > li.dj-up li{text-align: left;} .dj-up.itemid1059{width:100px;} .main-wrapper a{color:#333;text-decoration: underline;} .main-wrapper a:hover{color:#fbb031;} form .btn-group, form .btn-group-vertical { position: relative;} .btn-group, .btn-group-vertical { position: absolute; vertical-align: middle; top: 100px; right: 0%; z-index: 999; } .edit .btn-group{position: relative;} .active-case-studies .case-studies .sprocket-mosaic-readmore{display:none;} .case-studies .sprocket-mosaic-image-container img{height:112px;object-fit: cover;} .case-studies .sprocket-mosaic-item .sprocket-padding{height:340px;} .case-studies .sprocket-mosaic-item .col-md-8{width:100%;} .portfolio-like-icon, .portfolio-like{display:none;} .portfolio-info-simple { border-bottom: 0; margin: 1px 0 0 !important; padding: 10px 20px 10px 0 !important; position: relative} .project-heading, .projects h3 {overflow: hidden;} .project-heading span, .projects h3 span {position: relative;} .smarton-latest-work .sprocket-strips .cols-3 > li { min-height: 355px; } .sprocket-strips-content .photos{float:right;margin-top:0!important;margin-right:10px;} /************ Our Team ***************/ .moduletable.animation.fadeInUp.animation-active {height: 690px;} .moduletable.animation.fadeInUp.animation-active:nth-last-child(1) {height: 450px;} body.active-our-team .moduletable.animation.fadeInUp.animation-active {height: 720px; width: 30%; float: left; margin: 0 12px;} body.active-our-team .moduletable.animation.fadeInUp.animation-active:nth-last-child(1) {height: 400px;} body.active-our-team .sprocket-mosaic-text {font-weight: bold;font-size: 14px;} .hide-filters .sprocket-mosaic-header {display:none !important;} .active-our-team .sprocket-mosaic .sprocket-mosaic-header ul{display:flex;flex-flow: wrap;} .active-our-team .sprocket-mosaic .sprocket-mosaic-header ul li{margin-right:3px;margin-bottom:3px;} li.btn.btn-default.btn-sm.Guest-trainers { order: 7; } /* #Reset & Basics ================================================== */ body {font-size: 14px; font-weight:400; line-height: 1.5; color: #4A4A4A !important; background-color: #ffffff;} a{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0,0,0);} a:hover, a:focus, a:active {text-decoration:none;} a:focus, a:active {text-decoration:none;outline:none !important;} p {margin: 0 0 15px;} /* .bottom h3 span:after, .row h2:after { content: ""; position: absolute; top: 2%; height: .5em; border-top: 1px solid #e5e5e5; width: 40em; margin-left: 0.5em; } .row h2 {overflow: hidden;} .bottom h3 span, .row h2 { font-size: 24px; color: #008dce;}*/ .question h3{font-size: 20px; line-height: 28px; color: #008dce; font-weight: 600;} .question .col-md-4{border-left:#008dce solid 1px;} /*link colors*/ a.purple{ color:#cc66cc;} a.purple:hover{ color:#993399;} a.orange{ color:#ff6600;} a.orange:hover { color:#ff3300;} a.white{color:#ffffff;} a.white:hover{color:#f2f2f2;} a.success{ color:#99cc00;} a.success:hover { color:#669900;} a.info{color:#33cccc;} a.info:hover{color:#33cccc;} a.warning{color:#ff9900;} a.warning:hover{color:#ff9900;} a.danger{color:#cc0000;} a.danger:hover{color:#cc0000;} .btn { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0,0,0);} .btn { background-color: #FFFFFF; border-color: #E5E5E5; } .btn:hover, .btn:active, .btn:focus { background-color: #F9F9F9; border-color: #C5C5C5; color: #999999; } .white{color:#ffffff;} .right{text-align: right;} input[type=text], input[type=password], input[type=url], input[type=email], textarea, select { background: #F9F9F9; border: 1px solid #E5E5E5; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #848494; font-size: 14px; height: 34px; line-height: 34px; padding: 6px 12px; vertical-align: middle; width:100%; max-width:100%; } .dropdown-menu { z-index:9000;} .pdf {background: url(/images/pdf.png) no-repeat 0px 3px; padding: 9px 0 9px 35px; list-style-type: none;} .publications p a[href$=".pdf"] { background: url(/templates/smarton/images/PDF_icon.svg) left center no-repeat; padding: 11px 0 11px 61px; display: block; background-color: #eee; } .publications p a[href$=".doc"], .publications p a[href$=".docx"] { background: url(/templates/smarton/images/DOC_icon.svg) left center no-repeat; padding: 11px 0 11px 61px; display: block; background-color: #eee; } .publications p a:hover{ background-color: #F9F1C4;} /*Menu Headings*/ .container.container-inner .page-header {display: none;} .container.container-inner .blog .page-header{display:inherit;margin-bottom:10px;border:none;height:auto;} .container.container-inner .item-pagejob .page-header{display:inherit;margin-bottom:10px;margin-top:22px;border:none;height:auto;} /* #Typography ================================================== */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color:#000;} h1, .h1 {font-weight:300; font-size:36px; line-height:38px; margin:0 0 20px;} h1:first-of-type, .h1:first-of-type { margin-top:30px;} h2, .h2 {font-weight:300; font-size:34px; line-height:38px; margin:0 0 20px;} h3, .h3 {font-weight:300; font-size:26px; line-height:115%; margin:0 0 20px;} h4, .h4 {font-weight:300; font-size:24px; line-height:28px; margin:0 0 20px;} h5, .h5 {font-weight:500; font-size:20px; line-height:24px; margin:0 0 20px;} h6, .h6 {font-weight:500; font-size:16px; line-height:20px; margin:0 0 20px;} .container h1, .container h2{ color:#222222;} h1 .thin{font-weight: 200;font-size:0.7em;} .item-page h1, .blog h1, .casestudy h1{font-weight:900; font-size:36px; line-height:36px;color:#222222;margin-top:30px;padding: 0px; } .active-courses-at-hoxton-park .item-page h1{margin-right:20px;} .item-page h2, .casestudy h2{font-weight:900; margin-top:20px;} .blog .blog-item h2{font-size: 20px; font-weight: 900; margin-top: 0px; color: rgba(251, 176, 49, 1); line-height: 120%; height:auto; } .blog .blog-item h2 a{text-decoration: none;} .blog.job .blog-item h2{margin-bottom:0;} .blog.job ul.article-info.list-inline{border: none;} .container.container-inner .blog.job .page-header{margin-bottom:0;} .blog.job ul.article-info.list-inline{margin-bottom:5px;} .item-pagejob h3 {margin-bottom:5px;} .item-page h4{font-size:18px;font-weight:bold;color:rgba(251, 176, 49, 1)} /* home page tiles */ .relyon-sectors-blocks .col-md-4 h3{margin: 0px 40% 10px 30px; color:rgba(255, 255, 255)} .relyon-sectors-blocks .col-md-4 h4{font-weight:80; font-size:14px; line-height:18px; margin: 0px 30px 0px 30px; color:#fff;} .relyon-sectors-blocks .col-md-4{background-color:#00323D; padding:0 0 5px 0;} .relyon-sectors-blocks .col-md-4:first-of-type{margin-right:3%;} .relyon-sectors-blocks .col-md-4:last-of-type{margin-left:3%;} .relyon-sectors-blocks .col-md-4{width:30%;height:340px;} .relyon-sectors-blocks .col-md-4 p:first-of-type{display:none;} /* home page tiles 4cols*/ .row.lines3.relyon-sectors-blocks { display: flex; justify-content: center; /* Optional: align-items: center; */ } .relyon-sectors-blocks .col-md-3 a.arrow-read-more-button{top: 195px;} .relyon-sectors-blocks .col-md-3 h3{margin: 0px 40% 10px 20px; color:#fff;font-size:23px;} .relyon-sectors-blocks .col-md-3 h4{font-weight:80; font-size:14px; line-height:18px; margin: 0px 30px 0px 30px; color:#fff;} .relyon-sectors-blocks .col-md-3{background-color:#00323D; padding:0 0 5px 0;} .relyon-sectors-blocks .col-md-3{margin-right:1%;} .relyon-sectors-blocks .col-md-3:last-of-type{margin-right:0%;} .relyon-sectors-blocks .col-md-3{width:23%;height:340px;} .relyon-sectors-blocks .col-md-3 p:first-of-type{display:none;} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight:300; color: inherit;} .active-wind-energy-sector h3{font-weight:700; color:rgba(80,80,84,1.00);} .title-large{font-size: 64px; line-height:1.2;} .title-medium{font-size: 54px; line-height:1.2;} .title-small{font-size: 44px;line-height:1.2;} .title-color{} .h28 h2{font-size: 28px; line-height:1.2;} .singlecasestudy h2, h2.project-heading, .projects h3 { font-size: 24px; line-height: 28px; font-weight: 600; margin-top:20px; margin-bottom:10px; } @media all and (max-width: 800px) { .item-page h1, .blog h1{ font-size:28px; line-height:30px;color:#222;margin-top:20px;padding-bottom: 0px;} h1, .h1 {font-size: 28px;} h2, .h2 {font-size: 28px;} } h4{clear:both;} /* Special Headings */ /* heading-single*/ .heading-single{ overflow: hidden;} .heading-single span{ position: relative;} .heading-single span:before, .heading-single span:after{ content: ""; position: absolute; top: 50%; height: .5em; border-top: 1px solid #e5e5e5; width: 200em;} .heading-single span:before { right: 100%; margin-right: .5em;} .heading-single span:after { left: 100%; margin-left: .5em; } /* heading-double*/ .heading-double{ overflow: hidden;} .heading-double span{ position: relative;} .heading-double span:before, .heading-double span:after{ content: ""; position: absolute; top: 50%; margin-top: -.2em; height: .5em; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; width: 200em;} .heading-double span:before { right: 100%; margin-right: .5em;} .heading-double span:after { left: 100%; margin-left: .5em; } /* heading-diag*/ .heading-diag{ overflow: hidden;} .heading-diag span{ position: relative;} .heading-diag span:before, .heading-diag span:after{ content: ""; position: absolute; top: 50%; margin-top: -.2em; height: .5em; background:url("../images/diag-heading.png") repeat; width: 200em;} .heading-diag span:before { right: 100%; margin-right: .5em;} .heading-diag span:after { left: 100%; margin-left: .5em; } /* big text lead */ .lead{ } /* Toggle Box */ .togglebox{ display:none; } .togglebox { position: relative; background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9ffffff',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0 0 4px rgba(50, 50, 50, 0.2); box-shadow: 0 0 4px rgba(50, 50, 50, 0.2);} .togglebox:after, togglebox:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .togglebox:after { border-color: rgba(0, 0, 0, 0); border-bottom-color: #ffffff;border-width: 5px; left: 25px;} .togglebox .input-group i.fa {margin:0;} .toggle-link{ padding:0 10px; display:block; line-height:1.6;} .toggle-link .fa{ margin-right:5px;} /* Images */ .thumbnail{ padding:8px; border:1px solid #f2f2f2; -webkit-box-shadow: 0 0 2px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0 0 2px rgba(50, 50, 50, 0.1); box-shadow: 0 0 2px rgba(50, 50, 50, 0.1);} .img-thumbnail{ padding:0px; border:0;} .image-padding-thumb {border:8px solid #fff; -webkit-box-shadow: 0 0 2px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0 0 2px rgba(50, 50, 50, 0.1); box-shadow: 0 0 2px rgba(50, 50, 50, 0.1);} a:hover .thumbnail{ background-color:#f9f9f9;} a:hover .img-thumbnail{background-color:#f9f9f9; } a:hover.thumbnail{ background-color:#f9f9f9;} a:hover.img-thumbnail{background-color:#f9f9f9; } /* Buttons */ .btn { padding:8px 18px; font-weight:500;} /*default*/ .btn-default{ background-color: #ffffff; border-color: #e5e5e5; color: #848494;} .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {color: #999; background-color: #f9f9f9; border-color: #c5c5c5;} /*primary*/ .btn-primary { color: #ffffff;background-color:#13303c;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {color: #ffffff; border-color: transparent;background-color:orange;} .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {background-image: none;} .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {opacity: .5;} .active-404-error a.btn-primary{color:#FFF !important;} .active-404-error a.btn-primary:hover{color:#111 !important;} /*success*/ .btn-success{ color: #ffffff; background-color: #99cc00; border-color: transparent;} .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {color: #ffffff;background-color: #669900; border-color: transparent;} .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none;} .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #99cc66; border-color: transparent;} /*info*/ .btn-info { color: #ffffff; background-color: #33cccc; border-color: transparent;} .btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info { color: #ffffff; background-color: #27b7b7; border-color: transparent;} .btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info { background-image: none;} .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {background-color: #66cccc; border-color: transparent;} /*warning*/ .btn-warning {color: #ffffff; background-color: #ff9900; border-color: transparent;} .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ff7700; border-color: transparent;} .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none;} .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #ffcc66; border-color: transparent;} /*danger*/ .btn-danger {color: #ffffff; background-color: #cc0000; border-color: transparent;} .btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger { color: #ffffff; background-color: #aa0000; border-color: transparent;} .btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger { background-image: none;} .btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus, .btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active, .btn-danger[disabled].active,fieldset[disabled] .btn-danger.active { background-color: #ff9999; border-color: transparent;} /*purple*/ .btn-purple {color: #ffffff !important; background-color: #cc66cc; border-color: transparent;} .btn-purple:hover,.btn-purple:focus,.btn-purple:active,.btn-purple.active,.open .dropdown-toggle.btn-purple { color: #ffffff; background-color: #cc44cc; border-color: transparent;} .btn-purple:active,.btn-purple.active,.open .dropdown-toggle.btn-purple { background-image: none;} .btn-purple.disabled,.btn-purple[disabled],fieldset[disabled] .btn-purple,.btn-purple.disabled:hover,.btn-purple[disabled]:hover,fieldset[disabled] .btn-purple:hover,.btn-purple.disabled:focus, .btn-purple[disabled]:focus,fieldset[disabled] .btn-purple:focus,.btn-purple.disabled:active,.btn-purple[disabled]:active,fieldset[disabled] .btn-purple:active,.btn-purple.disabled.active, .btn-purple[disabled].active,fieldset[disabled] .btn-purple.active { background-color: #ee99ee; border-color: transparent;} /*orange*/ .btn-orange {color: #ffffff !important; background-color: #ff6600; border-color: transparent;} .btn-orange:hover,.btn-orange:focus,.btn-orange:active,.btn-orange.active,.open .dropdown-toggle.btn-orange { color: #ffffff; background-color: #ff4400; border-color: transparent;} .btn-orange:active,.btn-orange.active,.open .dropdown-toggle.btn-orange { background-image: none;} .btn-orange.disabled,.btn-orange[disabled],fieldset[disabled] .btn-orange,.btn-orange.disabled:hover,.btn-orange[disabled]:hover,fieldset[disabled] .btn-orange:hover,.btn-orange.disabled:focus, .btn-orange[disabled]:focus,fieldset[disabled] .btn-orange:focus,.btn-orange.disabled:active,.btn-orange[disabled]:active,fieldset[disabled] .btn-orange:active,.btn-orange.disabled.active, .btn-orange[disabled].active,fieldset[disabled] .btn-orange.active { background-color: #ffcc99; border-color: transparent;} /*white*/ .btn-white {color: #848484; background-color: #ffffff; border-color: transparent;} .btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white { color: #848494; background-color: #f2f2f2; border-color: transparent;} .btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white { background-image: none;} .btn-white.disabled,.btn-white[disabled],fieldset[disabled] .btn-white,.btn-white.disabled:hover,.btn-white[disabled]:hover,fieldset[disabled] .btn-white:hover,.btn-white.disabled:focus, .btn-white[disabled]:focus,fieldset[disabled] .btn-white:focus,.btn-white.disabled:active,.btn-white[disabled]:active,fieldset[disabled] .btn-white:active,.btn-white.disabled.active, .btn-white[disabled].active,fieldset[disabled] .btn-white.active { background-color: #f2f2f2; border-color: transparent;} /* buttons border */ /*primary border*/ .btn.btn-border { border-style:solid; border-width:1px; background:none;} .btn.btn-border.btn-default{border-color: #848494; color: #848494;} .btn.btn-border.btn-default:hover{border-color: #c5c5c5; color: #c5c5c5;} .btn.btn-border.btn-primary:hover{border-color: #1188cc; color: #1188cc;} .btn.btn-border.btn-success{border-color: #99cc00; color: #99cc00;} .btn.btn-border.btn-success:hover{border-color: #669900; color: #669900;} .btn.btn-border.btn-info{border-color: #33cccc; color: #33cccc;} .btn.btn-border.btn-info:hover{border-color: #27b7b7; color: #27b7b7;} .btn.btn-border.btn-warning{border-color: #ff9900; color: #ff9900;} .btn.btn-border.btn-warning:hover{border-color: #ff7700; color: #ff7700;} .btn.btn-border.btn-danger{border-color: #cc0000; color: #cc0000;} .btn.btn-border.btn-danger:hover{border-color: #aa0000; color: #aa0000;} .btn.btn-border.btn-purple{border-color: #cc66cc; color: #cc66cc;} .btn.btn-border.btn-purple:hover{border-color: #cc44cc; color: #cc44cc;} .btn.btn-border.btn-orange{border-color: #ff6600; color: #ff6600;} .btn.btn-border.btn-orange:hover{border-color: #ff4400; color: #ff4400;} .btn.btn-border.btn-white{border-color: #ffffff; color: #ffffff;} .btn.btn-border.btn-white:hover{border-color: #f2f2f2; color: #848494; background:#fff; } /*buttons sizes*/ .btn-lg{padding:14px 20px;} .btn-sm{ padding:5px 12px;} .btn-xs{ padding:3px 8px;} .sprocket-mosaic-filter .btn-sm{background-color:#008DCE;color:#fff;font-size: 14px;} .sprocket-mosaic-filter .btn-sm:hover{background-color:#00A2ED;} .sprocket-mosaic-filter .btn-primary{background-color:#2A2A2A;color:#fff;} /* button with icons */ .fa-margin-right{margin-right:10px;} .fa-margin-left {margin-left:10px;} .btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret {border-top-color: #ffffff;} .dropup .btn-primary .caret, .dropup .btn-success .caret, .dropup .btn-warning .caret, .dropup .btn-danger .caret, .dropup .btn-info .caret { border-bottom-color: #ffffff;} /* Icons Styles */ .icon-wrapper {display: inline-block; font-size: 1em; height: 30px; text-align: center; width: 30px;} .icon-wrapper .fa{width:auto;line-height:27px;} .icon-wrapper.fa-lg{font-size:1.4em; vertical-align:0;} .icon-wrapper.fa-2x{font-size:2em;} .icon-wrapper.fa-3x{font-size:2.6em;} .icon-wrapper.fa-4x{font-size:3.2em;} .icon-wrapper.fa-5x{font-size:3.8em;} /* full round icons */ .icon-wrapper.icon-full-round{-webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; border-radius:100%; line-height: 29px;} .icon-wrapper.icon-full-round.fa-lg{ height:40px; width:40px; line-height:40px;} .icon-wrapper.icon-full-round.fa-2x{ height:55px; width:55px; line-height:55px;} .icon-wrapper.icon-full-round.fa-3x{ height:70px; width:70px; line-height:70px;} .icon-wrapper.icon-full-round.fa-4x{ height:85px; width:85px; line-height:85px;} .icon-wrapper.icon-full-round.fa-5x{ height:100px; width:100px; line-height:100px;} /* border round icons */ .icon-wrapper.icon-border-round{-webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; border-radius:100%; line-height: 25px; border:1px solid;} .icon-wrapper.icon-border-round.fa-lg{ height:40px; width:40px; line-height:36px;} .icon-wrapper.icon-border-round.fa-2x{ height:55px; width:55px; line-height:51px;} .icon-wrapper.icon-border-round.fa-3x{ height:70px; width:70px; line-height:66px;} .icon-wrapper.icon-border-round.fa-4x{ height:85px; width:85px; line-height:81px;} .icon-wrapper.icon-border-round.fa-5x{ height:100px; width:100px; line-height:96px;} /* full radius icons */ .icon-wrapper.icon-full-radius{-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; line-height: 29px;} .icon-wrapper.icon-full-radius.fa-lg{ height:40px; width:40px; line-height:40px;} .icon-wrapper.icon-full-radius.fa-2x{ height:55px; width:55px; line-height:55px;} .icon-wrapper.icon-full-radius.fa-3x{ height:70px; width:70px; line-height:70px;} .icon-wrapper.icon-full-radius.fa-4x{ height:85px; width:85px; line-height:85px;} .icon-wrapper.icon-full-radius.fa-5x{ height:100px; width:100px; line-height:100px;} /* border radius icons */ .icon-wrapper.icon-border-radius{-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px; line-height: 25px; border:1px solid;} .icon-wrapper.icon-border-radius.fa-lg{ height:40px; width:40px; line-height:36px;} .icon-wrapper.icon-border-radius.fa-2x{ height:55px; width:55px; line-height:51px;} .icon-wrapper.icon-border-radius.fa-3x{ height:70px; width:70px; line-height:66px;} .icon-wrapper.icon-border-radius.fa-4x{ height:85px; width:85px; line-height:81px;} .icon-wrapper.icon-border-radius.fa-5x{ height:100px; width:100px; line-height:96px;} /* #Site Styles ================================================== */ /*==== Site Wrappers ====*/ .page-wrapper{overflow-x:hidden; background:#fff;border-top:0;} /*use this class to have boxed version of the website*/ .page-wrapper.boxed{ max-width:1210px; margin:0px auto; -webkit-box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15); -moz-box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15); box-shadow: 0 3px 14px rgba(50, 50, 50, 0.15)} /*body backgrounds*/ .bg-pattern1{ background:url("../images/bg/bg01.png") repeat fixed center 0 #F1F1F1;} .bg-pattern2{ background:url("../images/bg/bg02.png") repeat fixed center 0 #F1F1F1;} .bg-pattern3{ background:url("../images/bg/bg03.png") repeat fixed center 0 #F1F1F1;} .bg-pattern4{ background:url("../images/bg/bg04.png") repeat fixed center 0 #F1F1F1;} .bg-pattern5{ background:url("../images/bg/bg05.png") repeat fixed center 0 #F1F1F1;} .bg-pattern6{ background:url("../images/bg/bg06.png") repeat fixed center 0 #F1F1F1;} .bg-pattern7{ background:url("../images/bg/bg07.png") repeat fixed center 0 #F1F1F1;} .bg-pattern8{ background:url("../images/bg/bg08.png") repeat fixed center 0 #F1F1F1;} .bg-pattern9{ background:url("../images/bg/bg09.png") repeat fixed center 0 #F1F1F1;} .bg-pattern10{ background:url("../images/bg/bg10.png") repeat fixed center 0 #F1F1F1;} .bg-pattern11{ background:url("../images/bg/bg11.png") repeat fixed center 0 #F1F1F1;} .bg-pattern12{ background:url("../images/bg/bg12.png") repeat fixed center 0 #F1F1F1;} .bg-pattern13{ background:url("../images/bg/bg13.png") repeat fixed center 0 #F1F1F1;} .bg-pattern14{ background:url("../images/bg/bg14.png") repeat fixed center 0 #F1F1F1;} .bg-pattern15{ background:url("../images/bg/bg15.png") repeat fixed center 0 #F1F1F1;} .bg-pattern16{ background:none;} .bg-pattern17{ background:url("../images/bg/bg17.png") repeat fixed center 0 #F1F1F1;} .bg-pattern18{ background:url("../images/bg/bg18.png") repeat fixed center 0 #F1F1F1;} .bg-pattern19{ background:url("../images/bg/bg19.png") repeat fixed center 0 #F1F1F1;} .bg-pattern20{ background:url("../images/bg/bg20.png") repeat fixed center 0 #F1F1F1;} .header-wrapper{} .header-wrapper .header-bottom{ background-image: url(../images/diagnal-lines2.svg); background-color: #008BCD; background-repeat: repeat; background-size: 2000px 500px; } a.tb-image-overlay {display: block;position: relative;} a.tb-image-overlay::after {position: absolute;content:" ";top:0;left:0;right:0;bottom:0;opacity: 0.5; background-color: #008BCD; background-repeat: repeat; background-size: 2000px 500px; display: none;z-index: 9;transition: opacity 1s; } a.tb-image-overlay:hover::after {display: block;transition: opacity 1s;} .header-wrapper .header-bottom{} .slider-wrapper{ float: left; margin-top: -35px; overflow: hidden; position: relative; width: 100%; z-index: 9;} .slider-wrapper ul > li { padding:0;} .main-wrapper{ clear:both; padding:0;} .page-wrapper > .sitetitle-default {position: relative;} /* remove page heading and breadcrumb bit */ .sitetitle-default{display:none;} .footer-wrapper{position:relative;top:-32px;} .footer-wrapper .lead{ font-size:20px;} /*==== Site Blocks ====*/ /* Slide Top Panel Container */ .slide-pannel-wrapper{position: absolute; top: 0; width: 100%; color:#FFF; } .page-wrapper.boxed .slide-pannel-wrapper{max-width:1250px;} #slide-panel {display: none; padding:0; z-index:9999; position:relative; border-bottom:4px solid; background: rgb(0, 0, 0) transparent; /* nice browsers */ background: rgba(0, 0, 0, 0.9); /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)";} .slide-btn-wrapper { display:block; float:right; position:relative;z-index:999; text-align:center; width:40px; } .slide-panel-btn { color: #fff; display: block; text-decoration: none; line-height:2; padding:8px; } .slide-panel-btn:hover, .slide-panel-btn:focus {color: #fff;} .slide-panel-btn:after {content:'\f067'; font-family:FontAwesome;} .slide-panel-btn.active:after{content:'\f068'; font-family:FontAwesome;} #slide-panel .panel1, #slide-panel .panel2, #slide-panel .panel3, #slide-panel .panel4 {padding-top:0;padding-bottom:20px;} .service-block.sb-border.sb-primary{background-color:#fff;border:1px solid #333333 !important;} /*==== Header Top ====*/ .header-top{display:none;} .n2-ss-item-imagebox-content{cursor: pointer;} .header-top .togglebox { position:absolute; z-index:9000; line-height: normal; color:#848494; margin-top:30px;top:30px;} .togglebox{ display:none;-webkit-transform: translate3d(0,0,0);} /*body.active-home .n2-ss-slider .n2-ss-layer-col {height:414px}*/ .n2-ss-slider .thinspan span{font-weight:300;} .thinspan span{font-weight:300;} .dkblue-header{position:relative;z-index:99;font-size:14px;color:#fff;background:#00323D;padding: 4px 0 4px 0;} .dkblue-header a {color:#fff;} .dkblue-header a:hover {color:#3e91d1;} body.active-testhome ss3-force-full-width, body.active-test-relyon ss3-force-full-width, body.active-home ss3-force-full-width {border-bottom: 30px;border-color: #00323d;border-style: solid;margin-bottom: -30px;} body.active-testhome .n2-ss-slide-background div, body.active-home .n2-ss-slide-background div { background-position: bottom; background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.90) 0%,rgba(0,0,0,0.63) 23.83%,rgba(0,0,0,0.65) 72.33%,rgba(0,0,0,0.90) 99.59%) !important; background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.90) 0%,rgba(0,0,0,0.63) 23.83%,rgba(0,0,0,0.65) 72.33%,rgba(0,0,0,0.90) 99.59%) !important; background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.90) 0%,rgba(0,0,0,0.63) 23.83%,rgba(0,0,0,0.65) 72.33%,rgba(0,0,0,0.90) 99.59%) !important; background-image: linear-gradient(180deg,rgba(0,0,0,0.90) 0%,rgba(0,0,0,0.63) 23.83%,rgba(0,0,0,0.65) 72.33%,rgba(0,0,0,0.90) 99.59%) !important; } /* top menu left and right */ .top-menu-left{} .top-menu-right{} .top-menu-left ul{ margin:0;float:left;} .top-menu-left ul li{float:left;padding:0;} .top-menu-right ul{ margin:0;float:right;} .top-menu-right ul li{ padding:5px 5px 5px 0;} .top-menu-left ul li a.toggle-link{ padding:10px; display:inline-block; } .top-menu-left ul li a.toggle-link:hover{} /* top cart */ .top-cart .togglebox{padding: 15px; margin-right:15px;} .top-cart .media-list li {border-bottom:1px solid #e5e5e5; padding:10px 0;} .top-cart .media-list li:last-child { border-bottom:4px solid #e5e5e5;} /* top login */ .top-login .togglebox{ padding:20px 20px 5px;} /* top language */ .top-language ul.language-menu{ padding:5px 0; list-style:none; margin-bottom:0;} .top-language ul.language-menu li { border:none; float:none;} .top-language ul.language-menu li a{ padding:10px 20px; display:block; color:#848494;} .top-language ul.language-menu li.active a{ color:#ffffff;} .top-language ul.language-menu li a:hover{ color:#ffffff;} /* top social */ .top-social{} .top-social li a{ display:block;} .top-social .icon-wrapper.icon-border-round { line-height:29px;} /*============================= Top Header Styles ===============================*/ /*light top header*/ .light-top-header .header-top { background:#f9f9f9; border-bottom:1px solid #f2f2f2;} .light-top-header .header-top a:hover{ text-decoration:none; color:#1188cc;} /*default(dark) centered top header*/ .center-top-header .header-top .top-menu-right ul { float:none; text-align:center;} .center-top-header .logo{ text-align:center; padding:20px 10px 10px;} .center-top-header .contact-info { padding:10px 10px 20px; text-align:center; float:none;} /*==== Header Middle ====*/ .header-middle {display:none;} /* logo */ .logo{padding:15px 0;height:160px;} .logo img{height:133px;width:200px;} .main-navigation .sm-default a { padding: 32px 12px; font-size: 14px; transition: padding 0.2s; } .visible .main-navigation .sm-default a{ padding: 27px 13px 24px; transition: padding 0.2s; } .visible .logo{padding:0px 0;height:90px;position:relative;} .visible .logo img{height:142px;} .visible #main-menu { } @media (min-width: 800px) { #main-menu.sm a{white-space:pre-line;} #main-menu { display: block; text-align:right; } #main-menu li { text-align:left; } #main-menu > li { text-align:center; } /*#main-menu > li {display: inline-block;float: none;} #main-menu .item-101 { display:inline-block; position: absolute; left: 0; }*/ #main-menu .item-101 a{ text-indent: -9999px; overflow: hidden; width: 150px; background-image: url(/templates/smarton/images/TB-RelyOn_Logo_White.svg); background-repeat: no-repeat; background-size: 160px; transition: background-size 0.2s; background-position: 0% 50%; margin:0 0 0 0px; background-color:transparent !important; } /* afterscroll and make logo smaller*/ .visible #main-menu .item-101 a{ padding-left: 5px; background-size:130px; background-position: 0% 50%; margin:0 0px 0 7px; } } #main-menu .item-263, #main-menu .item-1058, #main-menu .item-1059 {} /* .main-navigation .sm-default .item-263 a, .main-navigation .sm-default .item-1058 a, .main-navigation .sm-default .item-1059 a{padding: 23px 10px;}*/ .visible .main-navigation .sm-default .item-263 a, .visible .main-navigation .sm-default .item-1058 a, .visible .main-navigation .sm-default .item-1059 a{} /*dropdown widths*/ #main-menu ul.nav-child{width:200px} /* #main-menu {display:flex;justify-content: space-evenly;} #main-menu li{flex-grow: 1;} */ /* hide Casestudy dropdown*/ .item-603 ul{display:none !important;} /* contact info top */ .contact-info { float:right; text-align:right; padding:25px 0 5px;} .contact-info .fa-ul{ line-height:inherit; margin-bottom:0;} .contact-info .fa{line-height:1.3;} .contact-info ul li{ padding-left:5px;} /*==== Header Bottom ====*/ .header-bottom { z-index:1010; position:relative; background-color: rgba(28,146,212,0.80); height: 80px; transition: height 0.2s;} /* header Sticky Nav */ .visible .header-bottom { width:100%; background-color:rgba(28,146,212,0.80); height: 67px !important; transition: height 0.2s; } /* container menu */ .header-bottom .container { border:0; } .header-bottom .sm-default a {color:#fff;font-weight: 600} .page-wrapper.boxed .header-bottom { max-width:1210px;} /*==== Back To Top ====*/ .scrollup{ border: 1px solid #ffffff; bottom: -1px; display: none; font-size: 16px; left: 50%; margin-left: -30px; opacity: 0.6; position: fixed; text-align: center; width: 60px; z-index: 999;} .scrollup .fa { color:#ffffff;} .scrollup:hover{ opacity:0.9; background:#1188cc;} /* #Navigation ================================================== */ .main-navigation{ position:relative;} #menu-button { display:none;} #menu-button:before {content:'Main Menu';} #menu-button:after {content:'\f077'; float:right; font-family:FontAwesome;} #menu-button.collapsed:before {content:'Main Menu';} #menu-button.collapsed:after {content:'\f078'; float:right; font-family:FontAwesome;} @media screen and (max-width: 798px) { /* show the button on small screens */ #menu-button {display: block; padding: 20px; font-size:18px; cursor:pointer;} /* hide the menu when it has the "collapsed" class set by the script */ #main-menu.collapsed {display:none;} .main-navigation { float:none} } /* SmartMenus Core CSS (it's not recommended editing this) ===============================================================*/ .sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;} ul.sm li{position:relative;} ul.sm a{position:relative;display:block;} ul.sm a.disabled{cursor:default;} ul.sm ul{position:absolute;top:-999999px;left:-800px;width:auto;} ul.sm li{float:left;} ul.sm-rtl{direction:rtl;} ul.sm-rtl li{float:right;} ul.sm ul li,ul.sm-vertical li{float:none;} ul.sm a{white-space:nowrap;} ul.sm ul a,ul.sm-vertical a{white-space:normal;} * html ul.sm-vertical li{float:left;width:100%;} * html ul.sm-vertical ul li{float:none;width:auto;} *:first-child+html ul.sm-vertical>li{float:left;width:100%;} ul.sm ul.sm-nowrap>li>a{white-space:nowrap;} ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;} * html ul.sm{height:1px;} *:first-child+html ul.sm{min-height:1px;} ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} ul.sm{-webkit-tap-highlight-color:rgba(251, 176, 49, 1);} mark { background-color:rgba(251, 176, 49, 1); color: inherit; /* Inherit text color from parent */ } /* --------------------------------------------------------------- Note that styles you apply to the main menu items are inherited by the sub menus items too. If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example: .sm-default > li > a { ... } instead of .sm-default a { ... } ---------------------------------------------------------------*/ /* Navigation Default Style ===================*/ ul.sm-default{ display:inline-block;} ul.sm-default ul li ul {border-top:0;} ul.sm-default:after{ display: inline-block; font: inherit; height: auto;} ul.sm-default ul { padding:10px 0; background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9ffffff',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1); box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);} ul.sm-default ul li ul {padding:0;} /* Menu items ===================*/ .sm-default a {padding:24px 10px;font-size:16px;text-decoration:none;} .sm-default > a {text-align: center;} .sm-default .mega-menu > li > a {padding: 10px 35px 10px 16px;font-size: 14px;} .sm-default .mega-menu > li > a:hover { background-color: #008dce; color: #fff; } .sm-default .sm-nowrap > li > a {padding:10px 35px 10px 16px; font-size:14px;} .sm-default .sm-nowrap > li > a:hover {color:#fff;} /* current items - add the class manually to some item or check the "markCurrentItem" script option */ .sm-default a.current, .sm-default a.current:hover, .sm-default a.current:focus, .sm-default a.current:active {color:#fff !important;} .sm-default a.current{background:#006396;} /* Sub menu indicators ===================*/ ul.sm-default li a span.sub-arrow {position:absolute; right:0px;top:50%; margin-top:-8px;width:18px; height:16px;line-height:16px;display:none;text-align:left;} ul.sm-default li ul li a span.sub-arrow {display: block;} ul.sm-default li ul li ul li a span.sub-arrow {display: block;} /* ===================*/ .sm-default span.scroll-up, .sm-default span.scroll-down { position:absolute; display:none; visibility:hidden; overflow:hidden; border:solid #bbb; border-width:1px 0; background:#fff; height:20px; /* width and position will be automatically set by the script */ } .sm-default span.scroll-up-arrow, .sm-default span.scroll-down-arrow { position:absolute; top:-2px; left:50%; margin-left:-8px; /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */ width:0; height:0; overflow:hidden; border-width:8px; /* tweak size of the arrow */ border-style:dashed dashed solid dashed; border-color:transparent transparent #555 transparent; } .sm-default span.scroll-down-arrow { top:6px; border-style:solid dashed dashed dashed; border-color:#555 transparent transparent transparent; } /* --------------------------------------------------------------- Responsiveness These will make the sub menus collapsible when the screen width is too small. ---------------------------------------------------------------*/ @media screen and (max-width: 798px) { /* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */ ul.sm-default{width:auto !important;} ul.sm-default ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;} ul.sm-default>li{float:none;} ul.sm-default>li>a,ul.sm-default ul.sm-nowrap>li>a{white-space:normal;} ul.sm-default iframe{display:none;} ul.sm-default li a span.sub-arrow {display: block;} /* Uncomment this rule to disable completely the sub menus for small screen devices */ /*.sm-default ul, .sm-default span.sub-arrow, .sm-default iframe { display:none !important; }*/ /* Menu box ===================*/ ul.sm-default{ display: block;} ul.sm-default:after{ display: block;} ul.sm-default ul { border:0; /* darken the background of the sub menus */ background:rgba(204,204,204,0.1); -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } /* Menu items ===================*/ .sm-default a {padding-top:13px; padding-bottom:13px; } .sm-default a.current { color:#fff !important;} .sm-default a.has-submenu {padding-right:23px;} /* add some text indentation for the 2+ level sub menu items */ .sm-default ul a {border-left:8px solid transparent;} .sm-default ul ul a {border-left:16px solid transparent; } .sm-default ul ul ul a { border-left:24px solid transparent; } .sm-default ul ul ul ul a {border-left:32px solid transparent;} .sm-default ul ul ul ul ul a {border-left:40px solid transparent;} /* Sub menu indicators ===================*/ /* Hide sub indicator when item is expanded - we enable the item link when it's expanded */ .sm-default a.highlighted span.sub-arrow {display:none !important;} /* Items separators ===================*/ .sm-default li {border-left:0;border-top:1px solid rgba(0,0,0,0.05) !important;} .sm-default li:first-child { border-top:0 !important;} } /* End Navigation Default Style===================*/ /* Mega Menu */ ul.mega-menu {position:relative;} ul.mega-menu li { display:block;} /* Navigation Icons Style ===================*/ .menu-icons{} .menu-icons .main-navigation .sm-default a{ padding:1.5em 0.8em 1.5em 0.8em;} .menu-icons .main-navigation ul.sm li > ul li a {padding: 0.8em 1.4em;} .menu-icons .main-navigation .sub-arrow { display:none;} @media screen and (max-width: 991px) { .menu-icons .main-navigation .sm-default a{ padding:1.5em 0.45em;} } /* End Navigation Icons Style===================*/ /* Navigation Full Width Style ===================*/ .header-bottom.menu-full-width{ background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9ffffff',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 0 1px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0 0 1px rgba(50, 50, 50, 0.20); box-shadow: 0 0 1px rgba(50, 50, 50, 0.20); width:100%; } .header-bottom.menu-full-width .container { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* End Full Width Style===================*/ /* Navigation Separator Style ===================*/ #main-menu .separator, #main-menu .separator:hover{ padding: 4px 3px 5px 15px; font-size: 18px; line-height: 100%; background:none; color:#fff; } #main-menu .item-336 .separator{padding: 19px 3px 32px 15px; font-size: 14px;} .sticky-wrapper.visible #main-menu .item-336 .separator{padding: 14px 3px 24px 15px; font-size: 14px;} .menu-separator .main-navigation ul.sm li { border-left:1px solid #fff; border-right:1px solid #e5e5e5;} .menu-separator .main-navigation ul.sm li > ul li { border:none;} .menu-separator .main-navigation ul.sm li:first-child { border-left:none;} .menu-separator .main-navigation ul.sm li:last-child { border-right:none;} @media (max-width: 800px) { .menu-separator .main-navigation ul.sm li { border:none;} } /* End Separator Style===================*/ /* Navigation Radius Style ===================*/ .menu-radius{} .menu-radius .main-navigation ul.sm li a {margin-top: 0.5em; margin-bottom:0.5em; padding: 1em;} .menu-radius.menu-icons .main-navigation ul.sm li a {margin-top: 0.5em; margin-bottom:0.5em; padding: 1em 0.8em 1em 0.8em;} .menu-radius .main-navigation ul.sm li > ul li a { margin-top:0; margin-bottom:0;padding:10px 35px 10px 16px;} .menu-radius .main-navigation .sm-default a.current,.menu-radius .main-navigation .sm-default a.current:focus,.menu-radius .main-navigation .sm-default a.current:active{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .menu-radius .main-navigation ul.sm li > ul li a.current { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} /* End Radius Style===================*/ /* Navigation Tab Style ===================*/ .menu-tab{} .menu-tab .top-search{ padding:18px;} .menu-tab .main-navigation ul.sm li a { margin-top:-0.5em; padding:1.8em 1em 1.5em 1em;} .menu-tab .sm-default a span.sub-arrow {} .menu-tab .main-navigation .sm-default a.current,.menu-tab .main-navigation .sm-default a.current:focus,.menu-tab .main-navigation .sm-default a.current:active{-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;} .menu-tab .main-navigation ul.sm li > ul li a { margin-top:0; margin-bottom:0; padding: 10px 35px 10px 16px;} .menu-tab .main-navigation ul.sm li > ul li a.current {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .menu-tab .main-navigation ul.sm li > ul li a { margin-top:0; margin-bottom:0;} .menu-tab.menu-icons .main-navigation ul.sm li a { margin-top:-0.5em; padding-left:0.8em; padding-right:0.8em;} /* End Tab Style===================*/ /* top search */ .top-search { float:left; padding: 9px 18px;} .top-search .search-box {left: auto;right: 0; opacity: 0;} .top-search .toggle-link{ text-align: center; font-size:18px;} .top-search .toggle-link:hover{color:#333333;} .top-search .toggle-link:focus{color:#333333;} .top-search .toggle-link .fa { margin:0;} .top-search .togglebox {position: absolute; right: 114px; z-index: 999999; margin-top:30px; top: 55px;background:#ffffff; -webkit-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1); box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);} .top-search .togglebox:after { right:32px; left:inherit;} .top-search .form-control{ border:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size:13px; height:39px;} .top-search .form-control:focus{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:none; } /* Flex Slider Overwrites*/ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles */ .flexslider {margin: 0; padding: 0;} .slides > li {display: none; -webkit-backface-visibility: hidden; padding:0; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .slides img {width: 100%; height:auto; display: block; -moz-backface-visibility: hidden;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0; background: #fff; position: relative; zoom: 1; border:1px solid #e5e5e5; margin:0 0 30px; overflow:hidden; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px;} .simple-slider { min-height:100px; background: url("../img/theme/revolution/loader.gif") no-repeat center center #fff;} .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* FlexSlider Main Slider *********************************/ .main-slider {overflow:hidden;} .main-slider .flex-prev {left: -40px; } .main-slider .flex-next {right: -40px; } .main-slider:hover .flex-prev { opacity: 0.6; left: 0px; } .main-slider:hover .flex-next { opacity: 0.6; right: 0px; } .main-slider:hover .flex-next:hover, .main-slider:hover .flex-prev:hover { opacity: 0.8; } /* FlexSlider Simple Slider *********************************/ .simple-slider { overflow:hidden;} .simple-slider a:active, .simple-slider a:focus {outline: none;} .simple-slider {margin: 0; padding: 0; position:relative;} .simple-slider .slides > li {display: none; -webkit-backface-visibility: hidden; margin:0 !important; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .simple-slider .slides img {width: 100%; display: block; } .simple-slider:hover .flex-prev { opacity: 0.6; left: 0px; } .simple-slider:hover .flex-next { opacity: 0.6; right: 0px; } .simple-slider:hover .flex-next:hover, .simple-slider:hover .flex-prev:hover { opacity: 0.8; } /* FlexSlider Simple Slider Portfolio *********************************/ .simple-slider-portfolio{ overflow:hidden;} .simple-slider-portfolio a:active, .simple-slider-portfolio a:focus {outline: none;} .simple-slider-portfolio {margin: 0; padding: 0; position:relative;} .simple-slider-portfolio .slides > li {display: none; -webkit-backface-visibility: hidden; margin:0 !important; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .simple-slider-portfolio .slides img {width: 100%; display: block; } .simple-slider-portfolio:hover .flex-prev { opacity: 0.6; left: 0px; } .simple-slider-portfolio:hover .flex-next { opacity: 0.6; right: 0px; } .simple-slider-portfolio:hover .flex-next:hover, .simple-slider-portfolio:hover .flex-prev:hover { opacity: 0.8; } /* FlexSlider Thumb Slider *********************************/ .thumb-slider { margin-bottom:20px; padding:10px; border:1px solid #e5e5e5; overflow:hidden;} .thumb-slider .flex-prev {left: -40px; } .thumb-slider .flex-next {right: -40px; } .thumb-slider:hover .flex-prev { opacity: 0.6; left: 0px; } .thumb-slider:hover .flex-next { opacity: 0.6; right: 0px; } .thumb-slider:hover .flex-next:hover, .thumb-slider:hover .flex-prev:hover { opacity: 0.8; } /* Home Relyon Slider */ /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav li{ padding:0;} .flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0.4; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; background:#FFF; text-align:center; } .flex-direction-nav .flex-prev { left: -40px; } .flex-direction-nav .flex-next { right: -40px; } .flexslider:hover .flex-prev { opacity: 0.7; left: 0px; } .flexslider:hover .flex-next { opacity: 0.7; right: 0px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 24px; display: inline-block; content: '\f053'; line-height:1.8; } .flex-direction-nav a.flex-next:before { content: '\f054'; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 26px; height: 26px; position: absolute; bottom: 25px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "FontAwesome"; font-size: 20px; display: inline-block; content: '\f04b'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f04c'; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { cursor: default; } .flex-control-thumbs {margin:0;position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0; padding:2%;} .flex-control-thumbs img {width: 100%; margin:0; display: block; opacity: .5; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -moz-backface-visibility: hidden;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 0px;} .flex-direction-nav .flex-next { opacity: 1; right: 0px;} } /***** Main Container ********************************/ .active-home-test .container-inner, .active-home .container-inner{ padding-top:0px; padding-bottom:0px;} .active-home .page-header .container{display:none;} .container-inner{ padding-top:30px; padding-bottom:40px;font-size:16px;} .nogap .container-inner{padding-top:0px;} .widearea-grey{background-color:rgba(239,239,239,1.00)!important;border:none !important;} .widearea-grey .col-sm-4 h2, .widearea-grey .col-sm-7 h2, .widearea-grey .col-sm-6 h2 { margin: 10px 0px 0px; padding: 10px 2px 0px 0; font-weight: 900; line-height: 110%; color: rgba(243, 175, 52, 1); } .widearea-grey .col-sm-4 h2 span{display:block;padding-bottom:20px;margin-bottom:10px;border-bottom: 1px solid #404042;} ul.datebox li{background-color:#fff;display:block;margin:0;padding:2px 6px 2px 6px;font-size:11px;} ul.datebox br{display:none;} ul.datebox li { list-style-type: none; } ul.datebox{padding-left:0;} ul.datebox li:nth-of-type(odd) { border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc; margin-top:-1px; } ul.datebox li:nth-of-type(odd):before { content: 'DATE: '; font-size:10px; font-weight:700; width: 41px; display: inline-block; } ul.datebox li:nth-of-type(even) { border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc; margin-top:-2px; } ul.datebox li:nth-of-type(even):before { content: 'VENUE: '; font-size:10px; font-weight:700; width: 41px; display: inline-block; } @media screen and (max-width: 1200px) { .widearea-grey .col-sm-4 h2 span{padding-bottom:15px;margin-bottom:10px;} .fs34 {font-size:32px;} } .widearea-grey .col-sm-4 p{margin-left:0px;} /* Spacers and Horizontal Rulers*/ .blank-spacer{ min-height:1px; float:none; clear:both;} .blank-spacer:before, .blank-spacer:after{ content: " "; display: table;} .blank-spacer:after {clear: both;} .hr-wrapper{ width:100%; display:block; float:left;} /* hr general */ hr {border-color:#e5e5e5;} /* hr center circle */ hr.hr-circle-center {border: 0 solid #e5e5e5;border-top-width: 1px;height: 0;margin-top: 20px; margin-bottom: 20px; float: left;clear: both;display: block;width: 100%;position: relative;} hr.hr-circle-center:after {content: " ";width: 14px;height: 14px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #e5e5e5;background-color: #ffffff; } hr.hr-circle-center:after {bottom: -7px;left: 49%;} /* hr left circle */ hr.hr-circle-left {border: 0 solid #e5e5e5;border-top-width: 1px;height: 0;margin-top: 20px; margin-bottom: 20px; float: left;clear: both;display: block;width: 100%;position: relative;} hr.hr-circle-left:after {content: " ";width: 14px;height: 14px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #e5e5e5;background-color: #ffffff; } hr.hr-circle-left:after {bottom: -7px;left: 0%;} /* hr right circle */ hr.hr-circle-right {border: 0 solid #e5e5e5;border-top-width: 1px;height: 0;margin-top: 20px; margin-bottom: 20px; float: left;clear: both;display: block;width: 100%;position: relative;} hr.hr-circle-right:after {content: " ";width: 14px;height: 14px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #e5e5e5;background-color: #ffffff; } hr.hr-circle-right:after {bottom: -7px;right: 0%;} /* hr short */ hr.hr-short {width: 100%; float:left;} hr.hr-short.hr-circle-center{ width:50%; margin-left:auto; margin-right:auto; float:none;} hr.hr-short.hr-circle-left{ width:50%; margin-left:auto; margin-right:auto; float:left;} hr.hr-short.hr-circle-right{ width:50%; margin-left:auto; margin-right:auto; float:right;} /* hr fade margins */ hr.hr-fade { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(132,132,148,0), rgba(132,132,148,0.75), rgba(132,132,148,0)); background-image: -moz-linear-gradient(left, rgba(132,132,148,0), rgba(132,132,148,0.75), rgba(132,132,148,0)); background-image: -ms-linear-gradient(left, rgba(132,132,148,0), rgba(132,132,148,0.75), rgba(132,132,148,0)); background-image: -o-linear-gradient(left, rgba(132,132,148,0), rgba(132,132,148,0.75), rgba(132,132,148,0)); } /* hr double border */ hr.hr-double { padding: 4px; border: none; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} /* hr icon */ .hr-icon {min-height: 50px; position: relative; display:block; padding:1px 0;} .fa-icon-divider{ background-color: #FFFFFF; display: block; font-size: 38px; height: 50px; left: 50%; line-height: 50px; margin-left: -50px; margin-top: -45px; position: absolute; text-align: center; width: 100px;} /* Services Blocks */ .greyback{background-color:#efefef;} .pad20{padding:20px 30px 20px 35px;} .wa-skills-table{width:100%;} .wa-skills-table td, .wa-skills-table th{padding:5px 8px 5px 11px;} .service-block{ padding:20px 0;} .service-block-icon .icon-wrapper{-webkit-transition: background ease-out .3s, color ease-out .3s, border-color ease-out .3s; -moz-transition: background ease-out .3s, color ease-out .3s, border-color ease-out .3s; -o-transition: background ease-out .3s, color ease-out .3s, border-color ease-out .3s; transition: background ease-out .3s, color ease-out .3s, border-color ease-out .3s;} .service-block-title{ margin:10px; font-size:18px;text-align:left;font-weight:900;} .service-block-content a.link-icon {display:block; margin:0; padding-bottom:0;} .service-block:hover{} .service-block-content p {padding:0 10px;font-size:1.6rem;} .service-block-content .readmore, .readmore{display: inline-block; margin: 0px 10px 15px; padding: 4px 11px; background-color: #0092D7; font-size: 12px; color: #fff; font-weight: 900;} .active-home .readmore:hover{color:#fff;background-color: rgba(21,133,189,1.00);} .home-mod-img .service-block-title {font-size:26px;} .home-mod-img .service-block-content .readmore {margin-bottom:0;position: absolute;bottom: 0} .widearea-grey .col-sm-4 .readmore{ margin: 0px 10px 15px 20px;} body .widearea-grey { position:relative; } body .widearea-black { position:relative; } body .widearea-relyon { background-color:#00323D; color: #fff; position:relative; height:387px; background-repeat:no-repeat; background-position:50% 0; background-size:contain; } body .widearea-relyon {mix-blend-mode:multiply;} body .widearea-relyon:before { content: ""; position: absolute; top: 0; right: 25%; width: 40%; height: 100%; background-image: linear-gradient(90deg, rgba(0,50,61,0) 60%, rgba(0,50,61,1) 100%); } body .widearea-relyon:after { content: ""; position: absolute; top: 0; left: 25%; width: 40%; height: 100%; background-image: linear-gradient(270deg, rgba(0,50,61,0) 60%, rgba(0,50,61,1) 100%); } body .widearea-relyon.black { background-color:#040203; } body .widearea-relyon.dkblue { background-color:#00323D; } body .widearea-dkblue { background-color:#00323D; color: #fff; position:relative; background-repeat:no-repeat; height:auto; } .widearea-dkblue.middle{align-items: center; display: flex;} body .widearea-black h1{color: #fff; font-size: 32px; line-height: 135%;} body .widearea-black h3 {font-weight:400;color: #fff;font-size:28px;} body .widearea-relyon h2{ color: #fff; text-align:center; font-size: 32px; font-weight: 600; line-height: 125%;} body .widearea-relyon .text-right h2{text-align: right;} body .widearea-relyon .text-right h2 span{font-weight:300;} .widearea-black{color:#fff;background:#040203;} .widearea-black .lines .read-more, .blog .widearea-black .read-more, .widearea-black .row .read-more, .tech .widearea-black .btnrow .modal_link, .widearea-black .read-more-m {color:#000; background:#FFA500;} .widearea-black .lines .read-more:hover, .blog .widearea-black .read-more:hover, .widearea-black .row .read-more:hover, .tech .widearea-black .btnrow .modal_link:hover, .widearea-black .read-more-m:hover {color:#000; background:#FFBD44;} .row.whiteboxes .col-md-4{background-color:#fff;margin:22px;width:28%;} .row.qual-list a{text-decoration: none;padding:5px 10px;background-color:#efefef;display:block; } .row.qual-list a:hover{} .row.qual-list p{margin-bottom:5px;} .row.qual-list .col-md-6:first-of-type{border-right:solid 1px #333;} ul.yellowback{padding:15px 15px; background-color:#FEE9C6;list-style-type:none;} ol.yellowback{padding:15px 15px 15px 30px; background-color:#FEE9C6;} .yellowback li{margin-bottom:10px;} .sprocket-mosaic-container:before { background-color:#e5e5e5;background-image: url(../images/diagnal-lines2.svg); background-size: 2000px 500px; background-repeat: repeat; z-index: 0; } /*{ background-image: linear-gradient(135deg, #d1d1d1 12.50%, rgba(105,105,105,0.41) 12.50%, rgba(105,105,105,0.41) 50%, #d1d1d1 50%, #d1d1d1 62.50%, rgba(105,105,105,0.41) 62.50%, rgba(105,105,105,0.41) 100%); background-size: 5.66px 5.66px;} mix-blend-mode: darken; */ body .widearea-grey img {opacity: 1;mix-blend-mode: multiply; } body .widearea-grey.darker img {opacity: 1;mix-blend-mode: normal; } body.casestudy .widearea-grey img {opacity: 1;mix-blend-mode: multiply;height: 399px; object-fit: cover; overflow: hidden;width:1140px; } /*body.active-wind-energy-sector .widearea-grey {background-image: url('/templates/smarton/images/stripes.png');background-repeat: repeat;}*/ .widearea-grey .moduletable.col-md-3 {margin-bottom:-24px;} /* .home-mod-img-a{padding-right:15px;} .home-mod-img-b{padding-right:15px;padding-left:15px;border-left:1px solid #333;border-right:1px solid #333;} .home-mod-img-c{margin-right:0px;padding-left:15px;} */ .home-border-right .col-md-4{border-right:1px solid #333;padding:0 22px 30px 21px;min-height: 385px} .home-border-right .col-md-4:nth-child(2){padding-left:20px;} .home-border-right .col-md-4:last-of-type{border-right:1px solid #fff;} .home-mod-img img{width:100%;border:1px solid #333;} .home-mod-img .service-block-title{color:#0092D7;border-bottom:1px solid #333;width:80%;} /* service block border style */ .service-block.sb-border {border: solid #e5e5e5; border-width:1px 1px 3px 1px; margin: 0px; padding: 0 20px 20px;} .service-block.sb-border .service-block-icon {margin-top: -41px;} .service-block.sb-border .icon-wrapper{ background:#fff;} /*default*/ .sb-default:hover .icon-wrapper{color:#ffffff !important;} .service-block.sb-border.sb-default{border-width:1px 1px 3px 1px; border-style: solid;} /*success*/ .sb-success:hover .icon-wrapper{background:#99cc00 !important; color:#ffffff !important;} .sb-success .service-block-title{color:#99cc00;} .sb-success .service-block-title h2{color:#99cc00;} .service-block.sb-border.sb-success{border-width:1px 1px 3px 1px; border-style: solid; border-color: #d5d5d5 #d5d5d5 #99cc00 #d5d5d5 !important;} /*info*/ .sb-info:hover .icon-wrapper{background:#33cccc !important; color:#ffffff !important;} .sb-info .service-block-title{color:#33cccc;} .sb-info .service-block-title h2{color:#33cccc;} .service-block.sb-border.sb-info{border-width:1px 1px 3px 1px; border-style: solid; border-color: #d5d5d5 #d5d5d5 #33cccc #d5d5d5 !important;} /*warning*/ .sb-warning:hover .icon-wrapper{background:#ff9900 !important; color:#ffffff !important;} .sb-warning .service-block-title{color:#ff9900;} .sb-warning .service-block-title h2{color:#ff9900;} .service-block.sb-border.sb-warning{border-width:1px 1px 3px 1px; border-style: solid; border-color: #d5d5d5 #d5d5d5 #ff9900 #d5d5d5 !important;} /*danger*/ .sb-danger:hover .icon-wrapper{background:#cc0000 !important; color:#ffffff !important;} .sb-danger .service-block-title{color:#cc0000;} .sb-danger .service-block-title h2{color:#cc0000;} .service-block.sb-border.sb-danger{border-width:1px 1px 3px 1px; border-style: solid; border-color: #d5d5d5 #d5d5d5 #cc0000 #d5d5d5 !important;} /*purple*/ .sb-purple:hover .icon-wrapper{background:#cc66cc !important; color:#ffffff !important;} .sb-purple .service-block-title{color:#cc66cc;} .sb-purple .service-block-title h2{color:#cc66cc;} .service-block.sb-border.sb-purple{border-width:1px 1px 3px 1px; border-style: solid; border-color: #d5d5d5 #d5d5d5 #cc66cc #d5d5d5 !important;} /*orange*/ .sb-orange:hover .icon-wrapper{background:#ff6600 !important; color:#ffffff !important;} .sb-orange .service-block-title{color:#ff6600;} .sb-orange .service-block-title h2{color:#ff6600;} .service-block.sb-border.sb-orange{border-width:1px 1px 3px 1px; border-style: solid; border-color: #d5d5d5 #d5d5d5 #ff6600 #d5d5d5 !important;} /*white*/ .sb-white .service-block-content{color:#fff !important;} .sb-white .service-block-title{color:#fff !important;} .sb-white .service-block-title h2{color:#fff !important;} /*services slider*/ .service-slider{ max-height:350px !important;} /* Tabs */ .tabs { margin:10px 0;} .nav-tabs{ border-bottom:none;} .nav-tabs > li { width:100%; padding:0;} .nav-tabs > li > a{ border-top:5px solid transparent;} .nav-tabs > li > a:hover{border-top:5px solid #e5e5e5;} .nav-tabs > li > a .fa { padding-right:10px;} .tab-pane { padding:20px; border:1px solid #e5e5e5;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-top:5px solid; color:#848494; background: none; border-bottom: 1px solid #e5e5e5;} .tab-content > .active{ display:table; width:100%;} /* tabs justified */ .nav-tabs.nav-justified > li > a{ margin-bottom:0;} .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-top:5px solid ;} /* tabs left */ .tabs-left .tab-content{ overflow:auto;} .tabs-left .nav-tabs > li { float: none;margin-bottom: 2px; margin-right: -1px;} .tabs-left .nav-tabs {float: left; border:none;} .tabs-left .tab-pane { border-top: 1px solid #e5e5e5;} .tabs-left .nav-tabs > li.active > a, .tabs-left .nav-tabs > li.active > a:hover, .tabs-left .nav-tabs > li.active > a:focus{ border-style: solid; border-width: 1px 1px 1px 5px !important;} .tabs-left .nav-tabs > li > a {border-left:5px solid transparent; border-top:1px solid transparent; border-bottom: 1px solid transparent; border-right:1px solid transparent; margin-right:0;} .tabs-left .nav-tabs > li > a:hover{ border-left:5px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5;} /* tabs right */ .tabs-right .tab-content{ overflow:auto;} .tabs-right .nav-tabs > li { float: none;margin-bottom: 2px; margin-left: -1px;} .tabs-right .nav-tabs {float: right; border:none;} .tabs-right .tab-pane { border-top: 1px solid #e5e5e5;} .tabs-right .nav-tabs > li.active > a, .tabs-right .nav-tabs > li.active > a:hover, .tabs-right .nav-tabs > li.active > a:focus{border-style: solid; border-width: 1px 5px 1px 1px !important;} .tabs-right .nav-tabs > li > a {border-right:5px solid transparent; border-top:1px solid transparent; border-bottom: 1px solid transparent; border-left:1px solid transparent; margin-right:0;} .tabs-right .nav-tabs > li > a:hover{ border-right:5px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left:1px solid #e5e5e5;} /* tabs bottom */ .tabs-bottom {} .tabs-bottom .tab-pane { border-top:1px solid #e5e5e5;} .tabs-bottom .nav-tabs { border-bottom: none;} .tabs-bottom .nav-tabs > li {margin: -1px 2px 0 0;} .tabs-bottom .nav-tabs > li.active > a, .tabs-bottom .nav-tabs > li.active > a:hover, .tabs-bottom .nav-tabs > li.active > a:focus{border-style: solid; border-width: 1px 1px 5px 1px !important;} .tabs-bottom .nav-tabs > li > a {border-bottom:5px solid transparent; border-top:1px solid transparent; border-left: 1px solid transparent; border-right:1px solid transparent; margin-right:0;} .tabs-bottom .nav-tabs > li > a:hover{ border-bottom:5px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right:1px solid #e5e5e5;} @media (min-width: 768px) { .nav-tabs > li { width:auto;} .nav-tabs > li > a { padding:15px 10px; border-top:5px solid transparent; border-left:1px solid transparent; border-right: 1px solid transparent;} .nav-tabs > li > a:hover{background:#f9f9f9; border-left:1px solid #e5e5e5; border-top: 5px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5;} .tab-pane { padding:20px;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border-bottom: 1px solid #fff !important; border-right:1px solid #e5e5e5 !important; border-left:1px solid #e5e5e5 !important;} .nav-tabs.nav-justified > li > a { border-bottom:1px solid transparent; margin-bottom:-1px;} .nav-tabs.nav-justified > li > a { border-bottom:1px solid #e5e5e5; margin-bottom:-1px;} .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {border-top: 5px solid;} } /* Alerts */ /* Jumbotron */ .jumbotron { background: #f9f9f9;} /* Wells */ .well { background:#f9f9f9;-webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.15) inset;-moz-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.15) inset; border:none;} .well.well-border{ border:4px solid #f2f2f2;} /* Panels */ .panel{ border:1px solid #e5e5e5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .panel-body{ padding:20px;} .panel-heading { background:#f9f9f9; border-bottom:1px solid #f2f2f2; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px;border-radius:0px;} .panel-footer {background:#f9f9f9; border-top:1px solid #f2f2f2;-webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px;border-radius:0px;} .panel-border { border-width:4px;} h2.panel-title{ font-size: 34px;} h3.panel-title{ font-size: 28px;} h4.panel-title{ font-size: 24px;} /*primary*/ .panel-primary > .panel-heading {color: #ffffff ; } .panel-primary > .panel-heading .panel-title{color: #ffffff ;} .panel-primary > .panel-footer {color: #ffffff ; border-color: #0099cc;} .panel-primary > .panel-footer .panel-title{color: #ffffff ;} .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #0099cc;} .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #0099cc;} /*success*/ .panel-success {border-color:#99bb00;} .panel-success > .panel-heading {color: #ffffff ; background-color: #99cc00; border-color:#99bb00;} .panel-success > .panel-heading .panel-title{color: #ffffff ;} .panel-success > .panel-footer {color: #ffffff ; background-color: #99cc00; border-color:#99bb00;} .panel-success > .panel-footer .panel-title{color: #ffffff ;} .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #99bb00;} .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #99bb00;} /*warning*/ .panel-warning {border-color:#ff8800;} .panel-warning > .panel-heading {color: #ffffff ; background-color: #ff9900; border-color:#ff8800;} .panel-warning > .panel-heading .panel-title{color: #ffffff ;} .panel-warning > .panel-footer {color: #ffffff ; background-color: #ff9900; border-color:#ff8800;} .panel-warning > .panel-footer .panel-title{color: #ffffff ;} .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #ff8800;} .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ff8800;} /*info*/ .panel-info {border-color:#33bbcc;} .panel-info > .panel-heading {color: #ffffff ; background-color: #33cccc; border-color:#33bbcc;} .panel-info > .panel-heading .panel-title{color: #ffffff ;} .panel-info > .panel-footer {color: #ffffff ; background-color: #33cccc; border-color:#33bbcc;} .panel-info > .panel-footer .panel-title{color: #ffffff ;} .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #33bbcc;} .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #33bbcc;} /*danger*/ .panel-danger {border-color:#bb0000;} .panel-danger > .panel-heading {color: #ffffff ; background-color: #cc0000; border-color:#bb0000;} .panel-danger > .panel-heading .panel-title{color: #ffffff ;} .panel-danger > .panel-footer {color: #ffffff ; background-color: #cc0000; border-color:#bb0000;} .panel-danger > .panel-footer .panel-title{color: #ffffff ;} .panel-danger > .panel-heading + .panel-collapse .panel-body { border-color:#bb0000;} .panel-danger > .panel-footer + .panel-collapse .panel-body { border-color:#bb0000;} /*purple*/ .panel-purple {border-color:#cc44cc;} .panel-purple > .panel-heading {color: #ffffff ; background-color: #cc66cc; border-color:#cc44cc;} .panel-purple > .panel-heading .panel-title{color: #ffffff ;} .panel-purple > .panel-footer {color: #ffffff ; background-color: #cc66cc; border-color:#cc44cc;} .panel-purple > .panel-footer .panel-title{color: #ffffff ;} .panel-purple > .panel-heading + .panel-collapse .panel-body { border-color:#cc44cc;} .panel-purple > .panel-footer + .panel-collapse .panel-body { border-color:#cc44cc;} /* Collapse - Accordion */ /* Accordion Panels */ .accordion .panel {} .accordion.panel-group{ margin:20px 0;} .accordion .panel .panel-heading {border:none; padding:0;} .accordion .panel-title a{display:block; padding:10px 15px;} .accordion .panel-title a .fa{margin-right:10px;} .accordion .panel-body {border:none !important;} .accordion .accordion-toggle.collapsed-icon:after{ content: "\f056"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; float:right;} .accordion .accordion-toggle.collapsed.collapsed-icon:after{ content: "\f055"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; float:right;} /* Collapse - Accordion -default stytle */ .accordion .panel-heading{ border:none;} .accordion .accordion-toggle {color:#fff; padding:10px 15px; } .accordion .accordion-toggle.collapsed{ background:#f9f9f9; color:#848494;} .accordion .accordion-toggle.collapsed:hover{color:#fff;} /* Collapse - Accordion -simple border stytle */ .accordion.accordion-bordered .panel {border:none;} .accordion.accordion-bordered .panel-heading { background:none;} .accordion.accordion-bordered .accordion-toggle{ background:none; border:1px solid #e5e5e5;} .accordion.accordion-bordered .accordion-toggle.collapsed{ color:#848494;} .accordion.accordion-bordered .accordion-toggle.collapsed:hover{background:none;} /* Lightbox */ .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:default;} img.mfp-img { background: none repeat scroll 0 0 #ffffff; padding: 10px;} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color:#ffffff;} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{ line-height: inherit; padding: 10px 12px; right: 0px; text-align: center; top: 0px; width: auto; cursor: pointer !important; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; opacity: 1;} .mfp-bottom-bar{ margin-top:0; padding-top:10px;} .mfp-counter { top:10px;} .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { border:none;} .mfp-arrow-right:before, .mfp-arrow-right .mfp-b{ border:none;} /* Image Grid Montage */ .am-wrapper{ float:left; position:relative; overflow:hidden;} .am-wrapper img{ position:absolute; outline:none;} /* simple gallery */ .simple-gallery { float: left; position: relative; width: 100%;} .simple-gallery .am-wrapper { border:4px solid #f2f2f2; opacity:0.6; filter:alpha(opacity=60);} .simple-gallery .am-wrapper:hover { border:4px solid #f2f2f2; opacity:1; filter:alpha(opacity=100);} /* Clients Grid */ .our-clients .smarton-clients{margin-bottom:40px;} .our-clients h3{font-size: 22px;font-weight:900;line-height:110%;padding: 10px 0;color: #3E91D1; margin-bottom:14px;} .our-clients .sprocket-strips-container{display:flex;margin:40px 0;align-items: center;flex-wrap: wrap;justify-content: center;} .our-clients .sprocket-strips-item{flex-grow: 0;} .our-clients .smarton-clients .sprocket-strips-container { overflow:visible; margin:11px 0; } .our-clients .smarton-clients .sprocket-strips-container > li { height: auto; } .no-padding .smarton-clients .sprocket-strips-container > li{padding: 0 3px !important;} .no-padding .smarton-clients{padding: 0px !important;margin:0 !important;} @media (max-width: 767px){ .our-clients .smarton-clients .sprocket-strips-container > li {width:40% !important;} } @media (max-width: 480px){ .our-clients .smarton-clients .sprocket-strips-container > li {width:50% !important;} } .clients-wrapper{} /* General grid styles */ .grid-list { list-style: none; padding: 0 0 10px 0; margin: 0;} /* Clear floats */ .grid-list:before, .grid-list:after { content: " "; display: table; } .grid-list:after {display: table;} .grid-list:after { clear: both;} /* grid item */ .grid-list li {width: 33%; float: left; text-align: center; border-top: 1px solid #ddd;} /* we are using a combination of borders and box shadows to control the grid lines */ .grid-list li:nth-child(-n+3){border-top: none;} .grid-list li:nth-child(3n-1), .grid-list li:nth-child(3n-2) { box-shadow: 1px 0 0 #ddd;} /* anchor style */ .grid-list li > a {display: block; height: 100%; padding:4px; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; } /* title element */ .grid-list .grid-list-title {margin: 20px 0 10px 0; padding: 20px 0 0 0; font-size: 2em; position: relative; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; } /* Hover styles */ .grid-list li > a:hover { background: #f5f5f5;} @media screen and (max-width: 62.75em) { .grid-list li {width: 50%;} /* reset the grid lines */ .grid-list li:nth-child(-n+3){border-top: 1px solid #ddd;} .grid-list li:nth-child(3n-1), .grid-list li:nth-child(3n-2) { box-shadow: none;} .grid-list li:nth-child(-n+2){ border-top: none;} .grid-list li:nth-child(2n-1) { box-shadow: 1px 0 0 #ddd;} } @media screen and (max-width: 41.6em) { .grid-list li {width: 100%;} .grid-list li:nth-child(-n+2){border-top: 1px solid #ddd;} .grid-list li:nth-child(2n-1) {box-shadow: none} .grid-list li:first-child { border-top: none;} } @media screen and (max-width: 25em) { .grid-list {font-size: 80%;} } /* Footer Container */ /* footer top */ .footer-top{ position:relative; width:100%;overflow:hidden;} /* Google Maps */ #map-canvas { width:100%; height:430px;} .map-overlay {position:absolute; left:0; right:0; text-align: center; top: 0; color:#fff; padding: 10px;} .map-overlay-title{ margin-bottom:10px;} .map-overlay p{ margin-bottom:0;} #content-marker{ min-width:250px;} .footer-mid-links{ position: absolute; left: 50%; margin: -45px 0 0px -175px; padding: 8px 10px; border: 1px solid #fff; width: 352px; text-align: center; top: 10%; } .footer-mid-links a {margin:1px 8px;text-transform:uppercase;font-size:14px;font-weight:700; } .foot-left {} .logo-bottom .jmoddiv.jmodinside {position:inherit;} .white-bg{background-color: #bbbbbb;} /*.sprocket-strips-item{box-shadow:none;}*/ .smarton-clients .sprocket-strips-item{box-shadow:none;} /* footer middle */ .footer-middle { background:#00323D; color:#ffffff;} .footer-widget { padding:20px 0 30px;} .footer-widget h3 {border-bottom: 1px solid #848494; color: #E5E5E5; font-size: 22px; font-weight:900; padding-bottom: 10px; text-align: center; } .footer-middle .fa-ul li{ margin-bottom:12px; padding-left:10px;} .foot-middle img{max-width:120px;margin-top:20px;} /* footer bottom */ .footer-bottom {background-color:#009BDA;color:#ffffff; padding:60px 0 50px;position:relative;} .footer-bottom a{ color:#ffffff;} .footer-bottom a:hover{ color:#e5e5e5;} .logo-bottom{;margin-bottom:20px;} /*footer bottom social*/ .footer-bottom .footer-social{ float:right; margin:0; margin-bottom:20px;} .footer-bottom .footer-social a{opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */ color:#ffffff; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s;} .footer-bottom .footer-social a:hover{opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ color:#ffffff;} .footer-bottom .footer-social li:last-child {padding-right:0;} .copyright { text-align: center} .footer-bottom .footer-menu { float:right; width:100%; text-align:right; margin-bottom:20px;} .footer-bottom .footer-menu li{border-left:1px solid rgba(255, 255, 255, .6); padding:0 10px; line-height: 1.2;} .footer-bottom .footer-menu li:first-child{ border-left:none; padding-left:0; } .footer-bottom .footer-menu li:last-child{ padding-right:0; } /********************* Footer Styles **********************/ /*footer small*/ .footer-small .footer-bottom{ padding:20px 0;} /* Font Awesome Links */ a.link-icon{ padding:10px 0; } a.link-icon .fa {padding-left:5px; -webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s;} a.link-icon:hover {} a.link-icon:hover .fa {padding-left:10px;} /* #Lists ================================================== */ ul, ol{ padding-left:20px;} ul li, ol li{ padding:0;} /* inline-list */ .list-inline li{ padding-left:0px;} /* Font Awesome Lists */ .fa-ul{ margin-left:0; line-height: 22px;} .fa-ul li{ padding-left:0px;} .fa-ul li a:hover{ padding-left:10px;} .fa-li { left: 0; margin-right: 10px; position: relative; top: auto; width: auto;} .fa-ul li > ul{ list-style:none; margin: 0;} .fa-ul .icon-wrapper {left: -2.14286em; position: absolute;} /* Custom Font Awesome List */ .fa-ul.list-inline{ padding-left:0;} .fa-ul.list-inline li .fa-li{ position:relative; left:auto; top:auto;} /* List Style */ /*big list*/ .big-list{padding-left: 10px;} .big-list li{font-size: 22px;line-height: 32px;} /*medium list*/ .medium-list{padding-left: 5px;} .medium-list li{font-size: 18px;line-height: 28px;} /*small list*/ .small-list{padding-left: 0px;} .small-list li{font-size: 14px;line-height: 26px;} /*divider list*/ ul.fa-ul.list-divider {list-style:none; margin-bottom:20px; padding-left:0;} ul.fa-ul.list-divider li a {border-top: 1px solid #E5E5E5; padding-bottom:10px; padding-top:10px; display: block; color:#848494;} ul.fa-ul.list-divider li.active.current a {font-weight:bold;} ul.fa-ul.list-divider li .fa-li {left:0;} ul.fa-ul.list-divider li {padding:0;} ul.fa-ul.list-divider li .fa {width: auto;} /* features icon list */ .features-icons-list{padding-left: 60px;} .features-icons-list li {margin-bottom: 40px; padding-left: 10px;} /* media list */ .media-heading{ font-weight:300; font-size:20px;} /* ordered list */ ol li{ float:left; width:100%;} ol ol{margin: 0 0 0 1em;} /*round lists*/ ol.rounded-list{counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */*list-style: decimal; /* Keep using default numbering for IE6/7 */ margin-bottom: 4em;} ol.rounded-list ol{counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */*list-style: decimal; /* Keep using default numbering for IE6/7 */ margin: 0 0 0 1em; /* Add some left margin for inner lists */} .rounded-list a{position: relative; display: block; padding: .4em .4em .4em 2em;*padding: .4em; margin: .5em 0; background: #f9f9f9; text-decoration: none; border-radius: .3em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0,0,0);} .rounded-list a:hover{background: #f2f2f2;} .rounded-list a:hover:before{ transform: rotate(360deg);} .rounded-list a:before{ content: counter(li);counter-increment: li; position: absolute; left: -1.3em;top: 50%;margin-top: -1.3em; height: 2.4em;width: 2.4em;line-height: 1.7em; color:#fff; border: .3em solid #fff;text-align: center;font-weight: bold;border-radius: 2em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0,0,0);} /*square list*/ ol.rectangle-list{counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */*list-style: decimal; /* Keep using default numbering for IE6/7 */ padding-left:5px; float:left;} ol.rectangle-list ol{counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */*list-style: decimal; /* Keep using default numbering for IE6/7 */ margin: 0 0 0 1em; /* Add some left margin for inner lists */} .rectangle-list a{position: relative;display: block;padding: .4em .4em .4em .8em;*padding: .4em;margin: .5em 0 .5em 2.5em;background: #f9f9f9;text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0,0,0);} .rectangle-list a:hover{background: #f2f2f2;} .rectangle-list a:before{content: counter(li);counter-increment: li;position: absolute; left: -2.5em;top: 50%;margin-top: -1em; height: 2em;width: 2em; line-height: 2em;text-align: center;font-weight: bold; color:#FFF;} .rectangle-list a:after{position: absolute; content: '';border: .5em solid transparent; left: -1em; top: 50%;margin-top: -.5em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0,0,0);} .rectangle-list a:hover:after{left: -.5em;} /*border list*/ ol.border-list{counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */*list-style: decimal; /* Keep using default numbering for IE6/7 */ margin-bottom: 4em; padding-left:5px;} ol.border-list ol{counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */*list-style: decimal; /* Keep using default numbering for IE6/7 */ margin: 0 0 0 1em; /* Add some left margin for inner lists */} .border-list a{position: relative;display: block;padding: .4em .4em .4em .8em;*padding: .4em;margin: .5em 0 .5em 2.5em;background: #f9f9f9;text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0,0,0);} .border-list a:hover{background: #f2f2f2;} .border-list a:before{content: counter(li);counter-increment: li;position: absolute; left: -2.3em;top: 50%;margin-top: -1em; background: #fff;height: 2em;width: 2em; line-height: 1.6em;text-align: center;font-weight: bold; border:2px solid; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%;} .border-list a:after{position: absolute; content: '';border: .5em solid transparent; left: -0.6em; top: 50%;margin-top: -.5em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0,0,0);} .border-list a:hover:after{left: -.5em;} /* Gallery List */ ul.gallery {list-style: none; font-size: 0px; padding:0;/* should match li left margin */ } ul.gallery li {display: inline-block; -moz-backface-visibility: hidden; position: relative; outline: 0px solid; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-transform: translate3d(0,0,0); padding:0;} ul.gallery li:hover {-moz-backface-visibility: hidden;outline:20px solid;z-index:5; outline-offset: -20px;} ul.gallery li img {max-width: 100%; height: auto;} /* class for 2 columns */ ul.gallery.columns-1 li {width: 100%;} ul.gallery.columns-2 li {width: 50%;} ul.gallery.columns-3 li {width: 33.333332%;} ul.gallery.columns-4 li {width: 25%;} ul.gallery.columns-5 li {width: 20%;} ul.gallery.columns-6 li {width: 16.666666%;} @media (max-width: 480px) { ul.grid-nav li {display: block;} ul.grid-nav li a {display: block;} ul.gallery {margin-left: 0;} ul.gallery li {width: 50% !important; /* this value + 2.5 should = 50% */} } /* Footer Custom Menu */ .footer-custom-menu{list-style: none outside none; padding-left: 0px;} .footer-custom-menu li {padding-left: 1.3em ; border-top: 1px solid #848494; margin-top: 10px; padding-top: 10px;} .footer-custom-menu li:first-child{border-top: none; margin-top: 0px; padding-top: 0px;} .footer-custom-menu li a{ color:#ffffff;} .footer-custom-menu li:before { font-family: FontAwesome; font-weight: normal; font-style: normal; content: "\f105"; display: inline-block; margin-left: -1.3em; width: 1.3em;} /* Recent Tweets */ .recent-tweets ul{ list-style:none; margin-left:0;padding-left:32px;} .recent-tweets ul li{ margin-bottom:20px !important; padding-left: 10px;} .recent-tweets .icon-wrapper{ position:absolute; left:-2.14286em;} .recent-tweets .fa-ul .fa-li{ line-height:normal; color:#ffffff;} .recent-tweets .date {display: block; margin: 4px 0; text-align: right;} /********************* PAGES ****************************************/ /******* General Inner Pages *******************/ /***** Header Inner Pages *****/ /*general inner header*/ .page-header{ } .page-header .page-title { margin:0; line-height:1.3 !important;} .page-header h1, .page-header h2, .page-header h3{ } .page-header .breadcrumb > li + li:before{} .page-header .breadcrumb > .active { color: #555;} /* light header*/ .light-header{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#f9f9f9;} .light-header .breadcrumb { color:#848494;} .light-header .breadcrumb > li + li:before{ color:#848494;} .light-header .breadcrumb > .active { color: #848494;} /* fancy header*/ .fancy-header { text-align:center; padding:50px 0 30px;} .fancy-header .page-title{ font-size:56px; line-height:1; margin:20px 0 0;} .fancy-header .page-subtitle{ font-size:26px; line-height:1; margin:10px 0 0;} .fancy-header .breadcrumb { text-align:center;} /******* Breadcrumbs *******************/ .breadcrumb{ margin:0; background:none;line-height: 2rem; text-align:right; padding:8px 0; color:#e5e5e5;} .breadcrumb li { float:none; width:auto;} .breadcrumb > li + li:before {content: "\f105";font-family: 'FontAwesome';color: #848494;} .breadcrumb > .active {color: #848494;} .breadcrumb a{/*color:rgba(182,212,224,1.00)*/} /******* General Sidebar *******************/ .sidebar{ float:left;} .sidebar-widget{width:100%; margin-bottom:30px; float:left;} .widget-title{ overflow: hidden; margin:0 0 20px;} .widget-title span{ position: relative;} .widget-title span:before, .widget-title span:after{ content: ""; position: absolute; top: 50%; height: .5em; border-top: 1px solid #e5e5e5; width: 200em;} .widget-title span:before { right: 100%; margin-right: .5em;} .widget-title span:after { left: 100%; margin-left: .5em; } .sidebar ul{ margin:0;} .sidebar .accordion.panel-group{ margin:0;} /*sidebar navigation*/ .sidebar-nav{} .sidebar-nav li.active{ background:#ccc;} /*sidebar tabs*/ .sidebar .tab-pane{ padding:20px 10px !important;} /* sidebar media list */ .sidebar-media-list { margin:20px 0 !important;} .sidebar-media-list li { border-top:1px solid #e5e5e5; padding-top:20px; margin-top:20px;} .sidebar-media-list li:first-child { border-top:none; padding-top:0; margin-top:0;} .sidebar-media-list li img.media-object { max-width:65px; padding:4px; border:1px solid #e5e5e5;} .sidebar-media-list .product-meta{ text-align:left; padding:0 10px;} .sidebar-media-list .product-meta .product-title { border:none; margin-bottom:0;} /******* About Us *******************/ /* Staff Member */ .staff-member { float:left; width:100%; padding-bottom:40px;} .staff-member-image { margin:0 auto;background:#e5e5e5; overflow:hidden;} .staff-member-image img { margin:0 auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0,0,0); } .staff-member-name { padding:10px; margin-bottom:10px; color:#fff;} .staff-member-name h1, .staff-member-name h2, .staff-member-name h3, .staff-member-name h4, .staff-member-name h5, .staff-member-name h6{ color:#FFF; margin:0;} .staff-member-name p{ margin:0;} .staff-member-social{} .staff-member-social ul { margin:0; line-height: 2.2;} .staff-member-social ul li a{line-height: 2.2;} /* staff member toggle*/ .staff-member-toggle{ position: relative;} .staff-member-toggle:hover img{ -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);} .staff-member-toggle .staff-member-name { margin-bottom:0; text-align:center; cursor:pointer;} .staff-member-toggle .staff-member-name .toggle-id:after{content: "\f063";font-family: 'FontAwesome';} .staff-member-toggle .staff-member-name.toggle-staff.toggle-close .toggle-id:after{content: "\f062";font-family: 'FontAwesome';} .staff-member-toggle .staff-info { position:absolute; z-index:99; color:#fff; padding:0; display:none; border-top:1px solid #fff; text-align:center;width:100%;} .staff-member-toggle .staff-info .staff-info-inner {padding:20px 10px;} .staff-member-toggle .staff-info a{ color:#fff;} /******* 404 Error *******************/ .error-block{ text-align:center; padding:40px; margin:0;} .error-title{ font-size: 14em; line-height:1; font-weight:500;} /******* Sitemap *******************/ .rectangle-list a { margin:0.1em 0 0.1em 2.5em;} /******* Search Results *******************/ .search-results-item { float:left; position:relative; width:100%; margin:10px 0;} .search-result-counter { float:left; margin-right:10px; height:40px; width:40px; border:1px solid #e5e5e5; background:#f9f9f9; text-align:center; line-height:2; font-size:18px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%;} /******* Coming-Soon *******************/ .time_circles { position: relative; width: 100%; height: 100%;} .time_circles > div { position: absolute; text-align: center;} .time_circles > div > h4 { margin: 0px; padding: 0px; text-align: center; text-transform: uppercase; color:inherit;} .time_circles > div > span {display: block; width: 100%; text-align: center; font-size: 300%; margin-top: 0.4em; font-weight: bold;} /******* Shop Pages *******************/ /*products list*/ .product{width: 100%;text-align:center; position:relative; margin:20px 0; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product:hover{-webkit-box-shadow: 0px 10px 40px -10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 10px 40px -10px rgba(0,0,0,0.2); box-shadow: 0px 10px 40px -10px rgba(0,0,0,0.2);} /*product group*/ .product-group{background: #fff; padding:10px 10px 0; border:1px solid #e5e5e5; position:relative; margin-bottom:10px;} .product-group .product-thumbnail {overflow:hidden;} .product-thumbnail img{ width:100%; height:auto; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-group:hover .product-thumbnail img{-webkit-transform: scale(1.3); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.3);-moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; transform: scale(1.3); transition-timing-function: ease-out; transition-duration: 250ms;} .product-meta{ text-align:center; padding:10px;} .product-meta .product-title { font-size:16px; margin:0 0 10px; padding-bottom:4%; border-bottom:1px solid #e5e5e5; line-height:1.4;} .product-meta .product-price { font-size:16px; margin:0 0 5px; line-height:1;} .product-meta .product-price span{ text-decoration:line-through;} .product-meta .product-description{ display:none;} .product-actions{padding:10px 0 0; text-align:center; background:#fff;width:100%; position:absolute; z-index:99; border:1px solid #e5e5e5; border-top: none; display:none; left:-1px; top:100%; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .product-actions ul {list-style:none; padding:0; margin-bottom:0;} .product-actions ul li{ float:left; border-left:1px solid #e5e5e5; width:25%; height:auto;} .product-actions ul li span{ display:block; font-size:14px;} .product-actions ul li a{display:block; padding:10px 5px; color:#cccccc; font-size:12px; cursor:pointer; } .product-actions ul li a:hover{color:#848494; } .product-actions ul li:first-child{border-left:none;} /*rating*/ .rating{unicode-bidi: bidi-override; direction: rtl; cursor:pointer;} .rating span{ cursor:pointer;} .rating span.rating-star:before {content:"\f005"; color:#ffcc00;} .rating > span:before {font-family:'FontAwesome'; content:"\f006"; color:#848494; display: inline-block;font-size:16px;} .rating > span:hover:before, .rating > span:hover ~ span:before {content:"\f005"; color:#ffcc00;} .rating:hover > span:before {content:"\f006"; color:#848494; display: inline-block;} .rating:hover > span:hover:before, .rating > span:hover ~ span:before {content:"\f005"; color:#ffcc00;} /*ribbons*/ .ribbon-wrapper {width: 85px;height: 88px;overflow: hidden; position: absolute; top: -3px; right: 12px;z-index:400;} .ribbon { font-size: 12px; font-weight:500;text-align: center; position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background-color: #848494; color: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3);} .ribbon:before, .ribbon:after {content: ""; border-top: 3px solid #848494; border-left: 3px solid transparent; border-right: 3px solid transparent; position:absolute; bottom: -3px;} .ribbon:before {left: 0;} .ribbon:after { right: 0;} .ribbon span { font-weight:700; font-size:14px; line-height:1;} /* Shop View */ .item.list-group-item{float: none;width: 100%;border:none;} .item.list-group-item:before, .item.list-group-item:after { display: table; content: " ";} .item.list-group-item:after{clear:both;} .shop-heading{ width:100%;} .shop-sorting { float:left;} .options-view{ float:right;} .item.list-group-item .product{ float:left; margin:10px 0;} .item.list-group-item .product-group{float: left; width:100%; padding:10px;} .item.list-group-item .product-group .product-meta .product-title {padding:0 0 20px; margin:0 0 10px;} .item.list-group-item .product-group .product-meta .product-price { font-weight:600; float:left; margin:5px 10px 5px 0;} .item.list-group-item .product-group .product-thumbnail{ float:left; width: 30%; max-height:300px;} .item.list-group-item .product-group .product-meta {float: left; text-align:left; width:70%;} .item.list-group-item .product-group .product-meta .product-description{ display: block; padding:20px 0; border-top:1px solid #e5e5e5; margin-top:10px;} /* range select */ .select-range{width: 100%; margin-bottom:20px;} /* filters */ .filter-brands{} .filter-brands li span { float:right;} /* single product */ .single-product {} .single-product .product-thumbnail{ padding:10px; border:1px solid #e5e5e5;} .single-product .product-thumbnail .ribbon-wrapper {right: 12px;} .single-product .product-meta{ padding:0 0 10px; text-align:left;} .single-product .product-title { font-size:28px; text-align:left; line-height:1; padding-bottom:0; border:none; margin-bottom:0;} .single-product .product-price {font-weight: 300; font-size:34px; margin:20px 0 10px;} .single-product .product-description{ display:block; text-align:left;} /* review */ .reviews{ list-style:none; padding-left:0;} .reviews li{ margin-top:20px; padding-top:20px; border-top:1px solid #e5e5e5; float:left; width:100%;} .reviews li:first-child{ margin-top:0; padding-top:0; border-top:none;} .review-title{ font-size:18px; margin-bottom:10px;} .review-meta { float:left; margin-right:20px;} .review-author { float:left; margin-right:20px;} .reviews .rating { } .review-rating { float:left;} .review-rating > span:before {font-family:'FontAwesome'; content:"\f006"; color:#848494; display: inline-block;font-size:16px;} .review-rating span.rating-star:before {content:"\f005"; color:#ffcc00;} .review-content { clear:both; float:left; width:100%; margin:10px 0;} /* item increment */ #increment-form {} .qty {width: 50px; margin:0 -5px; text-align: center; padding:10px 5px; border:1px solid #e5e5e5; color:#848494; font-size:18px;} .qtyplus { margin:0 0 5px 0;} .qtyminus {margin:0 0 5px 0;} .add-to-cart{ margin-top:5px;} .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;-ms-user-select:none;-moz-user-select:none;-moz-box-sizing:border-box;box-sizing:border-box} .noUi-base{width:100%;height:100%;position:relative} .noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0} .noUi-handle{position:relative;z-index:1} .noUi-stacking .noUi-handle{z-index:10} .noUi-stacking+.noUi-origin{*z-index:-1} .noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s} .noUi-state-drag *{cursor:inherit!important} .noUi-horizontal{height:8px} .noUi-horizontal .noUi-handle{width:14px;height:14px;left:-7px;top:-3px} .noUi-horizontal.noUi-extended{padding:0 6px} .noUi-vertical{width:18px} .noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px} .noUi-vertical.noUi-extended{padding:15px 0} .noUi-vertical.noUi-extended .noUi-origin{bottom:-15px} .noUi-background{background:#f2f2f2;} .noUi-origin{} .noUi-target{} .noUi-target.noUi-connect{} .noUi-dragable{cursor:w-resize} .noUi-vertical .noUi-dragable{cursor:n-resize} .noUi-handle{cursor:default;} .noUi-active{} .noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px} .noUi-vertical .noUi-handle:after{top:17px} [disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8} [disabled] .noUi-handle{cursor:not-allowed} .noUi-state-blocked .noUi-connect,.noUi-state-blocked.noUi-connect{background:#4FDACF} /******* Blog Pages *******************/ .post-title{ margin-bottom:10px; padding-left: 70px;} .post-content{margin:0 0 20px;} /*meta post*/ .blog-post{ border-bottom: 1px solid #e5e5e5; margin: 0 0 40px; overflow: hidden; padding: 0; position: relative; width: 100%;} .blog-post .read-more{ margin-bottom:-1px;} .post-media{ margin:0 0 30px;padding:8px; border:1px solid #f2f2f2; position:relative; text-align:center; -webkit-box-shadow: 0 0 2px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0 0 2px rgba(50, 50, 50, 0.1); box-shadow: 0 0 2px rgba(50, 50, 50, 0.1);} .post-media img{ margin:0 auto;} .post-info{ min-height:60px; margin-bottom:20px;} .post-meta-info {font-size:13px; margin-bottom:0; padding-left: 70px;} .post-meta-info a{color:#848494;} .meta-author:before{content: "\f007";font-family: 'FontAwesome'; margin-right:10px;} .meta-date:before{content: "\f073";font-family: 'FontAwesome'; margin-right:10px;} .meta-comments:before{content: "\f075";font-family: 'FontAwesome'; margin-right:10px;} .meta-tags:before{content: "\f02c";font-family: 'FontAwesome'; margin-right:10px; } .meta-delimiter { border-left: 1px solid #e5e5e5; display: inline-block; height: 10px; margin-left: 10px; padding-left: 10px;} /*news posts*/ .blog-item .post-media{width:100%;display:inline-block;border:none;padding:0;box-shadow:none;vertical-align: top;overflow: hidden;margin:0 15px 10px 0;} .blog-item .item-text{width:100%;display:inline-block;} .blog-item .post-media img{ /*display:block;margin:0 -38.885% 0 -38%; width:177.777%;max-width:none;*/ height:190px;object-fit: cover;} ul.article-info.list-inline{border:none;margin-bottom:5px;} .blog li.published { font-size: 14px; } .blog .system-unpublished { background-color: #FBFBE5; } .blog .system-unpublished .label-warning{display:block;} /*blog format icons*/ .post-format { position:relative; float:left; width:60px; height:60px; margin:0 10px 0 0; color:#fff; text-align:center; line-height:2.3; font-size:26px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%; } .post-format-standard .post-format:before{content: "\f040";font-family: 'FontAwesome';} .post-format-link .post-format:before{content: "\f0c1";font-family: 'FontAwesome';} .post-format-quote .post-format:before{content: "\f10e";font-family: 'FontAwesome';} .post-format-gallery .post-format:before{content: "\f03e";font-family: 'FontAwesome';} .post-format-video .post-format:before{content: "\f03d";font-family: 'FontAwesome';} .post-format-image .post-format:before{content: "\f030";font-family: 'FontAwesome';} /*post format - medium-post*/ .medium-post .post-media { margin:0 0 20px;} /*post format - small-post*/ .small-post .post-media { margin:0 0 20px;} /* post format - grid post */ .post-grid{ border:1px solid #e5e5e5; padding-bottom:20px;} .post-grid .post-format{left:20px; top:0; position:absolute; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;border-radius:0; } .post-grid .post-meta-info {padding-left: 0px;} .post-grid .post-info{ margin-bottom:0; padding:0 20px;} .post-grid .post-title{ font-size:24px; margin: 10px 0 20px; padding:0;} .post-grid .post-media{ padding:0; margin-bottom:20px; border:none;} .post-grid .post-content{ padding:0 20px;} .post-grid .link-icon.read-more{ margin-left:20px;} .post-format-quote.post-grid .post-format{ position:relative;} .post-format-quote.post-grid .post-title{ padding-left:70px;} .post-format-link.post-grid .post-format{ position:relative;} .post-format-link.post-grid .post-title{ padding-left:70px;} /* Timeline posts */ .timeline, .timeline.v1 { margin: 0px auto; max-width: 100%; overflow: hidden; height: auto; position: relative; padding: 0px; list-style-type: none; background:url(../img/theme/timeline-bg.jpg); background-repeat: repeat-y; background-position: 50% 0;} .timeline *, .timeline *:after, .timeline:after, .timeline *:before, .timeline:before, .timeline.v1 *, .timeline.v1 *:after, .timeline.v1:after, .timeline.v1 *:before, .timeline.v1:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .timeline .timeline-start, .timeline.v1 .timeline-start {clear: both; text-align: center;} .timeline .timeline-start .icon-wrapper, .timeline.v1 .timeline-start .icon-wrapper{background: none repeat scroll 0 0 #f9f9f9;font-size: 40px; height: 80px; line-height: 2;width: 80px;} .timeline .timeline-date, .timeline.v1 .timeline-date {clear: both; margin: 1em auto; text-align: center; line-height:3;} .timeline .timeline-date span, .timeline.v1 .timeline-date span {background: #f9f9f9; line-height:2; clear: both; text-align: center; padding:10px 20px;} .timeline .timeline-date:first-of-type, .timeline.v1 .timeline-date:first-of-type { margin-top: 0 !important;} .timeline .timeline-date + .event, .timeline.v1 .timeline-date + .event {} .timeline .event, .timeline.v1 .event { position: relative; float: left; clear: left; width: 40%; margin: 10px 5%; list-style-type: none; display: block; z-index: 15;text-decoration: none; -webkit-transition: background .15s linear; -moz-transition: background .15s linear; -ms-transition: background .15s linear; -o-transition: background .15s linear; transition: background .15s linear;} .timeline .event.featured, .timeline.v1 .event.featured {width: 95% !important;} .timeline .event.featured:after, .timeline .event.featured:before, .timeline.v1 .event.featured:after, .timeline.v1 .event.featured:before { display: none;} @media all and (max-width: 600px) { .timeline .event, .timeline.v1 .event {width: 85%;} } .timeline .event.offset-first, .timeline.v1 .event.offset-first {} .timeline .event img, .timeline.v1 .event img {max-width: 100%;} .timeline .event:nth-of-type(2n), .timeline.v1 .event:nth-of-type(2n) { float: right; clear: right;} .timeline .event:nth-of-type(2n):after, .timeline.v1 .event:nth-of-type(2n):after {left: -15%; top: 15%;} @media all and (min-width: 650px) { .timeline .event:after, .timeline.v1 .event:after {display: block; content: ' '; height: 23px; width: 23px; background: #e5e5e5; border-radius: 50%; position: absolute; right: -15%; top: 5%; border: 4px solid white;} .timeline .event:before, .timeline.v1 .event:before {display: block; content: ' '; position: absolute; right: -2%; top: 5%; width: 0px; height: 0px; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e5e5e5;} .timeline .event:nth-of-type(2n):before, .timeline.v1 .event:nth-of-type(2n):before {left: -2%; top: 15%; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e5e5e5 transparent transparent;} } .timeline time, .timeline.v1 time {display: block;font-weight: bold;} .timeline.v2 .timeline-date, .timeline.v1.v2 .timeline-date {background: white;color: #505050; border: 2px solid #505050;} .timeline.v2 .event, .timeline.v1.v2 .event {border: none;background: #FAFAFA; border-bottom: 1px solid #cac4c4;} /* post format - timeline post */ .post-timeline{ border:1px solid #e5e5e5; padding-bottom:20px; background:#fff;} .post-timeline .post-format{left:20px; top:0; position:absolute; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;border-radius:0; } .post-timeline .post-meta-info {padding-left: 0px;} .post-timeline .post-info{ margin-bottom:0; padding:0 20px;} .post-timeline .post-title{ font-size:24px; margin: 10px 0 20px; padding:0;} .post-timeline .post-media{ padding:0; margin-bottom:20px; border:none;} .post-timeline .post-content{ padding:0 20px;} .post-timeline .link-icon.read-more{ margin-left:20px;} .post-format-quote.post-timeline .post-format{ position:relative;} .post-format-quote.post-timeline .post-title{ padding-left:70px;} .post-format-link.post-timeline .post-format{ position:relative;} .post-format-link.post-timeline .post-title{ padding-left:70px;} /*recent posts list*/ .recent-posts{ list-style:none; padding:0; margin:0;} .recent-posts li{ clear:both; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e5e5e5;} .recent-posts li:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;} .recent-post-image{ float:left; max-width:70px; margin-right:10px; padding:2px; border:1px solid #f2f2f2;} .recent-post-image img{ display:block; width:100%; height:auto;} .recent-post-content{overflow: hidden;} .recent-post-title{ font-weight:500; margin-bottom:5px;} .recent-post-meta{ font-size:12px;} /* related posts */ .related-icon{position:relative; float:left; width:40px; height:40px; margin:0 10px 0 0; color:#fff; text-align:center; line-height:2.2; font-size:18px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%; } .related-icon:before{content: "\f15b";font-family: 'FontAwesome';} .related-posts{ margin:40px 0;} .related-posts h3{ line-height:1.6; font-size:24px;} .related-post-media{ margin-bottom:10px;} .related-post-content{ margin-bottom:20px;} .related-post-media img{ width:100%; height:auto;} .related-post-title{ font-size:16px; font-weight:500;} .related-post-meta { font-size:12px;} /* comments */ .comments-icon{position:relative; float:left; width:40px; height:40px; margin:0 10px 0 0; color:#fff; text-align:center; line-height:2.2; font-size:18px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%; } .comments-icon:before{content: "\f086";font-family: 'FontAwesome';} .comments-post{margin:40px 0;} .comments-post h3{line-height:1.6; font-size:24px;} .leave-comment-icon{position:relative; float:left; width:40px; height:40px; margin:0 10px 0 0; color:#fff; text-align:center; line-height:2.2; font-size:18px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%; } .leave-comment-icon:before{content: "\f075";font-family: 'FontAwesome';} .leave-comment{margin:40px 0;} .leave-comment h3{line-height:1.6; font-size:24px;} /* comments list*/ .commnets-list ul{ float:left; width:100%; padding-left:0;} .commnets-list ul ul{ padding-left:20px;} .commnets-list ul li{ margin-bottom:20px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;} .commnets-list .comment{ float:left; width:100%; margin:10px 0 20px;} .commnets-list ul{ list-style:none;} .commnets-list .btn{ margin-bottom:-1px;} .commnets-list .user-avatar{ float:left; width:40px; height:40px; border:1px solid #e5e5e5; margin-left:-1px;} .commnets-list .user-avatar img{ width:100%; height:auto;} .commnets-list .comment-author{font-size: 16px; margin: 0 0 10px; line-height:1;} .commnets-list .comment-date{font-size: 13px; margin: 0 0 10px; line-height:1;} .commnets-list .comment-content{padding-left:60px;} /* tags */ .tags a{ padding:4px 8px; border:1px solid #e5e5e5; margin:6px 8px 6px 0; float:left; font-size:12px; font-weight:400;background: #fff;} .tags a:hover{background:#f9f9f9;} /* single post */ .author-box{ margin:40px 0;} .author-box h4{ margin-top:0; font-weight:500; font-size:18px; line-height:1;} .author-box .author-avatar { float:left; height:100px; width:100px; margin:0 15px 10px 0;} .author-box .author-avatar img{ width:100%;height:auto;} .author-social ul{margin-bottom:0; margin-top:10px; float:left; width:100%;} .author-social ul li{ padding-left:0;} /* post navigation */ .post-navigation{} .article-nav{ /* default fallback */background: rgb(0, 0, 0) transparent; /* nice browsers */background: rgba(0, 0, 0, 0.2); /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)"; color: #FFFFFF; height: 120px; margin-top: -60px; padding: 15px; position: fixed; text-decoration: none; top: 50%; z-index: 200; cursor:pointer;} .article-nav.article-prev{left:0;} .article-nav.article-next{right:0;} .nav-icon{ height: 22px;line-height: 22px; margin-top: -11px; position: absolute; top: 50%;} .article-prev .nav-icon{left:10px;} .article-next .nav-icon{right:10px;} .nav-info-wrapper{display: block; overflow: hidden; width:0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate3d(0,0,0);} .article-prev .nav-info{ margin:0 0 0 15px;} .article-next .nav-info{ margin:0 15px 0 0;} .nav-info{ display: table; height: 90px; width: 210px;} .nav-info-title{display: table-cell;vertical-align: middle;} .article-nav:hover{color:#fff; /* default fallback */background: rgb(0, 0, 0) transparent; /* nice browsers */background: rgba(0, 0, 0, 0.8); /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)";} .article-nav:hover .nav-info-wrapper{width:210px;} /******* Contact Us *******************/ .contact-map{ float: left; margin-top: -35px; width: 100%; } .contact-map #map-canvas { height:400px; width:100%;} /*contact page split*/ .map-split{ border:1px solid #e5e5e5; padding:10px;} .map-split #map-canvas { height:310px;} /* working contact form */ #contactForm label.error{ font-weight: 300;} #contactForm label.error:before {content: "\f06a";font-family: 'FontAwesome'; margin-right:10px;} form h2{margin-bottom:10px;} /* #Forms ================================================== */ .form-control{color:#848494; background:#f9f9f9; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid #e5e5e5;} .form-control:focus{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border:1px solid ;} /*group input*/ .input-group-addon{ border-color:#e5e5e5;} .input-group .btn { padding:6px 12px;} .input-group .btn.btn-lg { padding:10px 12px;} .input-group .btn.btn-sm { padding:5px 12px;} input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline: none !important;} /*validation*/ .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline{ color:#99cc00;} .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline{ color:#ff9900;} .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline{ color:#cc0000;} .survey.formResponsive .formControls .formBody label{font-weight:400;margin-left:10px;} .survey.formResponsive .formControlLabel{margin-top: 12px; display: block; padding-top: 22px;} .survey.formResponsive textarea, .survey.formResponsive input[type="text"]{width:99%} .survey.formResponsive input[type="text"]{height:3em;padding-left:1em;} .survey.formResponsive .formControls.green .formBody{background-color:#DAFFCF;} .survey.formResponsive .formBody {background-color:#efefef;padding: 15px 10px 1px;} .formResponsive button[type="button"].rsform-button-prev{margin-right:10px;} /*input size*/ .input-lg{font-size: 16px;} .has-success .form-control{border-color:#99cc00;} .has-success .form-control:focus{border-color:#99cc00;-webkit-box-shadow: 0 0 3px #99cc00; -moz-box-shadow: 0 0 3px #99cc00; box-shadow: 0 0 3px #99cc00;} .has-warning .form-control{ border-color:#ff9900;} .has-warning .form-control:focus{ border-color:#ff9900;-webkit-box-shadow: 0 0 3px #ff9900; -moz-box-shadow: 0 0 3px #ff9900; box-shadow: 0 0 3px #ff9900;} .has-error .form-control{ border-color:#cc0000;} .has-error .form-control:focus{ border-color:#cc0000;-webkit-box-shadow: 0 0 3px #cc0000; -moz-box-shadow: 0 0 3px #cc0000; box-shadow: 0 0 3px #cc0000;} /* clean form */ .clean-form .form-control { background:none;} /* clean form dark */ .clean-form.dark-form .form-control { background:none; border:1px solid #848494; color:#848494;} .yellow-gwo{font-weight:800;padding:15px 20px; background-color:#FFDE00;border:2px solid #222;text-align:center;} .yellow-gwo-highlight{ font-weight: 800; padding: 15px 20px; background-color: #FCB034; border: 2px solid #222; text-align: center; border-bottom-left-radius: 30px; border-top-right-radius: 30px; position: relative; } .yellow-gwo-highlight:before{ content: " "; top: 0; left: 0; background-image: url(../images/gwo-box-bg.svg); position: absolute; width: 260px; height: 200px; background-repeat: no-repeat; margin-top:-44px; margin-left:-3px; } .yellow-gwo a{color:#000;} .yellow-gwo a:hover, .yellow-gwo-highlight a:hover{color:#fff;} .relyon h1.yellow{color:#E4A633;margin-bottom:4px;} .relyon h3 {color:#000;} .relyon .footer-middle h3 {color:#fff;} .col-md-8 .gwoblock.row {margin-left:0 !important;margin-right:0 !important;border:#000 solid 0px !important;} .gwoblock.row .col-md-6:first-of-type{padding-left:0 !important;} /* #Misc ================================================== */ .disable-select {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} /* Carousel*/ .caroufredsel_wrapper ul li:hover, .caroufredsel_wrapper .overlay-hslide:hover, .caroufredsel_wrapper .overlay-vslide:hover, .caroufredsel_wrapper .overlay-fade:hover, .caroufredsel_wrapper .overlay-zoom:hover, .caroufredsel_wrapper ul {cursor: url("https://maps.gstatic.com/mapfiles/openhand_8_8.cur"), move;} .caroufredsel_wrapper ul li:active, .caroufredsel_wrapper .overlay-hslide:active, .caroufredsel_wrapper .overlay-vslide:active, .caroufredsel_wrapper .overlay-fade:active, .caroufredsel_wrapper .overlay-zoom:active, .caroufredsel_wrapper ul:active {cursor: url("https://maps.gstatic.com/mapfiles/closedhand_8_8.cur"), move} .list_carousel {margin: 0; width: 360px;} .list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;} .list_carousel li {padding: 0; margin: 4px; display: block;float: left; width: 320px;} .list_carousel.responsive { width: auto;margin: 0;} .clearfix { float: none;clear: both;} .pager {float: left;width: 300px;text-align: center;} .pager a {margin: 0 5px;text-decoration: none;} .pager a.selected {text-decoration: underline;} .timer {background-color: #999;height: 6px; width: 0px; } .list_carousel a.prev, .list_carousel a.next {display:block; text-align:center; line-height:60px; width:30px; position: absolute; top: 50%; margin-top:-30px; z-index: 999; color:#ffffff; font-size:24px;} .list_carousel a.prev{left:0;} .list_carousel a.next {right:0;} .list_carousel a.prev.disabled, .list_carousel a.next.disabled {cursor: default; color:#848494;} .list_carousel a.prev span, .list_carousel a.next span {display: none;} .pagination-carousel {text-align: center; margin-top: 0px;} .pagination-carousel a {width: 10px;height: 10px;margin: 0 5px;display: inline-block;-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%; background:#333;} .pagination-carousel a.selected {cursor: default;} .pagination-carousel a span {display: none;} /* carousel work */ .caroursel-work{position: relative;} .carousel-navigation{ display: table; float: left; } /*simple carousel*/ .simple-caroursel{position:relative;} .simple-caroursel .list_carousel a.prev, .simple-caroursel .list_carousel a.next { line-height:inherit; margin-left:0; margin-right:0;} .simple-caroursel .list_carousel a.prev.disabled,.simple-caroursel .list_carousel a.next.disabled {background:rgba(0, 0, 0, 0.1);background: rgb(0, 0, 0) transparent;} /*simple carou - 1 item */ .simple-carou li{ padding:0 0 20px; width:240px; display:block; float:left; } .simple-carou li img{ width:100%; height:auto;} .simple-carou .panel{ margin:0;} /* Latest Work */ .work-entry{ padding:5px;} .work-entry h2,.work-entry h3, .work-entry h4, .work-entry h5{ margin:10px 0; font-size:16px;} .work-entry img{} .work-entry-content { padding:5px;} .work-entry-details {} .work-entry-image { position:relative;} /* Brands */ .brands-entry{ padding:5px;} .brands-entry h2,.brands-entry h3, .brands-entry h4, .brands-entry h5{ margin:10px 0; font-size:16px;} .brands-entry img{ width:100%; height:auto;} .brands-entry-content { padding:5px;} .brands-entry-details {} .brands-entry-image { position:relative;} /* Image Overlay Effects*/ .image-overlay { position:relative; cursor: default; overflow:hidden; -webkit-box-shadow: 0px 0px 1px rgba(51, 51, 51, 0.3); -moz-box-shadow: 0px 0px 1px rgba(51, 51, 51, 0.3); box-shadow: 0px 0px 1px rgba(51, 51, 51, 0.3);} .image-overlay img{ width:100%;} .image-grey { -webkit-filter: grayscale(1); filter: grayscale(1); position: relative; object-fit: cover; height:400px; width:100%; } .blue-tint{ position: relative; width: 100%; height: -webkit-fill-available; height: 100%; display:block; margin-bottom:30px; } .blue-tint:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(48,134,215,0.57); -moz-transition: background .3s linear; -webkit-transition: background .3s linear; -o-transition: background .3s linear; transition: background .3s linear; } img.blueline{border:#009BDA solid 2px;} hr.blue{border:#009BDA solid 1px;} ul.blue{color:#009BDA;} /* overlay horizontal slide*/ .overlay-hslide {background:rgba(255, 255, 255, 0.6);background: rgb(255, 2255, 255) transparent; height: 100%; width:0%; top:0; right:0; position: absolute; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .overlay-hslide a{height: 80px; width: 80px; margin: -40px 0 0 -40px; position: absolute; text-align: center; top: 50%; left: 50%; line-height:80px; cursor:pointer;} .overlay-hslide a .fa-overlay{ font-size:40px; padding:0;width:80px;height:80px;line-height:80px;background:rgba(255, 255, 255, 0.6);background: rgb(255, 2255, 255) transparent;} .image-overlay:hover .overlay-hslide { width:100%; top:0; left:0; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} /* overlay vertical slide*/ .overlay-vslide {background:rgba(255, 255, 255, 0.6);background: rgb(255, 2255, 255) transparent; height: 0%; width:100%; bottom:0; right:0; position: absolute; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .overlay-vslide a{height: 80px; width: 80px; margin: -40px 0 0 -40px; position: absolute; text-align: center; top: 50%; left: 50%; line-height:80px; cursor:pointer;} .overlay-vslide a .fa-overlay{ font-size:40px; padding:0;width:80px;height:80px;line-height:80px;background:rgba(255, 255, 255, 0.6);background: rgb(255, 2255, 255) transparent;} .image-overlay:hover .overlay-vslide { width:100%; height:100%; top:0; left:0; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} /* overlay fade*/ .overlay-fade {background:rgba(255, 255, 255, 0.6);background: rgb(255, 2255, 255) transparent; height: 100%; width:100%; top:0; position: absolute; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .overlay-fade a{height: 80px; width: 80px; margin: -40px 0 0 -40px; position: absolute; text-align: center; top: 50%; left: 50%; line-height:80px; cursor:pointer;} .overlay-fade a .fa-overlay{ font-size:40px; padding:0;width:80px;height:80px;line-height:80px;background:rgba(255, 255, 255, 0.6);background: rgb(255, 2255, 255) transparent;} .image-overlay:hover .overlay-fade { filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} /* overlay zoom*/ .overlay-zoom {background:rgba(255, 255, 255, 0.6);background: rgb(255, 2255, 255) transparent; height: 100%; width:100%; top:0; position: absolute; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .overlay-zoom a{height: 80px; width: 80px; margin: -40px 0 0 -40px; position: absolute; text-align: center; top: 50%; left: 50%; line-height:80px; cursor:pointer;} .overlay-zoom a .fa-overlay{ font-size:40px; padding:0;width:80px;height:80px;line-height:80px;background:#fff;} .image-overlay:hover .overlay-zoom { filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .zoom-image img{ -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .zoom-image:hover img{ -webkit-transform: scale(1.2); -webkit-transition-timing-function: ease-in-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.2);-moz-transition-timing-function: ease-in-out; -moz-transition-duration: 250ms; transform: scale(1.2); transition-timing-function: ease-in-out; transition-duration: 250ms;} .rotate-image-right img{ -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .rotate-image-right:hover img{ -webkit-transform: rotate(15deg) scale(1.5); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: rotate(15deg) scale(1.5);-moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; transform: rotate(15deg) scale(1.5); transition-timing-function: ease-out; transition-duration: 250ms;} .rotate-image-left img{ -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .rotate-image-left:hover img{ -webkit-transform: rotate(-15deg) scale(1.5); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: rotate(-15deg) scale(1.5);-moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; transform: rotate(-15deg) scale(1.5); transition-timing-function: ease-out; transition-duration: 250ms;} /* Align*/ .alignleft { float: left; margin: 0 20px 10px 0;} .alignright { float: right; margin: 0 0 10px 20px;} .aligncenter {display: block; margin: 0 auto;} .alignnone { float: none; margin: 0 auto;} /* Margins */ /*top*/ .margin-top0{margin-top:0px !important;} .margin-top10{margin-top:10px !important;} .margin-top20{margin-top:20px !important;} .margin-top30{margin-top:30px !important;} .margin-top40{margin-top:40px !important;} .margin-top50{margin-top:50px !important;} .margin-top60{margin-top:60px !important;} .margin-top70{margin-top:70px !important;} .margin-top80{margin-top:80px !important;} .margin-top90{margin-top:90px !important;} .margin-top100{margin-top:100px !important;} /*bottom*/ .margin-bottom0{margin-bottom:0px !important;} .margin-bottom10{margin-bottom:10px !important;} .margin-bottom20{margin-bottom:20px !important;} .margin-bottom30{margin-bottom:30px !important;} .margin-bottom40{margin-bottom:40px !important;} .margin-bottom50{margin-bottom:50px !important;} .margin-bottom60{margin-bottom:60px !important;} .margin-bottom70{margin-bottom:70px !important;} .margin-bottom80{margin-bottom:80px !important;} .margin-bottom90{margin-bottom:90px !important;} .margin-bottom100{margin-bottom:100px !important;} /* Padding */ /*top*/ .padding-top0{padding-top:0px !important;} .padding-top10{padding-top:10px !important;} .padding-top20{padding-top:20px !important;} .padding-top30{padding-top:30px !important;} .padding-top40{padding-top:40px !important;} .padding-top50{padding-top:50px !important;} .padding-top60{padding-top:60px !important;} .padding-top70{padding-top:70px !important;} .padding-top80{padding-top:80px !important;} .padding-top90{padding-top:90px !important;} .padding-top100{padding-top:100px !important;} /*bottom*/ .padding-bottom0{padding-bottom:0px !important;} .padding-bottom10{padding-bottom:10px !important;} .padding-bottom20{padding-bottom:20px !important;} .padding-bottom30{padding-bottom:30px !important;} .padding-bottom40{padding-bottom:40px !important;} .padding-bottom50{padding-bottom:50px !important;} .padding-bottom60{padding-bottom:60px !important;} .padding-bottom70{padding-bottom:70px !important;} .padding-bottom80{padding-bottom:80px !important;} .padding-bottom90{padding-bottom:90px !important;} .padding-bottom100{padding-bottom:100px !important;} .padding-none { padding:0 !important;} .padding-xsmall { padding:5px 0 !important;} .padding-small { padding:20px 0 !important;} .padding-medium{ padding:40px 0 !important;} .padding-large { padding: 60px 0 !important;} /* Full Width Container */ .fullsize {color: inherit; width:100% ;} .fullsize-background {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding:0; background-color:#f8f8f8; /* fallback for browser that not support rgba */ background-color:rgb(248,248,248); background-color: rgba(248,248,248, .5); /* Works on all modern browsers */} /* Icon Box Wrapper */ .box-icon-wrapper{} .box-icon-title{font-weight:400; font-size:16px; margin:0;} .box-icon-title .icon-wrapper{ margin-right:10px;} /* Shadows */ /*innner shadow*/ .shadow-inner-big{ -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.14) inset; -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.14) inset; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.14) inset;} .shadow-inner-medium{ -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.14) inset; -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.14) inset; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.14) inset;} .shadow-inner-small{ -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14) inset; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14) inset; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14) inset;} /*drop shadow*/ .shadow-drop-big{ -webkit-box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.14); -moz-box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.14); box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.14);} .shadow-drop-medium{ -webkit-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.14); -moz-box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.14); box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.14);} .shadow-drop-small{ -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.14); box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.14);} /* Modal */ .modal {overflow-y: hidden;} .modal a:hover{ color:#1188cc;} .modal-backdrop.in { opacity: 0.5;} body.modal-open {margin-right:17px;} /* Tooltip */ /*bootstrap default tooltip*/ .tooltip {font-size: 12px; line-height: 1.6;} .tooltip-inner {border-radius: 4px; /* default fallback */ background: rgb(0, 0, 0) transparent; /* nice browsers */ background: rgba(0, 0, 0, 0.8); /* IE 6/7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)";} .tooltip.top .tooltip-arrow { border-top-color: #333;} .tooltip.top-left .tooltip-arrow { border-top-color: #333;} .tooltip.top-right .tooltip-arrow {border-top-color: #333;} .tooltip.right .tooltip-arrow {border-right-color: #333;} .tooltip.left .tooltip-arrow {border-left-color: #333;} .tooltip.bottom .tooltip-arrow {border-bottom-color: #333;} .tooltip.bottom-left .tooltip-arrow {border-bottom-color: #333;} .tooltip.bottom-right .tooltip-arrow {border-bottom-color: #333;} /*tooltipster plugin css*/ /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default {border-radius: 0;color: #fff; /* default fallback */ background: rgb(0, 0, 0) transparent; /* nice browsers */ background: rgba(0, 0, 0, 0.8); /* IE 6/7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000); /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000)";} /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: inherit;font-size: 12px;line-height: 1.6; padding: 10px;overflow: hidden; text-align:center;} /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {/* border-color: ... !important; */} /* If you're using the icon option, use this next selector to style them */ .tooltip-wrapper{padding: 15px; position: relative; display:inline-block;} .tooltipster-icon { background: #fff; border:1px solid; border-radius: 50%; font-size: 18px; height: 30px; line-height: 1.6; position: absolute; text-align: center; width: 30px; margin-top:15px;} .tooltipster-icon.icon-bl {left:0px;} .tooltipster-icon.icon-tl {left:0; margin-top:-25px;} .tooltipster-icon.icon-tr {margin-top:-30px;} .tooltipster-icon .fa { margin-left:0;} /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base {padding: 0;font-size: 0; line-height: 0; position: absolute; z-index: 9999999;pointer-events: none; width: auto;overflow: visible;} .tooltipster-base .tooltipster-content {overflow: hidden;} /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow {display: block; text-align: center; width: 100%;height: 100%;position: absolute;top: 0; left: 0;z-index: -1;} .tooltipster-arrow span, .tooltipster-arrow-border {display: block; width: 0; height: 0;position: absolute;} .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {border-left: 8px solid transparent !important;border-right: 8px solid transparent !important;border-top: 8px solid; bottom: -8px;} .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -8px;} .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important;border-right: 8px solid transparent !important; border-bottom: 8px solid;top: -8px;} .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -8px;} .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {left: 0;right: 0;margin: 0 auto;} .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px;} .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {left: 5px;} .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {right: 6px;} .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {right: 5px;} .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%;margin-top: -7px;right: -8px;} .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px;} .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important;border-bottom: 8px solid transparent !important;border-right: 8px solid; top: 50%; margin-top: -7px;left: -8px;} .tooltipster-arrow-right .tooltipster-arrow-border {border-top: 9px solid transparent !important;border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /* Labels */ .label{font-size: inherit; font-weight: inherit;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;} .label-default { background:#333;} .label-success{background-color:#99cc00;} .label-info{background-color:#33cccc;} .label-warning{background-color:#ff9900;} .label-danger{background-color:#cc0000;} /* Text Selection */ /* Mozilla based browsers */ ::-moz-selection { color: #fff;} /* Works in Safari */ ::selection {color: #fbb031;} /* Pagination */ .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{ border-color:#e5e5e5;} .pagination > li > a, .pagination > li > span {border-color:#e5e5e5;} /* Badgeds */ .badge {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0;border-radius:0; min-width: 24px; padding: 6px; font-family:Arial, Helvetica, sans-serif;} /* Dropcaps */ .firstletter {float: left; font-size: 2.4em; line-height: 1.2; margin-right: 0.3em; height:40px; width:40px; text-align:center;} .drop-fullround.firstletter { background-color:#848494; float: left; font-size: 2.4em; line-height: 1.7; margin-right: 0.3em; margin-top: 0.1em; height:55px; width:55px; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%;} .drop-border.firstletter {float: left; font-size: 2.4em; line-height: 1.7; margin-right: 0.3em; margin-top: 0.1em; height:55px; width:55px; text-align:center; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%; border:1px solid;} /* Parallax */ .parallax-wrapper {background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment:fixed; } body.safari .parallax-wrapper {background-attachment:scroll;background-position: center center !important;} .parallax-wrapper .panel { border:1px solid #ffffff;background: none;margin-bottom:0;} .parallax-wrapper .panel .lead { margin-bottom:0;} .home-para.parallax-wrapper { background-attachment: inherit; background-position: -100px !important; background-image:url("/images/home/header_one1.jpg")!important; margin: 0px -50% !important; padding: 0px 50% !important; } /*image overlays for home and other pages*/ .home-diamond-community:before, .home-para.parallax-wrapper .dark-block:before, .home-diamond-origin:before, .home-diamond-esi:before, .widearea-grey.diamond1:before, .widearea-grey.diamond2:before, .widearea-grey.diamond3:before { content: ""; z-index: 999; overflow: visible; position: absolute; opacity: 0.8; mix-blend-mode: multiply; background-repeat: no-repeat; } /* */ .active-wind-energy-sector #rsform_5_page_0 .form-group{width:73%;} .fadeInLeftBig {position: relative;right:25px;} .home-para.parallax-wrapper .dark-block{background-color:rgba(0,62,85,1.00);position: relative;right:28px;} .home-para.parallax-wrapper .dark-block .m20 {font-size:14px;margin-right:20px;display: inline;padding-top:10px;border-top:1px solid #ddd;} .home-para.parallax-wrapper .dark-block .btn {margin-right:20px;} .home-para.parallax-wrapper .dark-block .btn.btn-default.btn-sm.btn-primary {margin-bottom:20px;} .home-para.parallax-wrapper .dark-block .modal_link{ background-color: #FFE000; color: #000; padding: 4px 6px; display: block; margin: 0px 20px 20px 159px; font-size: 12px; font-weight: 900; text-align: center;} .home-para.parallax-wrapper .dark-block .modal_link:hover{ background-color:#BFA800;} .liness:before { content: ""; position: absolute; top: -16px; left: -1000px; right: -1000px; bottom: 0; background: url(/templates/smarton/images/stripes.png); background-repeat: repeat; z-index: 0; } /* Testimonials */ .testimonials-wrapper { margin:10px 0;} ul.testimonials-slider li {cursor:default; margin:0 5px;} .testimonial-content{position: relative; padding:10px 20px; color:#ffffff; font-family:"Times New Roman", Times, serif; font-size:18px; font-style:italic;} .testimonial-content:after, .testimonial-content:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .testimonial-content:after {border-width: 10px; left: 50px; margin-left: -10px; } .testimonial-meta{ padding:10px 0;} .testimonial-image {float: left; margin-right: 20px; margin-top: -10px;} .testimonial-image img{height: 100px; width: 100px;} .testimonial-author { font-weight:500; font-size:16px;} /* testimonials clean*/ .testimonials-white {} .testimonials-white .testimonial-content{position: relative; text-align:center; padding:20px 30px; color:#848494; border:1px solid #e5e5e5; border-bottom:4px solid #e5e5e5; background:#fff; font-family:"Times New Roman", Times, serif; font-size:18px; font-style:italic;} .testimonials-white .testimonial-content:after { border-top-color: #e5e5e5; border-width: 10px; left: 50%; margin-left: -10px;} .testimonials-white .testimonial-image {float: none; margin-right: 0px; margin-top: 5px; margin-bottom: 5px;} .testimonials-white .testimonial-meta { text-align:center;} /* Video */ iframe{ border:none;} .flex-video {position: relative;padding-top: 25px;padding-bottom: 56.4%;height: 0;overflow: hidden;} .flex-video.widescreen { padding-bottom: 50%; } .flex-video.vimeo { padding-top: 0; } .flex-video.youtube{ padding-top: 0; } .flex-video.html5{ padding-top: 0; } .flex-video .video-js{ width:100%;} .flex-video iframe, .flex-video object, .flex-video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video {padding-top: 0; } } /* Tables */ /* Standard Tables */ .table > thead > tr > th { border-bottom:2px solid #848494;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{ border-top:1px solid #e5e5e5; padding:12px 6px;} /*colors rows*/ .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background: #ffcccc;} .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background-color: #ffc0c0; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background:#ffeecc;} .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background-color: #fee6b6; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background:#eeffcc;} .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background-color: #eeffbb; } /* Cart Table */ .cart-table{ border:1px solid #e5e5e5;} .cart-table .btn{ margin-bottom:0;} .cart-table.table > thead > tr > th, .cart-table.table > tbody > tr > th, .cart-table.table > tfoot > tr > th, .cart-table.table > thead > tr > td, .cart-table.table > tbody > tr > td, .cart-table.table > tfoot > tr > td{ vertical-align:middle;} .cart-table > thead > tr > th { border-bottom-color:#e5e5e5;} .cart-table .td-cart-image{padding:10px;} .cart-table .td-cart-image img{ width:100px; height:auto;} .cart-table .td-remove {} /* Pricing Tables */ .pricing-table-outer {margin:0 -10px;} .pricing-table { margin:20px 0; list-style:none; padding:0; position:relative; float:left; width:100%;} .pricing-container, .pricing-options {list-style: none outside none; margin: 0; padding: 0;} .pricing-container {border:1px solid #e5e5e5;-webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;border-radius:4px;} .pricing-plan{ padding:0 10px; background: #fff; float: left;width: 100%;text-align: center; margin-bottom:20px; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;} .pricing-plan:hover { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04);} .pricing-plan.best-pricing{-webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04);} .pricing-title { text-align:center; padding:20px 0;-webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0; background:#848494; color:#ffffff;} .pricing-title p{font-size: 18px; font-weight: 700; margin: 14px 0 0; text-transform: uppercase;} .pricing-value { text-align:center; border-bottom:1px solid #e5e5e5; padding:20px 0; background:#f9f9f9;} .pricing-value p{ margin:0;} .pricing-value .value{ font-size:4em; font-weight:700;} .pricing-value .value span.cur{ font-size:0.4em; font-weight:300; } .pricing-description{ padding: 20px; border-bottom:1px solid #e5e5e5;} .pricing-description p{ margin:0;} .pricing-options { padding:20px 0;} .pricing-options li{ text-align:center; font-weight: 300; line-height: 2.5;} .pricing-options span{font-weight: 700;} .pricing-btn {text-align:center;} .pricing-btn .btn{ margin: 0 0 20px;} /* Pricing Tables 2 columns*/ .pricing-table.pricing-columns-2 .pricing-plan{margin: 20px 0; width: 50%;} /* Pricing Tables 3 columns*/ .pricing-table.pricing-columns-3 .pricing-plan{margin: 20px 0; width: 33.33332%;} /* Pricing Tables 4 columns*/ .pricing-table.pricing-columns-4 .pricing-plan{margin: 20px 0; width: 25%;} /* table site structure on front of site*/ .structure-tbl h4{font-weight:500;line-height:110%;margin-bottom:0;font-size:20px;} .structure-tbl a {font-size:14px;text-align:center;color:#00323D;background-color:#f3af34;padding:1px 12px;display:block; margin: 15px 0px 15px 0; } .structure-tbl a:hover {color:#00323D;background-color:#fff;} .structure-tbl table tr td:first-of-type{width:30%;padding-right:20px;} .structure-tbl table br{display:none;} .structure-tbl table tr{padding-bottom:20px;border-bottom:1px solid #fefefe;} .structure-tbl table tr:last-of-type{} .structure-tbl .consulting{height:113px;} /* table2grid - plugin off because it disagrees with shortcode system on this site*/ table.table2grid, table.table2grid td {display:block;} table.table2grid.col-2 tr {display:block;} table.table2grid.col-4 tr {display:inline-block;} table.table2grid tr {display:block;} table.table2grid.col-3 tbody{ display: block; } table.table2grid.dots{width: 100%;} .table2grid.col-2.dots p{display:inline-block;} .table2grid.col-2.dots td:nth-child(odd) { float: left; width: 48%; overflow: hidden; white-space: nowrap ;margin-right:4px;} .table2grid.col-2.dots td:nth-child(even) { float: left; width: 48%;overflow: hidden } .table2grid.col-2.dots td:nth-child(odd):after { content: " ..............................................................................................................................................................................................." } /* table2grid 3col*/ table.table2grid.col-3.dots td{ float: left; width: 32%; overflow: hidden; white-space: nowrap ;margin-right:4px;} .table2grid.col-3.dots tr {width:100%;} table.table2grid.col-3.dots{margin-bottom:10px;} .table2grid.col-3.dots p{display:inline-block;} .table2grid.col-3.dots td:nth-child(1):after, .table2grid.col-3.dots td:nth-child(2):after { content: " ..............................................................................................................................................................................................." } /* table2grid 4col*/ .table2grid.col-4.dots td:nth-child(4n-3), .table2grid.col-4.dots td:nth-child(4n-1) { float: left; width: 24%; overflow: hidden; white-space: nowrap ;margin-right:4px;} .table2grid.col-4.dots td:nth-child(4n-2){ float: left; width: 26%; overflow: hidden;} .table2grid.col-4.dots td:nth-child(4n) { float: left; width: 25%; overflow: hidden;} .table2grid.col-4.dots td:nth-child(odd):after { content: " ................................................................................................................................................................................................." } .table2grid.col-4 > td { width: 24%;} .table2grid.col-4 p { display:inline-block;} .table2grid.col-4 { background-image: url("/images/template/table-pixel.png"); background-repeat: repeat-y; background-position: 49% 0%; } .table2grid td:empty::after {content:none;color:#fff;} .table2grid td:empty {background-color:rgba(237,222,222,1.00)} .table2grid.wind{display:flex;} .table2grid.wind, .table2grid.wind tbody{width:100%;} .table2grid.wind td {display:inline-block;} table.table2grid.footprint tr {display:flex;justify-content:space-between;align-items:flex-end; flex-wrap: wrap;} table.table2grid.footprint td{padding:0 1rem;display:flex;} table.table2grid.footprint tbody {display:block;width:100%} table.table2grid.footprint td {margin-bottom:15px} /* smartslider elements outside box need ..slider-2 and ..slider-3 to show visible and the number of the slider ie. n2-ss-11 needs to be included n2-ss-XX */ .bst-top{margin-bottom:200px;overflow: visible;} .bst-top.blended{margin-bottom:40px;} .blended-bg{position:relative;} .blended-bg:before{ background-image: url(/images/template/diagnal-blend.svg); position: absolute; width: 200vw; height: 800px; background-size: cover; left: -100vw; background-repeat: no-repeat; top:-188px; } .bst-top .n2-ss-slider .n2-ss-item-image-content, .bst-top .n2-ss-slider .n2-ss-slide, .bst-top div#n2-ss-10 .n2-ss-slider-3, .bst-top div#n2-ss-10 .n2-ss-slider-2, .bst-top div#n2-ss-11 .n2-ss-slider-2, .bst-top div#n2-ss-11 .n2-ss-slider-3, .bst-top div#n2-ss-13 .n2-ss-slider-3, .bst-top div#n2-ss-13 .n2-ss-slider-2, .bst-top div#n2-ss-15 .n2-ss-slider-3, .bst-top div#n2-ss-15 .n2-ss-slider-2{overflow: visible;} /*our sectors page table with gradient*/ .image-container-OurSectors { position: relative; display: inline-block; } .image-container-OurSectors::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg, rgba(0,50,61,0) 50%, rgba(0,50,61,1) 100%); } .image-container-OurSectors img { display: block; width: 100%; height: auto; z-index: 1; } a.arrow-read-more-button{} a.arrow-read-more-button::after { font-family: FontAwesome; content:"\f061"; /* The code for the arrow \2192 \f178 f061*/ font-weight: bold; font-size: 30px; text-align: center; color: #00323D; pointer-events: none; z-index: 99; transform: rotate(90deg); position:relative; top:9%; left:15px; } a.arrow-read-more-button { font-size:0; background: #F2B035; text-decoration:none; border-radius: 50%; display: inline-block; height: 55px; width: 55px; overflow: hidden; position:absolute; top:244px;right:25px; } a.arrow-read-more-button:hover{background: #fff;} .arrow-read-more-button span { position: relative; z-index: 2; /* Ensure the text is above the arrow */ } /* MEDIA QUERIES*/ @media all and (max-width: 767px) { body .widearea-relyon { background-size:cover; } .header-middle{display:block;} body.active-home .row .logo img { width: inherit; height: 100px; } .table2grid.wind tr td{display:block;width:100%;} .table2grid.wind tr td:first-child{width:100% !important;} .bst-top{margin-bottom:20px;overflow: visible;} .relyon .row.lines .col-md-4{padding-bottom:5px;} .row.qual-list .col-md-6:first-of-type{border-right:none;} } .table2grid.wind tr td:first-child{width:20%;font-weight:700;color:#008DCE;} .table2grid.wind tr td:nthChild(2){width:79%;} /* power systems page table*/ body .power-table {border:#000 solid 1px !important;} .power-table td{width:32%;border-right:#000 solid 1px; } .power-table td:first-of-type{width:6%;background-color:#0097D8;border-right:#000 solid 1px; } .power-table td:last-of-type{border-right:none; } .power-table td:first-of-type h2{writing-mode: vertical-rl;text-orientation:sideways;color:#fff;margin:0 0 18px -2px;} .power-table td{padding:20px;vertical-align: top;} .power-table td p {margin-left: 25px; margin-bottom: 5px; text-indent: -25px; line-height: 120%; } .covid{ color: #fff; background-color: #8DC63F; padding: 8px 11px 0px; text-align: center; margin-top: 30px; font-weight: 600; font-style:italic; height: 36px; } .covid span:before{ content:" "; background-image: url(../images/COVID-Check.png); background-repeat: no-repeat; height:90px; width:40px; overflow: visible; position:absolute; margin:-24px 0 0 -50px; } .covid a{color:#fff;font-size:2rem;font-weight:600;} .youtube-message a, .youtube-message a:hover{color: #fff;} .youtube-message{ color: #fff; background-color: #4D89CE; padding: 8px 15px 0px; text-align: left; margin:30px 0px 0px 25px; font-weight: 600; font-style:italic; height: 36px; } .youtube-message span:before{ content:" "; background-image: url(/images/youtube.svg); background-repeat: no-repeat; height: 41px; width: 114px; overflow: visible; position: absolute; margin: -2px 0 3px 0px; left: 60%; } .item-pageabout-tb img{width:100%;} .item-pageabout-tb h3, .lines h3, .item-page h3{font-size: 20px; color: #111; font-weight: 700; line-height: 120%; border-bottom: none; padding: 20px 0 8px; margin-bottom:10px; } .active-wind-energy-sector .item-page p a,.active-wind-energy-sector .item-page li a{ font-style: italic; } .item-page .tb-course-list li a { font-style: normal; } /*art space page*/ .art-space h3 {font-family: 'Qwigley', cursive;line-height:120%;border-bottom: 1px solid #ccc;padding: 10px 0;color:#ffffff;font-size:44px} .art-space .main-wrapper{color:#fff;background-color:#54565a;} .art-space .border-right { border-right: 1px solid #ccc; margin-right: 0%; padding-right: 20px; } .featured{color:#009BDA;text-transform: uppercase;line-height:98%;font-size:14px;margin:0;font-weight:600;} .about-tb .page-header .page-title, .about-tb .page-header .breadcrumb, .art-space .page-header .page-title, .art-space .page-header .breadcrumb{display:none;} .page-header .page-title, .page-header .breadcrumb{display:none;} .page-header, .about-tb .page-header, .art-space .page-header{padding:0;height:36px;margin-top:-48px;} .read-more, .art-space .read-more, .modal_link {font-weight:900;} .art-space h1{font-family: 'Qwigley', cursive;font-size:78px;color:#ffffff; line-height:98%;} .active-community-sponsorship h1{font-size:36px;color:#009BDA; text-transform: uppercase;line-height:98%;} .active-community-sponsorship h1 .community{font-size:24px;color:#009BDA; text-transform: uppercase;font-weight:600;} .art-space .container-inner img{border:2px solid #3a3b3d;} .art-space .container-inner .picframe{ border: 76px solid; border-image: url(/templates/smarton/images/ART-FRAME.svg); border-image-slice: 90; -webkit-box-shadow: 1px 1px 33px rgba(0,0,0,0.54); box-shadow: 1px 1px 24px rgba(0,0,0,0.34); } body .btn-gwo{mix-blend-mode: normal !important;} #rsfpsignature81{width:400px;} .jSignature{height: 250px;width: 400px;} /*Filter All Courses */ input#tb_courselist_filter{border:2px solid rgba(223,110,0,1.00);} /* Tooltip container */ /** * Tooltip Styles */ /* Add this attribute to the element that needs a tooltip */ [data-tooltip] { position: relative; z-index: 2; cursor: pointer; } /* Hide the tooltip content by default */ [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } /* Position tooltip above the element */ [data-tooltip]:before { position: absolute; bottom: 110%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; } /* Triangle hack to make tooltip look like a speech bubble */ [data-tooltip]:after { position: absolute; bottom: 110%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } /* Show tooltip content on hover */ [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .border-right{border-right:1px solid #ccc;margin-right:1%;padding-right:20px;} .mosaic-sidebar-right .sprocket-mosaic-image-container img{border:1px solid #B8B8B8;} .mosaic-sidebar-right .col-md-8{width:100%;} .mosaic-sidebar-right ul{list-style: none;} .mosaic-sidebar-right .sprocket-mosaic-text{font-size:16px;} .active-arc-flash-consultancy-training .col-md-9{width:74%;} .bottom6 h3 span, .bottom7 h3 span, .bottom8 h3 span{display:block;} .bottom6 h3, .bottom7 h3, .bottom8 h3 {line-height:99%;} .bottom8 h3 span{width:50%;margin:0 auto;} .bottom5 h3{line-height: 99%;} #undefined-sticky-wrapper {height:auto !important} #tbhome_c .home-diamond-community img {margin-left:-11px;} .esi-shield {display:block;height:120px;width:120px;float:right;margin:0 0 10px 20px;background-image:url(/templates/smarton/images/Thomson-Bridge-Academy.svg);background-position: center;background-size:cover;} .border1 .col-md-8:nth-of-type(1) { border-right: 1px solid #404042; } .lines .col-sm-4, .lines .col-sm-3, .lines .col-md-6:nth-of-type(1){border-right:1px solid #404042;} .lines .col-sm-4.noline{border-right:none;} .structure-tbl .col-sm-4 {border-right:none;} .lines .col-sm-4.lines .col-sm-4, .lines .col-sm-3 { padding-bottom: 40px; } .lines .col-sm-6{padding-bottom: 20px;} .lines.nobtn .col-sm-6 {padding-bottom: 0px;} .lines.nobtn {margin-bottom:0;} .lines .col-sm-3:last-of-type, .lines .col-sm-4:last-of-type, .structure-tbl .col-sm-4:last-of-type, .lines .col-md-6:last-of-type {border-right:none;} .lines .read-more, .relyon .lines.bluebtn .read-more, .blog .read-more, .row .read-more, .tech .btnrow .modal_link, .read-more-m{background:#fbb031;color:#00323D;padding:0.6rem 1.4rem;font-size: 12px; letter-spacing: 0.01rem; margin-right:3px;display:inline-block;border-radius:0;text-decoration: none;} .relyon .lines.bluebtn .read-more:hover{background:orange;color:#fff;} .relyon .lines.bluebtn .read-more:after{content:none;} .read-more-m{display:none;} .lines .read-more:hover, .blog .read-more:hover, .row .read-more:hover, .tech .btnrow .modal_link:hover{background:#515151;color:#fff;text-decoration: none;} .lines .btnrow{position: absolute;bottom: 0px;} .cs h3:first-line {color: #aaa;} /*.lines .col-md-4 p:nth-last-of-type(2){position: absolute;bottom: -8px;} */ .lines .col-md-4 p:last-of-type{margin-bottom:0;} .lines .col-md-4 img, .lines .col-md-6 img, .active-digital-media .col-md-4 img {} .lines.listarrow ul { list-style: none;} .lines.listarrow ul li{margin-bottom:15px} .listarrow ul li:before { content: "\f178"; font-family: FontAwesome; position: absolute; left: 31px; color:orange; } .item-page .lines{margin-bottom:30px;margin-left: -35px !important; margin-right: -35px !important;} .lines .col-xs-3, .lines .col-sm-3, .lines .col-md-3, .lines .col-lg-3, .lines .col-xs-4, .lines .col-sm-4, .lines .col-md-4, .lines .col-lg-4, .lines .col-xs-5, .lines .col-sm-5, .lines .col-md-5, .lines .col-lg-5, .lines .col-xs-6, .lines .col-sm-6, .lines .col-md-6, .lines .col-lg-6, .lines .col-xs-7, .lines .col-sm-7, .lines .col-md-7, .lines .col-lg-7, .lines .col-xs-8, .lines .col-sm-8, .lines .col-md-8, .lines .col-lg-8, .lines .col-xs-9, .lines .col-sm-9, .lines .col-md-9, .lines .col-lg-9 { padding-left: 35px; padding-right: 35px;} .lines .col-md-3:first-of-type, .lines .col-md-4:first-of-type, .lines .col-md-6:first-of-type{} .lines .col-md-3:last-of-type, .lines .col-md-4:last-of-type, .lines .col-md-6:last-of-type{} .lines .col-md-3.noline, .lines .col-md-4.noline, .lines .col-md-6.noline { border-right: none;} div#n2-ss-17 .n2-style-07a8964823bc01ede4549a6eac5a3369-heading{height:85px;} /* lines image media queries heights */ .widearea-grey .col-md-8 img{height:399px;object-fit: cover;overflow:hidden;} .widearea-grey .col-md-6 img{height:399px;object-fit: cover;overflow:hidden;} .lines .col-md-6 img {height:345px;object-fit: cover;overflow:hidden;} .lines .col-md-4 img {height:209px;object-fit: cover;overflow:hidden;} .lines .col-md-3 img {height:209px;object-fit: cover;overflow:hidden;} .active-digital-media .col-md-4 img {height:202px;object-fit: cover;overflow:hidden;} .lines.no-img-height .col-md-4 img, .lines.no-img-height .col-md-5 img, .lines.no-img-height .col-md-6 img, .no-img-height .col-md-6 img, .lines.no-img-height .col-md-7 img, .lines.no-img-height .col-md-8 img{height:auto;} @media (max-width: 1200px) { body.casestudy .widearea-grey img {height: 330px;} .widearea-grey .col-md-6 img {height:399px;} .lines .col-md-6 img {height:278px;} .lines .col-md-4 img {height:168px;} } @media (max-width: 992px) { .lines .col-md-6 img {height:204px;} .lines .col-md-4 img {height:121px;} .lines .col-md-3 img {height:121px;} .widearea-grey .col-md-8 img{height:299px;} body.casestudy .widearea-grey img {height: 299px;} } @media (max-width: 767px) { .lines .col-md-6 img {height:320px;} .lines .col-md-4 img {height:320px;} .lines .col-md-3 img {height:320px;} } @media (max-width: 480px) { body.casestudy .widearea-grey img {height: 268px;} .lines .col-md-6 img {height:268px;} .lines .col-md-4 img {height:268px;} .lines .col-md-3 img {height:268px;} .lines .col-md-4 img {height:268px;} } table.courselines td{padding:3px 6px;border-bottom:solid 1px #ddd;} table.courselines tr:nth-child(odd){background-color:rgba(236,236,236,1.00)} table.courselines {border:solid 1px #ddd;background-color:rgba(243,243,243,1.00)} .caption{font-style:italic;} /* .widearea-grey .col-md-4 + .col-md-8 {width:65.5%;} */ /* ################################################################################################### */ /* * * * * * * * * * * * * * * * Start of media Queries * * * * * * * * * * * * * * */ /* ################################################################################################### */ @media (max-width: 1200px) { .table2grid{font-size: 14px;overflow-wrap: break-word;} .table2grid.t2gcols-4.dots div:nth-child(odd) { float: left; width: 48%; overflow: hidden; white-space: nowrap ;margin-right:4px;} .table2grid.t2gcols-4.dots div:nth-child(even) { float: left; overflow: hidden } .table2grid.t2gcols-4.dots div:nth-child(4n-2){width: 48%; } .table2grid.t2gcols-4 {background:none;} .home-para.parallax-wrapper { background-attachment: inherit; /*background-position: 50% 0!important;*/ margin: 0px -40% !important; padding: 0px 30% !important; background-size:cover; } .art-space .container-inner .picframe{ border: 68px solid; border-image: url(/templates/smarton/images/ART-FRAME.svg); border-image-slice: 68;} .widearea-grey .moduletable.col-md-3 .service-block-content {font-size:0.8em} .home-diamond-community:before{width: 215px;height: 141px;bottom: -40px;left: -162px;} .home-diamond-origin:before{display: none;} .home-diamond-esi:before { width: 232px; height: 152px;bottom: -37px;left: -151px;} } @media all and (max-width: 1200px) and (min-width:992px) { .service-block-content p {padding:0 10px;font-size:1.3rem;} .home-para.parallax-wrapper .dark-block {right:124px;} .service-block.sb-border.sb-primary {min-height: 338px;padding-bottom:120px;position: relative;} .service-block.sb-border.sb-primary .home-mod-img-wrapper {position: absolute;bottom: 0;} .home-border-right .col-md-4 {min-height: 348px;} body .fs44 {font-size:34px;} .home-diamond-esi img {height:340px} .widearea-grey .col-md-4 + .col-md-8 {width:66.6666666666%} #tbhome_f p {font-size: 0.8em;} #tbhome_f h2.fs44 { } .esi-shield {height:100px;width:100px;} .relyon-sectors-blocks .col-md-3 h3{font-size: 20px;margin: 0px 40% 10px 10px;} .relyon-sectors-blocks .col-md-3 a.arrow-read-more-button { display: inline-block; height: 35px; width: 35px; overflow: hidden; position: absolute; top: 244px; right: 10px; } .relyon-sectors-blocks .col-md-3 a.arrow-read-more-button::after{ font-size: 24px; top: 0px; left: 8px;} } @media (max-width: 991px) and (min-width: 800px) { #tbhome_c .home-diamond-community img {margin-left: -59px;} } @media (max-width: 991px) and (min-width: 768px) { .col-md-8.col-sm-8 {overflow: hidden;} .col-md-8.col-sm-8 span > img {max-width: none;height: 280px;width: auto;} #tbhome_a .col-md-8.col-sm-8 {width: 60%} #tbhome_a .col-md-4.col-sm-4 {width: 40%;right:100px;} #tbhome_a .animation h2 {right:5px;} .esi-shield {position: absolute;right: -168px;z-index: 9;} } @media (max-width: 979px) { .header-middle {display:block;background-color:#00323D;} } @media (max-width: 991px) { body.active-home .main-wrapper {margin-top:-1px;} .table2grid.col-2.dots td:nth-child(even) {width:100%;} table.table2grid.col-2 tr {width:100%;} .table2grid.col-2.dots td:nth-child(odd){width:100%;} .table2grid.col-2.dots td:nth-child(even), .table2grid.col-4.dots td:nth-child(even) {padding: 0px 0 10px 0 !important;} .table2grid.col-3.dots td{width:100% !important;} .table2grid.col-3.dots td:nth-child(3n){padding: 0px 0 10px 0 !important;} .table2grid.col-4.dots td:nth-child(odd) { width: 100%; } .table2grid.col-4.dots td:nth-child(even) { width: 100%; } .table2grid.dots p { margin: 0 0 5px;} .table2grid.col-4 {background:none;} /* .parallax-wrapper.home-para .col-sm-4 {width: 66.66666666666666%;} .parallax-wrapper.home-para .col-sm-8 {width: 33.33333333333333%;} .home-para.parallax-wrapper .dark-block {right:-15px;} .parallax-wrapper.home-para .col-sm-4 .animation h2 {right:-80px} */ body .fs44 {font-size: 32px;} body .fs34 {font-size: 26px;} .widearea-grey .col-sm-4 p {font-size: 0.8em} .home-border-right .col-md-4 {min-height: auto;} .home-para.parallax-wrapper .dark-block:before, .home-diamond-esi:before, .home-diamond-community:before, .gwo-diamond:before {display: none;} .home-mod-img .service-block-title {font-size:20px;} .relyon-sectors-blocks{} .relyon-sectors-blocks .col-md-3{width:48%;height:340px;} .relyon-sectors-blocks .col-md-3 a.arrow-read-more-button { display: inline-block; height: 35px; width: 35px; overflow: hidden; position: absolute; top: 244px; right: 10px; } .relyon-sectors-blocks .col-md-3 a.arrow-read-more-button::after{ font-size: 24px; top: 0px; left: 8px;} } @media (max-width: 798px) { #menu-button {color:#fff;} #tbhome_c .home-diamond-community img {width: 100%;margin:0} /*.widearea-grey .col-md-4 + .col-md-8 {width:auto;}*/ } @media (max-width: 767px) { #tbhome_d .home-border-right .col-md-4 {border:0;padding:15px;} #tbhome_d .home-mod-img .service-block-content .readmore {position: static;} #tbhome_a > div {background: none !important;margin: 0 !important;padding: 0 !important;} #tbhome_a .col-md-8.col-sm-8 {height:210px;background-image: url(/images/home/header_one.jpg);background-position: center top;background-size: 800px;} #tbhome_a .col-md-4.col-sm-4.dark-block {position: static;padding:10px 20px} #tbhome_a .animation h2 {width: auto;right:-33px;} .lines .col-xs-3, .lines .col-sm-3, .lines .col-md-3, .lines .col-lg-3, .lines .col-xs-4, .lines .col-sm-4, .lines .col-md-4, .lines .col-lg-4, .lines .col-xs-5, .lines .col-sm-5, .lines .col-md-5, .lines .col-lg-5, .lines .col-xs-6, .lines .col-sm-6, .lines .col-md-6, .lines .col-lg-6, .lines .col-xs-7, .lines .col-sm-7, .lines .col-md-7, .lines .col-lg-7, .lines .col-xs-8, .lines .col-sm-8, .lines .col-md-8, .lines .col-lg-8, .lines .col-xs-9, .lines .col-sm-9, .lines .col-md-9, .lines .col-lg-9{padding-left: 15px;padding-right: 15px;padding-bottom:0;} .lines .btnrow{position:relative;margin-top:5px;margin-bottom:15px} .lines .col-sm-4, .lines .col-sm-3, .lines .col-md-6:nth-of-type(1){border-right:none;} .lines .col-md-4 p:nth-last-of-type(2) { position: relative; bottom: 0;margin-bottom:10px; } .widearea-grey.diamond1:before, .widearea-grey.diamond2:before, .widearea-grey.diamond3:before{display:none;} .btn-gwo{margin-top:20px;max-width:200px;mix-blend-mode: normal;} .power-table td, .power-table tr{display:block;} .power-table td:first-of-type{width:100%;background-color:#0097D8; } .power-table td:first-of-type h2{writing-mode: horizontal-tb;text-orientation:sideways;color:#fff;margin-top:10px;margin-bottom:10px;} .power-table td{padding:10px;width:100%;} .foot-middle img{max-width:160px;margin:11px auto;} .listarrow ul li:before {left:15px;} .lines.listarrow .col-sm-3{padding-bottom:0;} .img100{width:100%;margin-bottom:22px;} .row.lines3.relyon-sectors-blocks { display: block;} .row.lines3.relyon-sectors-blocks .col-md-3 { margin-bottom:20px;width: 100% !important;} } @media (max-width: 580px) { #tbhome_b .widearea-grey .moduletable.col-md-3 {width:auto;float: none;} .read-more-m{display:inline-block;font-weight:900;} .covid{ text-align: center; margin-top: 30px; padding:22px 20px 0px 50px; height: 90px; } .covid span:before{ content:" "; background-image: url(../images/COVID-Check.png); background-repeat: no-repeat; height:90px; width:40px; overflow: visible; position:absolute; margin:-14px 0 0 -50px; } } /*lottie files*/ .lottify g rect{ fill:rgb(0,50,61); } /* Progress Bar */ .progress{} .progress-bars {}/* div holder*/ .progress .pb-content-text { display:none;} .progress-title{font-size: 20px; font-weight: 300; margin-bottom: 5px;} /*slim progress bars*/ .bars-slim .progress { height:5px; margin-bottom:15px;} /*progress bars with content*/ .pb-content .progress{ height:30px;} .pb-content .pb-content-text {display: block; font-size: 14px; font-weight:500; line-height: 1.5; padding: 4px 8px; text-align: left;} .pb-content .pb-content-text .fa{float: right; line-height: 1.6;} /* progress bars align right */ .pb-right .progress-bar{ float:right;} .pb-right .pb-content-text {text-align: right;} .pb-right .pb-content-text .fa{float: left;} .progress-bar-purple {background-color:#cc66cc !important;} .progress-bar-orange {background-color:#ff6600 !important;} .progress-bar-success {background-color:#99cc00 !important;} .progress-bar-info {background-color:#33cccc !important;} .progress-bar-warning {background-color:#ff9900 !important;} .progress-bar-danger {background-color:#cc0000 !important;} /* Pie Chart*/ .progress-pie-1 .chart-1 { position: relative; width: 200px; height: 200px; margin:20px auto 20px; text-align: center;} .progress-pie-1 .chart-1 canvas {border:1px solid #f2f2f2; padding:5px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%;position: absolute; top: 0; left: 0;} .progress-pie-1 .percent { display: inline-block; line-height: 200px; z-index: 2; font-size:2.8em; color:#848494;} /* pie model 2 */ .progress-pie-2 .chart-2 { -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%; position: relative; width: 200px; height: 200px; margin:20px auto 20px; text-align: center;} .progress-pie-2 .chart-2 canvas {position: absolute; top: 5px; left: 5px;} .progress-pie-2 .percent { display: inline-block; line-height: 200px; z-index: 2; font-size:2.8em; color:#fff;} /* pie model 3 */ .progress-pie-3 .chart-3 { position: relative; width: 200px; height: 200px; margin:20px auto 20px; text-align: center;} .progress-pie-3 .chart-3 canvas {border:1px solid; padding:5px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%;position: absolute; top: 0; left: 0;} .progress-pie-3 .percent { display: inline-block; line-height: 200px; z-index: 2; font-size:2.8em;} /* pie model 4 */ .progress-pie-4 .chart-4 { position: relative; width: 200px; height: 200px; margin:20px auto 20px; text-align: center;} .progress-pie-4 .chart-4 canvas {border:1px solid #f2f2f2; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;border-radius:50%;position: absolute; top: 0; left: 0;} .progress-pie-4 .percent { display: inline-block; line-height: 200px; z-index: 2; font-size:2.8em; color:#848494;} /* Backgrounds and Colors */ /*bg*/ .bg-color-success{ background-color:#99cc00 !important;} .bg-color-info{ background-color:#33cccc !important;} .bg-color-warning{ background-color:#ff9900 !important;} .bg-color-danger{ background-color:#cc0000 !important;} .bg-color-purple{ background-color:#cc66cc !important;} .bg-color-orange{ background-color:#ff6600 !important;} .bg-color-white{ background-color:#ffffff !important;} .bg-color-dark{ background-color:#333 !important;} .bg-color-none{ background-color:transparent !important} /*bg-color-transparent*/ .bg-color-white.transparent{ background-color:rgb(255,255,255) !important; background-color: rgba(255,255,255, .7) !important; /* Works on all modern browsers */ } .bg-color-dark.transparent{ background-color:rgb(51,51,51) !important; background-color: rgba(51,51,51, .7) !important; /* Works on all modern browsers */ } /*colors*/ .color-white{ color:#ffffff !important;} .color-dark{ color:#333 !important;} .color-success{ color:#99cc00 !important;} .color-info{ color:#33cccc !important;} .color-warning{ color:#ff9900 !important;} .color-danger{ color:#cc0000 !important;} .color-purple{ color:#cc66cc !important;} .color-orange{ color:#ff6600 !important;} /* Emphasis*/ .text-muted {color: #cccccc;} .text-warning {color:#ff9900;} .text-danger {color:#cc0000;} .text-success {color:#99cc00;} .text-info {color:#33cccc;} /* Our Team */ p.location{margin: -20px 0 -5px; padding: 0;} .active-home .col-sm-6 {font-size: 1.6rem; } .home-mods .service-block-title{line-height:110%;} .home-mods a.primary{background-color:#008DCE;color:#fff;} .home-mods .service-block.sb-border{padding:0;} .home-mods p{padding:0 5px;} .home-mods .col-md-3{width:25%;} .home-mods {margin-bottom:10px;} .home-top-parallax > div:first-of-type{background-position: 50% 0px;} .active-home .page-header{padding: 0;margin: 0;} .active-home .main-wrapper{margin-top:-1px;position:relative;top:0px} .animation h2{ background: 100% 0% no-repeat url(/templates/smarton/images/dk-block-top.png); margin: 9px 34px 0px; padding: 20px 20px 0px; font-weight: 900; text-transform: uppercase; line-height: 110%; width: 300px; right: -25px; position: relative; } .slider-heading{background: 100% 0% no-repeat url(/templates/smarton/images/dk-block-top.png);} .slider-covidtext{padding-top: 10px; border-top: 1px solid #ddd;} div.animation + div.animation.fadeInLeftBig.home-top-parallax { text-align: right; margin:-20px 0 20px; } .animation .white-borders{ background: 100% 0% no-repeat url(/templates/smarton/images/underline.png), 100% 100% no-repeat url(/templates/smarton/images/underline.png); margin: 6px 0 0px; padding: 12px 0 12px; font-weight:600; } @media not all and (min-resolution:.001dpcm) { @media { .active-home .main-wrapper{margin-top:0px;} } } /****************** Small Media Queries *******************/ @supports (-webkit-overflow-scrolling: touch) { .parallax-wrapper{background-attachment:scroll;} } @media (max-width: 1024px) { .visible .main-navigation .sm-default a { padding: 24px 8px 26px; font-size: 13px; } } @media (max-width: 991px) { .widearea-grey .moduletable.col-md-3 {float: left;width: 50%;margin: 0 0 30px 0;} .widearea-grey .moduletable.col-md-3 img {width:100%;} .row.whiteboxes .col-md-4{margin:12px;width:28%;} /*==== Header Bottom ====*/ .header-bottom { padding:0 10px; position:relative !important; background:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;height:63px;} .header-bottom.visible { padding:0 10px; position:relative !important; background:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} /* container menu */ .header-bottom .container { /* background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(255,255,255,0.85) 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.85))) !important; background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%) !important; background: -o-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%) !important; background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%) !important; background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(255,255,255,0.85) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9ffffff',GradientType=0 ) !important; -webkit-box-shadow: 0 0 1px rgba(50, 50, 50, 0.20) !important; -moz-box-shadow: 0 0 1px rgba(50, 50, 50, 0.20) !important; box-shadow: 0 0 1px rgba(50, 50, 50, 0.20) !important; */ } .header-bottom.menu-full-width .container{ background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;} .slider-wrapper{ margin-top:-25px;} .footer-bottom .footer-social { float:left;} .footer-bottom .footer-menu { float:left; text-align:left;} .page-header .page-title { margin:0; line-height:1;} .fancy-header .page-title { margin:20px 0 0;} .breadcrumb{ text-align:left; line-height:2.2;} .pricing-table.pricing-columns-2 .pricing-plan{margin: 20px 2%; width: 46%;} .pricing-table.pricing-columns-3 .pricing-plan{margin: 20px 2%; width: 46%;} .pricing-table.pricing-columns-4 .pricing-plan{margin: 20px 2%; width: 46%;} .home-mods .col-md-3{width:46%;display:inline-block;} .home-mods .service-block-content img{width:100%;} .home-bottom-parallax .parallax-wrapper {background-position:right !important;} .home-bottom-parallax .fs40, .home-top-parallax .fs40{font-size:30px;line-height: 120%;} } /************ Our Team ***************/ .moduletable.animation.fadeInUp.animation-active {height: 755px;} .mb0{display:none;} /* Small devices (tablets, 768px) */ @media (max-width: 767px) { .top-social {clear: both; float: left; margin-bottom: 5px; width: 100%;} .top-social a{ margin-bottom:10px;} .footer-bottom .footer-social { float:left; font-size:16px;} .footer-bottom .footer-social li{ padding-left:0px;} .footer-bottom .footer-menu { float:left; text-align:left;} .footer-social .icon-wrapper.icon-border-round.fa-2x{ font-size: 1.2em; height: 55px; line-height: 55px; width: 55px;} .pricing-table.pricing-columns-2 .pricing-plan{margin: 20px 2%; width: 96%;} .pricing-table.pricing-columns-3 .pricing-plan{margin: 20px 2%; width: 96%;} .pricing-table.pricing-columns-4 .pricing-plan{margin: 20px 2%; width: 96%;} .cart-table { width:80%; margin:0 auto;} .cart-table .btn{ margin-bottom:10px;} .cart-table.table > thead > tr > th, .cart-table.table > tbody > tr > th, .cart-table.table > tfoot > tr > th, .cart-table.table > thead > tr > td, .cart-table.table > tbody > tr > td, .cart-table.table > tfoot > tr > td{ width:100%; display:block;} .cart-table > thead { display:none;} .cart-table.table > thead > tr > th, .cart-table.table > tbody > tr > th, .cart-table.table > tfoot > tr > th, .cart-table.table > thead > tr > td, .cart-table.table > tbody > tr > td, .cart-table.table > tfoot > tr > td { border:none; text-align:center;} .cart-table.table > tbody > tr { border:1px solid #e5e5e5; margin-bottom:10px; } .cart-table .td-cart-image { background: #f9f9f9;} .cart-table .td-cart-image img{ width:200px; height:auto;} .cart-table .td-remove { background: #f9f9f9;} .error-title{ font-size: 9em;} .visible #main-menu {padding-left: 0; background-image: none !important; } .visible #main-menu > li:first-of-type { margin-left: 0px;} .visible .main-navigation .sm-default a, .main-navigation .sm-default a { padding: 15px 10px 15px; font-size: 14px; } /*news posts*/ .blog-item .post-media{width:100%;display:inline-block;border:none;padding:0;box-shadow:none;vertical-align: top;overflow: hidden;margin:0 15px 15px 0;} .blog-item .item-text{width:100%;display:inline-block;} .blog-item .post-media img{display:block;margin:0; width:100%;max-width:none;} .active-arc-flash-consultancy-training .col-md-9{width:100%;} .mosaic-sidebar-right .sprocket-mosaic-container{height:250px !important;margin:0 20px;} .youtube-message{margin-left:0;} .relyon-sectors-blocks .col-md-4{width:96%;margin:3% 6% 3% 3%;} .relyon-sectors-blocks .col-md-4 h3{margin: 0px 40% 10px 30px;} .row.whiteboxes .col-md-4{margin:22px;width:100%;padding:15px;} } @media screen and (max-width: 530px) { .slider-wrapper{ margin-top:30px;} .pricing-table.pricing-columns-2 .pricing-plan{margin: 5% 1%; width: 98%;} .pricing-table.pricing-columns-3 .pricing-plan{margin: 5% 1%; width: 98%;} .pricing-table.pricing-columns-4 .pricing-plan{margin: 5% 1%; width: 98%;} .item.list-group-item .product-group .product-thumbnail{ width: 100%;} .item.list-group-item .product-group .product-meta {width:100%;} .logo{padding:10px 0;height:123px;} .logo img{height:100px;} .fs50{font-size: 38px !important; line-height: 34px !important;} .home-mods .col-md-3{width:100%;display:block;} .art-space .container-inner .picframe{ border: 30px solid; border-image: url(/templates/smarton/images/ART-FRAME.svg); border-image-slice: 58;} } /********************* Our Team Media Queries ****************/ @media all and (max-width: 1199px) and (min-width:992px) { .moduletable.animation.fadeInUp.animation-active {height: 755px;} .moduletable.animation.fadeInUp.animation-active:nth-last-child(1) {height: 365px;} .main-navigation .sm-default a {padding: 24px 5px 26px; font-size: 12px;} .main-navigation .sm-default > li > a {padding: 33px 5px 33px; font-size: 12px;} .visible .main-navigation .sm-default > li > a {padding: 27px 5px 26px;} .visible .main-navigation .sm-default a{padding: 20px 5px 22px;font-size: 12px;} /* .visible .main-navigation .sm-default .item-258 > a, .visible .main-navigation .sm-default .item-138 > a, .visible .main-navigation .sm-default .item-353 > a, .visible .main-navigation .sm-default .item-263 > a { white-space: normal;text-align: center;width:100px;} */ } @media all and (max-width: 991px) and (min-width:768px) { .moduletable.animation.fadeInUp.animation-active {height: 755px;} .moduletable.animation.fadeInUp.animation-active:nth-last-child(1) {height: 300px;} /* .home-para.parallax-wrapper { background-attachment: inherit; background-position: 0 !important; background-image:url("/images/home/2020_Montage_m.jpg")!important; margin: 0px -5% !important; padding: 20px 11% !important; } */ .header-wrapper .header-bottom {height: auto !important} body #main-menu .nav-child {background: rgba(14,118,198,1);} .blog-item .post-media img{height:290px;object-fit: cover;} } @media all and (max-width: 767px) { .moduletable.animation.fadeInUp.animation-active {height: auto;} .moduletable.animation.fadeInUp.animation-active:nth-last-child(1) {height: auto;} body.active-our-team .moduletable.animation.fadeInUp.animation-active {height: auto; width: auto; float: none; margin: 0 12px;} .foot-left {margin-top:44px;} .active-wind-energy-sector #rsform_5_page_0 .form-group{width:100%;} .active-wind-energy-sector #rsform_5_page_0:before{display:none;} .item-page .lines { margin-bottom: 10px; margin-left: -15px !important; margin-right: -15px !important; } }