.active { color: inherit; } .breadcrumb li { display: inline-block; } .breadcrumb li a { color: #fff; } .breadcrumb li.last-item { color: #fff; } .breadcrumb > li + li:before { color: #fff; content: "/"; font-size: 12px; padding: 0 26px 0 24px; position: relative; top: 0; } /* pagination */ .pagination { margin: 0; display: block; line-height: 0; } .pagination > li { display: inline-block; margin-right: 6px; } .pagination > li a.next, .pagination > li span.next, .pagination > li a.prev, .pagination > li span.prev { font-size: 0; } .pagination > li a.next:before, .pagination > li span.next:before, .pagination > li a.prev:before, .pagination > li span.prev:before { font-size: 12px; font-family: FontAwesome; content: "\f104"; position: relative; top: 0; } .pagination > li a.next:before, .pagination > li span.next:before { content: "\f105"; } .pagination > li:last-child { margin-right: 0; } .pagination > li > a, .pagination > li > span { color: #1f232b; background-color: #f2f2f2; border: none; border-radius: 0; font-size: 12px; font-weight: 600; margin-left: 0; min-width: 46px; padding: 14px 0; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #55bce7; color: #fff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #55bce7; color: #fff; } .pagination > .disabled > a, .pagination > .disabled > span, .pagination > .disabled > a:hover, .pagination > .disabled > span:hover, .pagination > .disabled > a:focus, .pagination > .disabled > span:focus { background-color: #f2f2f2; } /*forms*/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input [type="number"], textarea, select, .select2-container .select2-selection--single, .form-control { background-color: #f2f2f2; color: #808080; border: none; border-radius: 0; box-shadow: none; font-size: 12px; font-weight: 600; height: 50px; letter-spacing: -0.02em; line-height: 30px; padding-bottom: 11px; padding-left: 30px; padding-right: 30px; padding-top: 10px; text-transform: uppercase; } input[type="text"] + .theme_button, input[type="email"] + .theme_button, input[type="url"] + .theme_button, input[type="password"] + .theme_button, input[type="search"] + .theme_button, input[type="tel"] + .theme_button, input[type="number"] + .theme_button, textarea + .theme_button, select + .theme_button, .select2-container .select2-selection--single + .theme_button, .form-control + .theme_button { box-shadow: none; height: 50px; line-height: 50px; padding: 0; position: absolute; right: 0; text-align: center; top: 0; width: 50px; } input[type="text"] + .theme_button i, input[type="email"] + .theme_button i, input[type="url"] + .theme_button i, input[type="password"] + .theme_button i, input[type="search"] + .theme_button i, input[type="tel"] + .theme_button i, input[type="number"] + .theme_button i, textarea + .theme_button i, select + .theme_button i, .select2-container .select2-selection--single + .theme_button i, .form-control + .theme_button i { font-size: 1em; top: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #808080; line-height: 34px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; position: absolute; top: 1px; right: 1px; width: 50px; } textarea { height: auto; } .form-group { position: relative; } .form-group:last-child { margin-bottom: 0; } /* select styling */ select.form-control { color: rgba(255, 255, 255, 0.8); background-color: #fff; } select.form-control option { font-weight: 300; } select.form-control option.default-selected { background-color: #f2f2f2; } .form-control.invalid { -webkit-box-shadow: 0 0 0 2px #55bce7; box-shadow: 0 0 0 2px #55bce7; } .form-control:focus { box-shadow: none; border-color: rgba(128, 128, 128, 0.5); } .form-control::-moz-placeholder { font-style: normal; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: -0.02em; } .form-control:-ms-input-placeholder { font-style: normal; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: -0.02em; } .form-control::-webkit-input-placeholder { font-style: normal; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: -0.02em; } .form-control:-moz-placeholder { color: #7f7f7f; opacity: 1; } .form-control::-moz-placeholder { color: #7f7f7f; opacity: 1; } .form-control:-ms-input-placeholder { color: #7f7f7f; } .form-control::-webkit-input-placeholder { color: #7f7f7f; } .form-control:focus:-moz-placeholder { color: transparent !important; opacity: 1; } .form-control:focus::-moz-placeholder { color: transparent !important; opacity: 1; } .form-control:focus:-ms-input-placeholder { color: transparent !important; } .form-control:focus::-webkit-input-placeholder { color: transparent !important; } /*icons for forms */ form label + [class*="icon2-"] { position: absolute; font-size: 24px; color: #808080; left: 10px; top: 19px; } form label + [class*="icon2-"] + .form-control { padding-left: 50px; } .form-group label + [class*="icon2-"] + .form-control, .form-group label + [class*="fa-"] + .form-control { padding-left: 40px; } .form-group label + [class*="icon2-"], .form-group label + [class*="fa-"] { position: absolute; font-size: 14px; left: 15px; top: 18px; width: 14px; text-align: center; } .form-group label + [class*="icon2-"].color1, .form-group label + [class*="fa-"].color1 { color: #55bce7; } .form-group label + [class*="icon2-"].color2, .form-group label + [class*="fa-"].color2 { color: #0083b0; } .form-group label + [class*="icon2-"].color3, .form-group label + [class*="fa-"].color3 { color: #e34f61; } label { font-weight: normal; } .form-control + [class*="icon2-"] { position: absolute; font-size: 24px; left: 20px; top: 50%; color: #55bce7; } .form-wrapper.with_background, .form-wrapper.muted_background, .form-wrapper.cs, .form-wrapper.ds, .form-wrapper.ls { padding: 35px; } .form-wrapper.columns_padding_15 [class*="col-"] { margin-top: 15px; margin-bottom: 15px; } /* Form with background */ .form-wrapper.with_padding { padding: 30px 20px; } @media (min-width: 400px) { .form-wrapper.with_padding { padding: 35px; } } .form-wrapper.with_padding .wrap-forms-buttons { margin-top: 20px; } .form-wrapper.with_padding .wrap-forms-buttons .theme_button { margin-bottom: 0; } .form-wrapper.light_form { background-color: rgba(255, 255, 255, 0.4); } .form-wrapper.dark_form { background-color: rgba(0, 0, 0, 0.4); } .form-wrapper.color_form { background-color: rgba(85, 188, 231, 0.4); } /* Contact form 7 */ form.wpcf7-form { /* Only for IE */ } form.wpcf7-form .wpcf7-text, form.wpcf7-form .wpcf7-number, form.wpcf7-form .wpcf7-textarea { text-indent: 20px; } form.wpcf7-form .wpcf7-textarea { overflow-x: hidden; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { form.wpcf7-form .wpcf7-textarea { height: 320px; } } form.wpcf7-form #fileuploadfield { display: none; } form.wpcf7-form #uploadbrowsebutton { background-color: transparent; font-size: 12px; font-weight: 300; height: 40px; letter-spacing: -0.02em; max-width: 170px; position: absolute; right: 5px; text-align: center; text-transform: uppercase; top: 5px; width: 100%; color: #0083b0; border: 1px solid #0083b0; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } form.wpcf7-form #uploadbrowsebutton:hover, form.wpcf7-form #uploadbrowsebutton:focus { background-color: #0083b0; color: #fff; } .ds form.wpcf7-form #uploadbrowsebutton { background-color: #fff; color: #1f232b; border: 1px solid #fff; } .ds form.wpcf7-form #uploadbrowsebutton:hover, .ds form.wpcf7-form #uploadbrowsebutton:focus { border: 1px solid #55bce7; background-color: #55bce7; color: #fff; } form.wpcf7-form p { position: relative; margin-bottom: 18px; } form.wpcf7-form p input, form.wpcf7-form p textarea { padding-left: 10px; } form.wpcf7-form p textarea { padding-bottom: 12px; } form.wpcf7-form p input[type="submit"] { padding: 18px 30px 18px; } form.wpcf7-form p .fa { position: absolute; z-index: 100; font-size: 14px; top: 18px; left: 15px; } form.wpcf7-form .ajax-loader { display: none; } /*carousel*/ .carousel { overflow: hidden; } .carousel-indicators li { width: 10px; height: 10px; border-width: 0; background-color: #1f232b; margin: 0 3px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .carousel-indicators li:hover { opacity: 0.8; } .carousel-indicators .active { width: 10px; height: 10px; margin: 0 3px; background-color: #55bce7; } .carousel-control.left, .carousel-control.right { border: 1px solid #fff; color: #fff; background-image: none; border-radius: 0; filter: alpha(opacity=100); height: 50px; left: -50px; margin-top: -25px; opacity: 1; text-align: center; text-shadow: none; top: 50%; width: 50px; } .carousel-control.right { right: -50px; } .carousel:hover .carousel-control { left: 50px; } .carousel:hover .carousel-control.right { left: auto; right: 50px; } .carousel-control.left span, .carousel-control.right span { font-family: 'rt-icons-2'; width: 50px; height: 50px; margin: 0; font-size: 16px; left: 0; top: 0; line-height: 50px; } .carousel-control .icon-prev:before { content: "\e7c4"; } .carousel-control .icon-next:before { content: "\e7c5"; } /* collapse accordion */ .panel-heading .panel-title { font-size: inherit; letter-spacing: 0; padding: 0; position: relative; } .panel-heading .panel-title > a { font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: -0.02em; line-height: 1.3; display: block; padding: 18px 50px 17px 20px; margin: -2px; background-color: #55bce7; border: none; color: #fff; border-radius: 0; word-wrap: break-word; } @media (min-width: 992px) { .panel-heading .panel-title > a { padding: 18px 50px 17px 32px; } .panel-heading .panel-title > a i { margin-right: 5px; } } .panel-heading .panel-title > a.collapsed:hover, .panel-heading .panel-title > a:hover { background-color: #55bce7; color: #fff; } .panel-heading .panel-title > a.collapsed:hover i, .panel-heading .panel-title > a:hover i { color: #fff; } .panel-heading .panel-title > a.collapsed { color: #fff; background-color: #0083b0; } .panel-heading .panel-title > a.collapsed i { color: #fff; } .panel-heading .panel-title > a:after { font-family: FontAwesome; content: '\f107'; position: absolute; text-align: center; right: 0; top: 0; width: 50px; height: 50px; line-height: 50px; font-size: 14px; font-weight: 400; } .panel-heading .panel-title > a.collapsed:after { content: '\f105'; } .panel-heading .panel-title > a > i { position: relative; width: 2em; font-size: 14px; text-align: center; display: inline-block; line-height: 0; } .panel { box-shadow: none; } .panel-group .panel { border-radius: 0; background-color: transparent; } .panel-default > .panel-heading { background-color: transparent; color: inherit; position: relative; border: none; border-radius: 0; padding: 0; } .panel-default { border: 1px solid rgba(0, 0, 0, 0.1); } .panel-group .panel + .panel { margin-top: 15px; } .panel-body { border-top: none !important; } .panel-body .media-left { padding-right: 15px; } .panel-body .media-left .img-circle { max-width: 50px; } .panel-body .media-left img { max-width: 80px; } .panel-group .panel-heading + .panel-collapse .panel-body { background:white; padding: 20px; border-radius: 0px; } @media (min-width: 400px) { .panel-group .panel-heading + .panel-collapse .panel-body { background:white; padding: 32px 35px 20px; } } .collapse-unstyled .panel h4 { margin: 0 0 0.5em; } .collapse-unstyled .panel h4 a:after { color: #55bce7; padding: 0 5px; display: inline-block; font-family: 'FontAwesome'; content: "\f107"; } .collapse-unstyled .panel h4 a.collapsed:after { content: "\f105"; } .collapse-unstyled .panel-content { padding: 10px 20px; } /* datetimepicker */ .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover { background-color: #0083b0 !important; color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); } .bootstrap-datetimepicker-widget .timepicker .btn-primary { color: #fff; background-color: #0083b0; border-color: #0083b0; border-radius: 5px; } .bootstrap-datetimepicker-widget a { color: #0083b0; } /*progress bars*/ p + .progress { margin-top: -10px; } .progress { overflow: visible; height: 5px; margin-bottom: 20px; position: relative; border-radius: 0; background-color: #e5e5e5; box-shadow: none; border: none; } .progress:last-child { margin-bottom: 10px; } .progress-bar { background-color: #0083b0; color: inherit; box-shadow: none; height: 5px; } .progress-bar span { position: absolute; right: 0; top: -34px; font-size: 12px; font-weight: 700; letter-spacing: 0.2em; } .progress-title { font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: -0.02em; margin-bottom: 15px; } .progress-level { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; float: right; position: relative; top: 4px; } .progress-bar-success { background-color: #9cc026; } .progress-bar-info { background-color: #55bce7; } .progress-bar-warning { background-color: #0083b0; } .progress-bar-danger { background-color: #dc5753; } .alert { border-radius: 0; border-width: 0 0 0 4px; padding: 30px; margin-bottom: 40px; } .media { margin-top: 16px; } .media .media-object { max-width: 100px; } /* nav and tabs */ .nav > li > a:hover, .nav > li > a:focus { background-color: inherit; } .unstyled-tabs-title { margin-bottom: -20px; } .nav-unstyled { list-style: none; padding: 0; margin: 0 -12px; } .nav-unstyled li { display: inline-block; margin-bottom: -1px; } .nav-unstyled li a { display: inline-block; padding: 10px 12px; font-weight: 500; } .nav-unstyled .active a { color: #1f232b; border-color: #55bce7; } /*tabs*/ .tab-content { border-radius: 0; padding: 30px 20px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); background-color: transparent; } .tab-content.no-border { padding: 30px 0 0; background-color: transparent; } .tab-content.top-color-border { position: relative; background-color: white; } .tab-content.top-color-border:before { content: ''; position: absolute; left: 0; right: 0; top: -1px; height: 10px; background-color: #0083b0; } .tab-content.tab-unstyled { padding: 10px 0 0; border: none; background-color: transparent; } .ls .tab-content.tab-unstyled, .ds .tab-content.tab-unstyled, .cs .tab-content.tab-unstyled { background-color: transparent; } .tab-content .featured-tab-image { margin: -35px -35px 30px -35px; } @media (min-width: 400px) { .tab-content { padding: 45px 35px 35px; } } @media (min-width: 1200px) { .tab-content.big-padding { padding: 60px 60px 50px; } } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-bottom: none; } .nav-tabs { border-bottom: none; margin-top: 0px; } .nav-tabs > li { margin-bottom: 0; } .nav-tabs > li + li { margin-left: 3px; } .nav-tabs > li > a { display: inline-block; position: relative; z-index: 1; font-size: 10px; text-transform: uppercase; font-weight: 600; letter-spacing: -0.02em; padding: 10px; margin-right: 0; margin-top: 0px; border: none; background-color: transparent; border: 1px solid #0083b0; border-bottom: none; color: #0083b0 !important; border-radius: 0; } @media (max-width: 479px) { .nav-tabs > li > a { display: inline; } } .small-tabs .nav-tabs > li > a { padding: 10px; } .nav-tabs > li > a i { position: relative; top: 4px; padding-right: 5px; font-size: 1.6em; width: 1.5em; text-align: center; display: inline-block; line-height: 0; } @media (min-width: 992px) { .nav-tabs > li > a { padding: 15px 25px; font-size: 12px; } } @media (min-width: 1200px) { .nav-tabs > li > a { padding: 16px 38px 15px; min-width: 170px; text-align: center; } } @media (max-width: 400px) { .nav-tabs > li > a { padding: 8px; } .small-tabs .nav-tabs > li > a { font-size: 10px; padding: 8px; } } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-color: #0083b0; background-color: #0083b0; color: #fff !important; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs.nav-justified > .active > a { border-color: #0083b0; background-color: #0083b0; color: #fff !important; } /*vertical tabs*/ .vertical-tabs .tab-content.no-border { padding-top: 0; } .vertical-tabs .nav > li > a { font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 500; background-color: #f2f2f2; padding: 18px 40px 17px 30px; margin-bottom: 10px; position: relative; color: #808080; } .vertical-tabs .nav > li > a i { position: relative; top: 4px; padding-right: 8px; font-size: 1.6em; width: 2em; text-align: center; display: inline-block; line-height: 0; } .vertical-tabs .nav > li > a:after { font-family: 'rt-icons-2'; content: "\e7c5"; position: absolute; font-size: 13px; line-height: 60px; text-align: center; right: 0; top: 0; bottom: 0; width: 40px; letter-spacing: 0; } .vertical-tabs.no-arrows .nav > li > a:after { display: none; } .vertical-tabs.no-arrows .nav > li > a { padding: 24px 0; } .vertical-tabs .nav > li.active a, .vertical-tabs .nav > li > a:hover { background-color: #0083b0; border-color: #0083b0; color: #fff; } @media (min-width: 768px) { .vertical-tabs .nav > li.active { position: relative; z-index: 2; } } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 13px 8px; border-color: #e5e5e5; } .table { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .table td + th, .table th + td, .table th + th, .table td + td { border-left: 1px solid #e5e5e5; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 1px; } .table-responsive { border: none; } .btn { padding: 18px 30px; text-transform: uppercase; margin: 0 2px 6px 0; border: none; border-radius: 0; outline: none; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .btn:hover, .btn:focus { outline: none; } li.media:before, li.media:after { display: block; content: ''; clear: both; } /* bs dropdown menu */ .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border-color: rgba(0, 0, 0, 0.1); z-index: 1001; font-size: 16px; margin-top: 0; } [class*="right"] .dropdown-menu { right: 0; left: auto; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #1f232b; background-color: transparent; } .well { -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; } .embed-responsive-3by2 { padding-bottom: 66.666%; } .embed-placeholder:after { -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; content: "\f04b"; font-family: 'FontAwesome'; position: absolute; color: #fff; font-size: 14px; line-height: 56px; width: 60px; height: 60px; text-align: center; border: 2px solid #fff; border-radius: 50%; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; /* Only for IE */ } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .embed-placeholder:after { opacity: 0 !important; } } .embed-placeholder:hover:after { opacity: 0.4; } /* **general styles */ html { width: 100%; height: 100%; position: relative; overflow: visible; } ::selection { color: #fff; background-color: #55bce7; } ::-moz-selection { color: #fff; background-color: #55bce7; } body { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 30px; } h1, h2, h3, h4, h5, h6 { font-weight: 900; line-height: 1; text-transform: uppercase; word-break: break-word; margin-top: 1.5em; margin-bottom: 0.9em; letter-spacing: -0.02em; } h1, .post.vertical-item .entry-content h1 { font-size: 54px; } @media (max-width: 991px) { h1, .post.vertical-item .entry-content h1 { font-size: 44px; } } @media (max-width: 479px) { h1, .post.vertical-item .entry-content h1 { font-size: 34px; } } h2, .post.vertical-item .entry-content h2 { font-size: 44px; } @media (max-width: 991px) { h2, .post.vertical-item .entry-content h2 { font-size: 38px; } } @media (max-width: 479px) { h2, .post.vertical-item .entry-content h2 { font-size: 30px; } } h3, .post.vertical-item .entry-content h3 { font-size: 34px; } @media (max-width: 991px) { h3, .post.vertical-item .entry-content h3 { font-size: 30px; } } @media (max-width: 479px) { h3, .post.vertical-item .entry-content h3 { font-size: 26px; } } h4, .post.vertical-item .entry-content h4 { font-size: 28px; } @media (max-width: 479px) { h4, .post.vertical-item .entry-content h4 { font-size: 24px; } } h5, .post.vertical-item .entry-content h5 { font-size: 20px; } h6, .post.vertical-item .entry-content h6 { font-size: 16px; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } p { margin-bottom: 20px; } p:last-of-type { margin-bottom: 0; } blockquote { position: relative; margin-top: 45px; margin-bottom: 45px; margin-left: auto; margin-right: auto; text-align: center; padding: 0; max-width: 615px; border: none; font-size: 20px; font-weight: 300; font-style: italic; line-height: 30px; } blockquote .avatar { position: relative; width: 160px; margin-left: auto; margin-right: auto; margin-top: 30px; z-index: 1; } @media (min-width: 1200px) { blockquote .avatar { margin-top: 50px; } } blockquote .avatar img { min-width: 160px; max-width: 160px; border-radius: 50%; margin: 0; } blockquote .item-meta, blockquote .blockqoute-meta { margin-top: 10px; font-style: normal; font-size: 14px; } blockquote footer { font-weight: 600; font-style: normal; font-size: 15px; text-transform: uppercase; color: #55bce7; } blockquote footer:before { display: none; } blockquote .author-job { font-size: 14px; font-weight: 500; text-transform: uppercase; font-style: normal; display: block; margin-top: 0; letter-spacing: 0.05em; line-height: 30px; } .cs blockquote .author-job { color: #fff; } blockquote .author-name, blockquote cite, blockquote cite a { font-style: normal; text-align: center; text-transform: uppercase; font-weight: 300; color: #55bce7; display: inline-block; width: 100%; font-size: 20px; line-height: 30px; margin-bottom: 0; margin-top: 5px; letter-spacing: -0.02em; } blockquote .author-name strong, blockquote cite strong, blockquote cite a strong { font-weight: 600; font-size: 30px; margin-top: 0; display: block; width: 100%; } .cs blockquote .author-name, .cs blockquote cite, .cs blockquote cite a { color: #fff; } blockquote .blockqoute-content { color: #808080; } .cs blockquote .blockqoute-content { color: #fff; } img, figure { max-width: 100%; height: auto; } figcaption, .entry-caption { padding: 2px 0 12px; } figcaption p, .entry-caption p { margin-bottom: 0; } label { color: #1f232b; } a { text-decoration: none; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } a:hover { color: #55bce7; text-decoration: none; -webkit-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s; } input:focus, button:focus, select:focus, textarea:focus, a:focus { outline: medium none; text-decoration: none; } a > img { -webkit-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; } a:hover > img { opacity: 0.8; } hr { border: none; height: 1px; background-color: #ddd; } iframe { border: none; max-width: 100%; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } table { width: 100%; max-width: 100%; margin: 10px 0; } table td, table th { padding: 13px 8px; line-height: 1.42857143; vertical-align: top; border: 1px solid #e5e5e5; } table th { color: #1f232b; font-weight: normal; } .table_template thead { background-color: #55bce7; color: #1f232b; } .table_template thead.light { background-color: #fff; } .table_template th { font-weight: 700; } .table_template td, .table_template th { padding: 18px 30px; } .table_template tbody tr:nth-of-type(odd) { background-color: rgba(238, 238, 238, 0.1); } .table_template tbody tr:nth-of-type(even) { background-color: rgba(17, 17, 17, 0.05); } /* **styled lists */ ul, ol { padding-left: 30px; } .list1 ol, ol.list1 { counter-reset: li; list-style: none outside none; padding: 0; } .list1 ol li, ol.list1 li { position: relative; padding: 5px 0 5px 25px; font-weight: 400; color: #1f232b; } .list1 ol li:before, ol.list1 li:before { content: counter(li) "."; counter-increment: li; position: absolute; left: 2px; top: 5px; font-weight: 400; color: #55bce7; } .ds .list1 ol li, .ds ol.list1 li { color: #fff; } .list1 ul, ul.list1 { list-style: none; padding-left: 20px; margin-bottom: 20px; } .list1 ul li, ul.list1 li { position: relative; padding: 5px 0 5px 5px; font-size: 16px; font-weight: 400; color: #1f232b; } .list1 ul li:before, ul.list1 li:before { content: "\f00c"; font-family: FontAwesome; position: absolute; left: -20px; top: 4px; color: #55bce7; } .ds .list1 ul li, .ds ul.list1 li { color: #fff; } /* ** Buttons */ .theme_buttons a, .theme_button, .wc-proceed-to-checkout .checkout-button, .buttons a, button, input[type="submit"] { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: -0.02em; padding: 18px 30px 18px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #fff; border: 1px solid #55bce7; background-color: #55bce7; border-radius: 0; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } @media (min-width: 992px) { .theme_buttons a, .theme_button, .wc-proceed-to-checkout .checkout-button, .buttons a, button, input[type="submit"] { padding: 18px 40px 18px; } } .theme_buttons a:hover, .theme_button:hover, .wc-proceed-to-checkout .checkout-button:hover, .buttons a:hover, button:hover, input [type="submit"]:hover, .theme_buttons a:focus, .theme_button:focus, .wc-proceed-to-checkout .checkout-button:focus, .buttons a:focus, button:focus, input[type="submit"]:focus, .theme_buttons a:active, .theme_button:active, .wc-proceed-to-checkout .checkout-button:active, .buttons a:active, button:active, input[type="submit"]:active { color: #55bce7; border: 1px solid #55bce7; background: transparent; } .page_topline .theme_buttons a, .page_topline .theme_button, .page_topline .buttons a, .page_topline button, .page_topline input [type="submit"] { font-weight: 300; padding: 18px 22px 18px; } .theme_buttons.color1 a, .theme_button.color1, .button.alt, .btn-accent, .form-submit [type="submit"] { color: #fff; border-color: #55bce7; background-color: #55bce7; } .theme_buttons.color1 a:hover, .theme_button.color1:hover, .button.alt:hover, .btn-accent:hover, .form-submit [type="submit"]:hover, .theme_buttons.color1 a:focus, .theme_button.color1:focus, .button.alt:focus, .btn-accent:focus, .form-submit [type="submit"]:focus, .theme_buttons.color1 a:active, .theme_button.color1:active, .button.alt:active, .btn-accent:active, .form-submit [type="submit"]:active { color: #55bce7; border: 1px solid #55bce7; background: transparent; } .theme_buttons.color2 a, .theme_button.color2 { color: #fff; border-color: #0083b0; background-color: #0083b0; } .theme_buttons.color2 a:hover, .theme_button.color2:hover, .theme_buttons.color2 a:focus, .theme_button.color2:focus, .theme_buttons.color2 a:active, .theme_button.color2:active { color: #0083b0; border: 1px solid #0083b0; background: transparent; } .theme_buttons a:active, .theme_buttons a:hover, .theme_buttons a:focus, .theme_button:active, .theme_button:hover, .theme_button:focus { color: #1f232b; opacity: 1; text-decoration: none; outline: none; -webkit-transition: all 0.05s linear 0s; transition: all 0.05s linear 0s; } .theme_button.inverse.color1 { color: #55bce7; background-color: transparent; border-color: #55bce7; } .theme_button.inverse.color1:hover, .theme_button.inverse.color1:focus, .theme_button.inverse.color1:active { color: #fff; background-color: #55bce7; border-color: #55bce7; } .theme_button.inverse.color2 { color: #0083b0; background-color: transparent; border-color: #0083b0; } .theme_button.inverse.color2:hover, .theme_button.inverse.color2:focus, .theme_button.inverse.color2:active { color: #fff; background-color: #0083b0; border-color: #0083b0; } .theme_button.inverse.white { color: #fff; background-color: transparent; border-color: #fff; } .theme_button.inverse.white:hover, .theme_button.inverse.white:focus, .theme_button.inverse.white:active { color: #1f232b; background-color: #fff; border-color: #fff; } .wc-proceed-to-checkout .checkout-button:hover, .wc-proceed-to-checkout .checkout-button:focus, .wc-proceed-to-checkout .checkout- button:active { color: #55bce7; } .muted_buttons a, .muted_button { opacity: 0.2; } .small_buttons a, .small_button { padding: 7px 10px 5px; text-transform: uppercase; font-weight: 600; letter-spacing: -0.02em; text-indent: -0.02em; min-width: auto; } .square_buttons a, .square_button { padding-left: 10px; padding-right: 10px; min-width: auto; } .wide_buttons a, .wide_button { padding-right: 45px; padding-left: 45px; } @media (min-width: 1200px) { .wide_buttons a, .wide_button { min-width: 170px; } } .block_buttons a, .block_button { display: block; width: 100%; text-align: center; } .no_bg_button { background-color: transparent !important; } .no_bg_button.color1 { color: #55bce7; } .no_bg_button.color2 { color: #0083b0; } .no_bg_button[class*="color"]:hover, .no_bg_button[class*="color"]:focus, .no_bg_button[class*="color"]:active { color: #1f232b; } /*icons in headings, paragraphs and buttons*/ h1 > [class*="rt-icon"], h2 > [class*="rt-icon"], h3 > [class*="rt-icon"], h4 > [class*="rt-icon"], h5 > [class*="rt-icon"], h6 > [class*="rt-icon"] { position: relative; top: 0.08em; padding-right: 0.1em; } p > [class*="rt-icon"] { font-size: 1.1em; position: relative; top: 0.1em; line-height: 0; padding: 0 0.2em; } p > [class*="rt-icon"] + [class*="rt-icon"] { margin-left: -0.75em; } .theme_buttons a > [class*="rt-icon"], .theme_button > [class*="rt-icon"] { font-size: 1.8em; line-height: 0; position: relative; top: 5px; padding: 0 3px; } .theme_buttons a > [class*="glyphicon"], .theme_buttons a > [class*="fa-"], .theme_button > [class*="glyphicon"], .theme_button > [class*="fa-"] { font-size: 1.5em; position: relative; top: 3px; line-height: 0; } .form-inline [type="submit"], .form-inline .btn, .form-inline .theme_button { margin-bottom: 0; } .btn-group-lg > .btn, .btn-lg { padding: 16px 16px; } .btn-group-sm > .btn, .btn-sm { padding: 5px 10px; } .btn-group-xs > .btn, .btn-xs { padding: 1px 5px; } .read-more { display: block; margin-bottom: -10px; width: 60px; margin-right: auto; margin-left: auto; } .read-more:before { content: "\f107"; font-family: FontAwesome; position: relative; top: 0; transition: top 0.2s ease 0s; } .read-more:hover:before { top: 5px; } .theme_button[type="reset"] { display: none; } /* **vertical margins and paddings */ .bottommargin_0 { margin-bottom: 0 !important; } /*same top and bottom paddings for sections*/ .section_padding_0 > [class*="container"] { padding-top: 0; padding-bottom: 0; } .section_padding_5 > [class*="container"] { padding-top: 5px; padding-bottom: 5px; } .section_padding_10 > [class*="container"] { padding-top: 10px; padding-bottom: 10px; } .section_padding_15 > [class*="container"] { padding-top: 15px; padding-bottom: 15px; } .section_padding_25 > [class*="container"] { padding-top: 25px; padding-bottom: 25px; } .section_padding_40 > [class*="container"] { padding-top: 40px; padding-bottom: 40px; } .section_padding_50 > [class*="container"] { padding-top: 50px; padding-bottom: 50px; } .section_padding_65 > [class*="container"] { padding-top: 65px; padding-bottom: 65px; } .section_padding_70 > [class*="container"] { padding-top: 70px; padding-bottom: 70px; } .section_padding_75 > [class*="container"] { padding-top: 75px; padding-bottom: 75px; } .section_padding_100 > [class*="container"] { padding-top: 100px; padding-bottom: 100px; } /*top paddings for sections*/ .section_padding_top_0 > [class*="container"] { padding-top: 0; } .section_padding_top_5 > [class*="container"] { padding-top: 5px; } .section_padding_top_15 > [class*="container"] { padding-top: 15px; } .section_padding_top_25 > [class*="container"] { padding-top: 25px; } .section_padding_top_30 > [class*="container"] { padding-top: 30px; } .section_padding_top_40 > [class*="container"] { padding-top: 40px; } .section_padding_top_50 > [class*="container"] { padding-top: 50px; } .section_padding_top_55 > [class*="container"] { padding-top: 15px; } .section_padding_top_65 > [class*="container"] { padding-top: 65px; } .section_padding_top_75 > [class*="container"] { padding-top: 75px; } .section_padding_top_90 > [class*="container"] { padding-top: 90px; } .section_padding_top_100 > [class*="container"] { padding-top: 100px; } .section_padding_top_120 > [class*="container"] { padding-top: 60px; } .section_padding_top_125 > [class*="container"] { padding-top: 125px; } .section_padding_top_130 > [class*="container"] { padding-top: 130px; } .section_padding_top_140 > [class*="container"] { padding-top: 140px; } .section_padding_top_150 > [class*="container"] { padding-top: 150px; } /*bottom paddings for sections*/ .section_padding_bottom_0 > [class*="container"] { padding-bottom: 0; } .section_padding_bottom_5 > [class*="container"] { padding-bottom: 5px; } .section_padding_bottom_15 > [class*="container"] { padding-bottom: 15px; } .section_padding_bottom_25 > [class*="container"] { padding-bottom: 25px; } .section_padding_bottom_30 > [class*="container"] { padding-bottom: 30px; } .section_padding_bottom_40 > [class*="container"] { padding-bottom: 40px; } .section_padding_bottom_50 > [class*="container"] { padding-bottom: 50px; } .section_padding_bottom_55 > [class*="container"] { padding-bottom: 0px; } .section_padding_bottom_65 > [class*="container"] { padding-bottom: 65px; } .section_padding_bottom_75 > [class*="container"] { padding-bottom: 75px; } .section_padding_bottom_90 > [class*="container"] { padding-bottom: 90px; } .section_padding_bottom_100 > [class*="container"] { padding-bottom: 100px; } .section_padding_bottom_120 > [class*="container"] { padding-bottom: 120px; } .section_padding_bottom_125 > [class*="container"] { padding-bottom: 125px; } .section_padding_bottom_130 > [class*="container"] { padding-bottom: 130px; } .section_padding_bottom_140 > [class*="container"] { padding-bottom: 140px; } .section_padding_bottom_150 > [class*="container"] { padding-bottom: 0px; } @media (max-width: 1199px) { .section_padding_100 > [class*="container"], .section_padding_top_90 > [class*="container"], .section_padding_top_100 > [class*="container"], .section_padding_top_120 > [class*="container"], .section_padding_top_125 > [class*="container"], .section_padding_top_130 > [class*="container"], .section_padding_top_140 > [class*="container"], .section_padding_top_150 > [class*="container"] { padding-top: 75px; } .section_padding_100 > [class*="container"], .section_padding_bottom_90 > [class*="container"], .section_padding_bottom_100 > [class*="container"], .section_padding_bottom_120 > [class*="container"], .section_padding_bottom_125 > [class*="container"], .section_padding_bottom_130 > [class*="container"], .section_padding_bottom_140 > [class*="container"], .section_padding_bottom_150 > [class*="container"] { padding-bottom: 0px; } } @media (max-width: 479px) { .section_padding_100 > [class*="container"], .section_padding_top_90 > [class*="container"], .section_padding_top_100 > [class*="container"], .section_padding_top_120 > [class*="container"], .section_padding_top_125 > [class*="container"], .section_padding_top_130 > [class*="container"], .section_padding_top_140 > [class*="container"], .section_padding_top_150 > [class*="container"] { padding-top: 50px; } .section_padding_100 > [class*="container"], .section_padding_bottom_90 > [class*="container"], .section_padding_bottom_100 > [class*="container"], .section_padding_bottom_120 > [class*="container"], .section_padding_bottom_125 > [class*="container"], .section_padding_bottom_130 > [class*="container"], .section_padding_bottom_140 > [class*="container"], .section_padding_bottom_150 > [class*="container"] { padding-bottom: 0px; } } [class*="col-"] { margin-top: 10px; margin-bottom: 10px; } [class*="col-"] > .checkbox, [class*="col-"] > .radio { margin: 0; } [class*="_0"] [class*="col-"], header [class*="col-"] { margin-top: 0; margin-bottom: 0; min-height: 0; } .page_topline [class*="col-"] { margin-top: 0; margin-bottom: 0; min-height: 0; } .columns_padding_1 [class*="col-"] { margin-top: 0; margin-bottom: 1px; } .columns_padding_2 [class*="col-"] { margin-top: 1px; margin-bottom: 1px; } .columns_padding_5 [class*="col-"] { margin-top: 5px; margin-bottom: 5px; } .columns_padding_10 [class*="col-"] { margin-top: 10px; margin-bottom: 10px; } .columns_padding_0 [class*="col-"] { padding: 0; } .columns_padding_1 [class*="col-"] { padding-left: 0; padding-right: 1px; } .columns_padding_2 [class*="col-"] { padding-left: 1px; padding-right: 1px; } .columns_padding_5 [class*="col-"] { padding-left: 5px; padding-right: 5px; } .columns_padding_10 [class*="col-"] { padding-left: 10px; padding-right: 10px; } .columns_padding_0 > .container, .columns_padding_1 > .container, .columns_padding_2 > .container { padding-left: 30px; padding-right: 30px; } .columns_padding_5 > .container { padding-left: 25px; padding-right: 25px; } .columns_padding_10 > .container { padding-left: 25px; padding-right: 25px; } .row.columns_padding_0, .columns_padding_0 .row { margin: 0; } .row.columns_padding_1, .columns_padding_1 .row { margin-left: 0; margin-right: -1px; } .row.columns_padding_2, .columns_padding_2 .row { margin-left: -1px; margin-right: -1px; } .row.columns_padding_5, .columns_padding_5 .row { margin-left: -5px; margin-right: -5px; } .row.columns_padding_10, .columns_padding_10 .row { margin-left: -10px; margin-right: -10px; } @media (min-width: 500px) { .columns_padding_25 > [class*="container"] > .row { margin-right: -25px; margin-left: -25px; } .columns_padding_25 > [class*="container"] > .row > [class*="col-"] { padding-left: 25px; padding-right: 25px; } .row.columns_padding_25 { margin-left: -25px; margin-right: -25px; } } /* extra large column paddings */ @media (max-width: 992px) { .isotope-item.item-layout-item-extended { width: 65%; } .columns_padding_80 > [class*="container"] > .row { margin-right: 0; margin-left: 0; } .columns_padding_80 > [class*="container"] > .row > [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media (min-width: 992px) { .columns_padding_80 > [class*="container"] > .row { margin-right: 0; margin-left: 0; } .columns_padding_80 > [class*="container"] > .row > [class*="col-"] { padding-left: 50px; padding-right: 50px; } } @media (min-width: 1200px) { .columns_padding_80 > [class*="container"] > .row { margin-right: 0; margin-left: 0; } .columns_padding_80 > [class*="container"] > .row > [class*="col-"] { padding-left: 80px; padding-right: 80px; } } /*top and bottom margins for columns inside sections and rows */ .columns_margin_top_0 [class*="col-"], .row.columns_margin_top_0 [class*="col-"] { margin-top: 0; } .columns_margin_top_5 [class*="col-"], .row.columns_margin_top_5 [class*="col-"] { margin-top: 5px; } .columns_margin_top_10 [class*="col-"], .row.columns_margin_top_10 [class*="col-"] { margin-top: 10px; } .columns_margin_top_15 [class*="col-"], .row.columns_margin_top_15 [class*="col-"] { margin-top: 15px; } .columns_margin_top_20 [class*="col-"], .row.columns_margin_top_20 [class*="col-"] { margin-top: 20px; } .columns_margin_top_30 [class*="col-"], .row.columns_margin_top_30 [class*="col-"] { margin-top: 30px; } .columns_margin_bottom_0 [class*="col-"], .row.columns_margin_bottom_0 [class*="col-"] { margin-bottom: 0; } .columns_margin_bottom_5 [class*="col-"], .row.columns_margin_bottom_5 [class*="col-"] { margin-bottom: 5px; } .columns_margin_bottom_10 [class*="col-"], .row.columns_margin_bottom_10 [class*="col-"] { margin-bottom: 10px; } .columns_margin_bottom_15 [class*="col-"], .row.columns_margin_bottom_15 [class*="col-"] { margin-bottom: 15px; } .columns_margin_bottom_20 [class*="col-"], .row.columns_margin_bottom_20 [class*="col-"] { margin-bottom: 20px; } .columns_margin_bottom_30 [class*="col-"], .row.columns_margin_bottom_30 [class*="col-"] { margin-bottom: 30px; } /* vertical alignmetn in columns */ @media (min-width: 992px) { .table_section [class*="container"] { height: 100%; } .table_section .row { display: table; min-width: 100%; height: 100%; margin-left: 0; margin-right: 0; } .table_section [class*="col-"] { display: table-cell; vertical-align: middle; float: none; } .table_section [class*="col-"].background_cover { width: 50%; position: relative; background-position: 50% 50%; background-size: cover; } } @media screen and (max-width: 991px) { .table_section [class*="col-"].background_cover { padding-bottom: 66%; margin-bottom: -30px; width: 100%; position: relative; background-position: 50% 50%; background-size: cover; } } @media screen and (max-width: 767px) { .table_section .row, .table_section [class*="col-"] { display: block; width: auto; } } @media (min-width: 768px) { .table_section .container { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 1199px) { .table_section.table_section_lg .row, .table_section.table_section_lg [class*="col-"] { display: block; width: auto; } } @media screen and (min-width: 1200px) { /* overlap featured person */ .top-overlap { margin-top: -170px; } .top-overlap-small { margin-top: -100px; } } @media (max-width: 767px) { .container { max-width: 500px; } } @media (min-width: 768px) { .container-fluid > .row { margin-right: 0; margin-left: 0; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 45px; padding-left: 45px; } } @media (min-width: 1600px) { .container-fluid { padding-right: 65px; padding-left: 65px; } } .fluid_padding_0 .container-fluid { padding-right: 15px; padding-left: 15px; } @media (max-width: 767px) { .table_section .container-fluid { padding-right: 0; padding-left: 0; } } /* **common sections styles */ /* full width section */ .fullwidth-section .container-fluid { padding-right: 0; padding-left: 0; } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 45px; padding-left: 45px; } } @media (min-width: 1600px) { .container-fluid { padding-right: 65px; padding-left: 65px; } .boxed .container-fluid { padding-right: 55px; padding-left: 55px; } .boxed .fullwidth-section .container-fluid { padding-right: 0; padding-left: 0; } } @media (max-width: 767px) { .table_section .container-fluid { padding-right: 0; padding-left: 0; } } /* flex section */ @media (min-width: 992px) { .section_flex > .container > .row, .section_flex > .container-fluid > .row { display: flex; } .section_flex > .container > .row > [class*="col-"], .section_flex > .container-fluid > .row > [class*="col-"] { flex: 1; } } /*parallax*/ .image_cover, .background_cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .image_cover { display: block; position: absolute; width: 50%; z-index: 2; top: 0; bottom: 0; background-position: 50% 50%; } .image_cover > img { visibility: hidden; } .image_cover > a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .image_cover.image_cover_right { right: 0; } @media (max-width: 991px) { .image_cover { height: 0; padding-bottom: 66%; margin-bottom: -30px; width: 100%; position: relative; } } .image_cover + [class*='container'] [class*='col-'] > img, .image_cover + [class*='container'] [class*='col-'] > a:after, .image_cover + [class*='container'] [class*='col-'] > a > img { display: none; } .half_section { position: relative; } @media (min-width: 992px) { .half_section.columns_padding_80 > [class*="container"] > .row { margin-left: 0; margin-right: 0; } } .half_section .image_cover_left + .container .col-md-6 { padding-right: 0; } .half_section .image_cover_right + .container .col-md-6 { padding-left: 0; } .parallax { background-attachment: fixed; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; position: relative !important; } .parallax [class*="col-"].cs { background-color: rgba(85, 188, 231, 0.95); } .parallax [class*="col-"].ds { background-color: rgba(31, 35, 43, 0.95); } @media (max-width: 1199px) { .parallax { background-size: auto auto; background-attachment: scroll; background-position: 50% 0 !important; } } .section_overlay.ls:after { background-color: #fff; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=92)"; filter: alpha(opacity=92); opacity: 0.92; } .section_overlay.ls.ms:after { background-color: #f2f2f2; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=88)"; filter: alpha(opacity=88); opacity: 0.88; } .section_overlay.cs:after { background-color: #55bce7; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); opacity: 0.83; } .section_overlay.cs:before { display: none; } .section_overlay.cs.main_color2:after { background-color: #0083b0; } .section_overlay.ds:after { background-color: #1f232b; opacity: 0.7; } .parallax.ds.ms:after { display: none; } .texture_bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; position: relative; } .muted_section:before { background-color: rgba(31, 35, 43, 0.1); opacity: 1; } .parallax > *, .muted_section > *, .radial_gradient > *, .gradient > *, .vertical_gradient > *, .section_gradient > *, .darken_gradient > *, .diagonal_section > * { z-index: 4; position: relative; } .radial_gradient { position: relative; overflow: hidden; } .gradient, .muted_section, .vertical_gradient, .section_gradient, .darken_gradient { position: relative; } .muted_section:before, .muted_section:after, .section_overlay:before, .section_overlay:after, .gradient:before, .gradient:after, .vertical_gradient:before, .vertical_gradient:after, .section_gradient:before, .section_gradient:after, .darken_gradient:before, .darken_gradient:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; } .muted_section:before, .muted_section:after, .section_overlay:before, .section_overlay:after { opacity: 0.8; } .header_gradient, .gradient:before, .dark_gradient:before { background: #55bce7; background: -moz-linear-gradient(left, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 188, 231, 1)), color-stop(100%, rgb(0, 131, 176))); background: -webkit-linear-gradient(left, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); background: -o-linear-gradient(left, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); background: -ms-linear-gradient(left, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); background: linear-gradient(to right, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=1); } .vertical_gradient:before { background: #55bce7; /* Old browsers */ background: -moz-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); background: -ms-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); background: linear-gradient(to bottom, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=0); /* IE6-9 */ } .section_gradient { background: rgb(0, 131, 176); } .section_gradient:before { background: rgb(0, 131, 176); /* Old browsers */ background: -moz-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); background: -ms-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); background: linear-gradient(to bottom, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor', endColorstr='$mainColor2', GradientType=0); /* IE6-9 */ opacity: 0.5; } .darken_gradient:before { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(55, 52, 47, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(55, 52, 47, 0.65) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(55, 52, 47, 0.65) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(55, 52, 47, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(55, 52, 47, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a637342f',GradientType=0); } .with_top_border, .with_bottom_border { position: relative; } .with_top_border:before, .with_bottom_border:after { content: ''; display: block; position: absolute; height: 1px; left: 0; right: 0; top: 0; background-color: #e5e5e5; } .with_bottom_border:after { top: auto; bottom: 0; } .with_top_border_container .container, .with_bottom_border_container .container { position: relative; } .with_top_border_container .container:before, .with_bottom_border_container .container:after { content: ''; display: block; position: absolute; height: 1px; left: 0; right: 0; top: 0; background-color: #e5e5e5; z-index: 1; } .ds .with_top_border_container .container:before, .ds .with_bottom_border_container .container:after { background-color: rgba(255, 255, 255, 0.2); } .ds.with_top_border_container .container:before, .ds.with_bottom_border_container .container:after { background-color: rgba(255, 255, 255, 0.2); } .with_top_border_container .container:before, .with_bottom_border_container .container:after { right: 15px; left: 15px; } .with_bottom_border_container .container:after { top: auto; bottom: 0; } .bg_image, .bg_image:after { background-image: url(../img/background_section.png); } .section_header + h3 { margin: -22px 0 44px; font-size: 30px; } .section_header.big + p { margin-bottom: 30px; } .text-center .section_header + p, .section_header.text-center + p { max-width: 80%; margin-left: auto; margin-right: auto; text-align: center; } @media (max-width: 991px) { .section_header { font-size: 30px; margin-top: 0; } .section_header.text-center + p, .text-center .section_header + p { max-width: 100%; } .section_header + p { font-size: 1.1em; letter-spacing: 0; } } @media (max-width: 767px) { .section_header.big { font-size: 36px; margin-top: 0; } } /*page preloader*/ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 13000; height: 100%; } .lt-ie9 .preloader { display: none; } .preloader_image { width: 128px; height: 128px; position: absolute; left: 50%; top: 50%; background: url(../img/preloader.gif) no-repeat 50% 50% transparent; margin: -64px 0 0 -64px; } /* animated elements */ .to_animate { visibility: hidden; } .lt-ie10 .to_animate, .lt-ie9 .to_animate { visibility: visible; } .animated { visibility: visible !important; } /* **boxed layout */ @media (min-width: 1600px) { .boxed #box_wrapper { margin-left: 180px; margin-right: 180px; } } #box_wrapper, #canvas { overflow: hidden; position: relative; } #box_wrapper > section, #box_wrapper > div > section { clear: both; } #canvas.boxed { padding: 1px 0; } #box_wrapper.container, #box_wrapper > section, #box_wrapper > div > section { overflow: hidden; } body.boxed { position: static; width: auto; height: auto; } .pattern1 { background-image: url(../img/pattern1.png); } .pattern2 { background-image: url(../img/pattern2.png); } .pattern3 { background-image: url(../img/pattern3.png); } .pattern4 { background-image: url(../img/pattern4.png); } .pattern5 { background-image: url(../img/pattern5.png); } .pattern6 { background-image: url(../img/pattern6.png); } .pattern7 { background-image: url(../img/pattern7.png); } .pattern8 { background-image: url(../img/pattern8.png); } .pattern9 { background-image: url(../img/pattern9.png); } .pattern10 { background-image: url(../img/pattern10.png); } .pattern11 { background-image: url(../img/pattern11.png); } @media (min-width: 1200px) { .section_bottom_overlap { position: absolute; z-index: 3; right: 0; left: 0; } .section_bottom_overlap.slider-topline { background-color: rgba(0, 0, 0, 0.3); } } @media (min-width: 1200px) { .section_top_overlap { position: relative; z-index: 3; margin-top: -123px; } } /* **utilites */ /* css helpers */ .clear, .clearfix { clear: both; } .alignleft { float: left; margin: 5px 30px 15px 0; max-width: 50%; } .alignright { float: right; margin: 5px 0 15px 30px; max-width: 50%; } .round { border-radius: 50%; } .inline-block { display: inline-block; max-width: 100%; } .divided-content > * { display: inline-block; padding-right: 11px; } .divided-content > * + *:before { content: "|"; display: inline-block; padding-right: 12px; color: #1f232b; } .with_padding { padding: 30px 20px; } @media (min-width: 400px) { .with_padding { padding: 35px 45px; } } @media (min-width: 1200px) { .with_padding.big-padding { padding: 55px 60px; } } .with_background { background-color: #f2f2f2; } .transp_black_bg { background-color: rgba(31, 35, 43, 0.7); } .muted_background { background-color: rgba(31, 35, 43, 0.06); } .with_border { border: 1px solid #e5e5e5; } .rounded { border-radius: 3px; } .overflow-hidden { overflow: hidden; position: relative; z-index: 1; } .overflow-visible { overflow: visible !important; } .with_border.sticky.post { border: 2px solid #55bce7; } .with_shadow { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); } .content-justify { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inline-content > * { vertical-align: middle; display: inline-block; margin-right: 15px; margin-left: 15px; } .inline-content > *.media { margin-top: 10px; margin-bottom: 10px; } .inline-content ul { margin-right: 0; margin-left: 0; margin-bottom: 0; } .inline-content ul:first-child { margin-right: 30px; } @media (min-width: 1200px) { .inline-content ul:first-child { margin-right: 120px; } } .bottom-border { position: relative; } .bottom-border:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background-color: rgba(0, 0, 0, 0.1); } .border-paragraphs { margin: 25px 0 25px; } .border-paragraphs p { padding: 9px 0 10px; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .border-paragraphs p:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } .table_section_content { padding: 30px 50px; } .table_section_content h3 { font-size: 42px; font-weight: 300; margin: 0 0 32px; } .before_cover, .after_cover, .before_cover > *, .after_cover > * { position: relative; z-index: 2; } .before_cover:before, .after_cover:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .top-corner { position: absolute; top: 0; left: 0; line-height: 1; } .big { font-size: 42px; line-height: 0.9; } .response, .highlight { color: white; border-color: white; } .highlight2 { color: #0083b0; border-color: #0083b0; } .highlight3, .highlight3 a { color: #e34f61 !important; border-color: #e34f61 !important; } .red, .required { color: #fa5c5d; } .black { color: #0f0f0f; border-color: #0f0f0f; } .marker-text { color: #55bce7; font-size: 18px; font-weight: 400; letter-spacing: 0; } .lightfont { color: #fff !important; } .lightgrey { color: #f2f2f2; font-weight: 300; } .grey { color: #1f232b; border-color: #1f232b; } .greylinks a { color: #808080; } .greylinks a.social-icon { color: rgba(128, 128, 128, 0.6); } .greylinks a.social-icon:hover, .greylinks a.social-icon:focus, .greylinks a.social-icon:active { color: #55bce7; } .greylinks a.social-icon.border-icon { border-color: rgba(128, 128, 128, 0.6); } .greylinks a.social-icon.border-icon:hover, .greylinks a.social-icon.border-icon:focus, .greylinks a.social-icon.border-icon:active { color: #55bce7; border-color: rgba(128, 128, 128, 0.6); } .colorlinks a { color: #0083b0; } .colorlinks a:hover, .colorlinks a:focus, .colorlinks a:active { color: #55bce7; } .color2links a, .color2links .social-icons a.social-icon { color: #0083b0 !important; } .color2links a:hover, .color2links .social-icons a.social-icon:hover, .color2links a:focus, .color2links .social-icons a.social-icon:focus, .color2links a:active, .color2links .social-icons a.social-icon:active { color: #1f232b !important; } .darklinks a, .darklinks span { color: #1f232b; } .spacing-text-small { letter-spacing: -0.02em; } .spacing-text-large { letter-spacing: 0.05em; } ul.no-bullets { padding-left: 0; } ul.no-bullets li { list-style: none; } .extra-thin { font-weight: 200; } .thin { font-weight: 300; } .normal { font-weight: 400; } .medium { font-weight: 600; } .bold { font-weight: 900; } .quotesign { position: relative; display: inline-block; width: 50px; height: 50px; line-height: 1; } .quotesign:before { font-size: 150px; font-family: 'PT Sans', sans-serif; content: '‘‘'; position: absolute; left: 0; top: 0; line-height: 1; } .light_bg_color { background-color: #fff; } .main_bg_color { color: #fff; background-color: #55bce7; } .main_bg_color2 { color: #fff; background-color: #0083b0; } .main_bg_color3 { color: #fff; background-color: #e34f61; } .dark_bg_color { color: #fff; background-color: #0f0f0f; } .dark_bg_color h1, .dark_bg_color h2, .dark_bg_color h3, .dark_bg_color h4, .dark_bg_color h5, .dark_bg_color h6 { color: #fff; } .darkgrey_bg_color { color: #fff; background-color: #1f232b; } .darkgrey_bg_color h1, .darkgrey_bg_color h2, .darkgrey_bg_color h3, .darkgrey_bg_color h4, .darkgrey_bg_color h5, .darkgrey_bg_color h6 { color: #fff; } /*dividers, margins and paddings*/ .divider_15 { margin: 15px 0; line-height: 1; } .divider_20 { margin: 20px 0; line-height: 1; } .divider_30 { margin: 30px 0; } .divider_40 { margin: 40px 0; } .margin_0 { margin: 0; } .topmargin_0 { margin-top: 0; } .topmargin_1 { margin-top: 1px; } .topmargin_10 { margin-top: 10px; } .topmargin_20 { margin-top: 20px; } .topmargin_30 { margin-top: 30px; } .topmargin_40 { margin-top: 40px; } .topmargin_50 { margin-top: 50px; } .topmargin_60 { margin-top: 60px; } .bottommargin_0 { margin-bottom: 0; } .bottommargin_5 { margin-bottom: 5px; } .bottommargin_10 { margin-bottom: 10px; } .bottommargin_20 { margin-bottom: 20px; } .bottommargin_30 { margin-bottom: 30px; } .bottommargin_40 { margin-bottom: 40px; } .bottommargin_60 { margin-bottom: 60px; } .leftmargin_10 { margin-left: 10px; } .leftmargin_20 { margin-left: 20px; } .leftmargin_30 { margin-left: 30px; } .leftmargin_40 { margin-left: 40px; } .leftmargin_50 { margin-left: 50px; } .leftmargin_60 { margin-left: 60px; } .rightmargin_10 { margin-right: 10px; } .rightmargin_20 { margin-right: 20px; } .rightmargin_30 { margin-right: 30px; } .rightmargin_40 { margin-right: 40px; } .rightmargin_50 { margin-right: 50px; } .rightmargin_60 { margin-right: 60px; } .padding_0 { padding: 0; } .padding_10 { padding: 10px; } .padding_20 { padding: 20px; } .padding_30 { padding: 30px; } .padding_40 { padding: 40px; } @media (max-width: 1200px) { .padding_0 { padding: 0; } .padding_10 { padding: 10px 15px; } .padding_20 { padding: 20px 15px; } .padding_30 { padding: 30px 15px; } .padding_40 { padding: 40px 15px; } } .toppadding_10 { padding-top: 10px; } .toppadding_20 { padding-top: 20px; } .toppadding_30 { padding-top: 30px; } .toppadding_40 { padding-top: 40px; } .toppadding_50 { padding-top: 50px; } .toppadding_60 { padding-top: 60px; } .bottompadding_10 { padding-bottom: 10px; } .bottompadding_20 { padding-bottom: 20px; } .bottompadding_30 { padding-bottom: 30px; } .bottompadding_40 { padding-bottom: 40px; } .bottompadding_50 { padding-bottom: 50px; } .bottompadding_60 { padding-bottom: 60px; } .leftpadding_10 { padding-left: 10px; } .leftpadding_20 { padding-left: 20px; } .leftpadding_30 { padding-left: 30px; } .leftpadding_40 { padding-left: 40px; } .leftpadding_50 { padding-left: 50px; } .leftpadding_60 { padding-left: 60px; } .rightpadding_10 { padding-right: 10px; } .rightpadding_20 { padding-right: 20px; } .rightpadding_30 { padding-right: 30px; } .rightpadding_40 { padding-right: 40px; } .rightpadding_50 { padding-right: 50px; } .rightpadding_60 { padding-right: 60px; } .fontsize_14 { font-size: 14px; } .fontsize_16 { font-size: 16px; } .fontsize_18 { font-size: 18px; } .fontsize_20 { font-size: 20px; } .fontsize_24 { font-size: 24px; } .fontsize_32 { font-size: 32px; } /*alignment*/ .display_table { display: table; min-width: 100%; height: 100%; margin: auto; border-collapse: collapse; } .display_table_cell { display: table-cell; vertical-align: middle; float: none; overflow: hidden; zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 1200px) { .text-lg-right { text-align: right; } .text-lg-left { text-align: left; } .text-lg-center { text-align: center; } .display_table_lg { display: table; min-width: 100%; height: 100%; margin: auto; border-collapse: collapse; } .display_table_cell_lg { display: table-cell; vertical-align: middle; float: none; overflow: hidden; zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (min-width: 992px) { .text-md-right { text-align: right; } .text-md-left { text-align: left; } .text-md-center { text-align: center; } .display_inline_md { display: inline; } .display_table_md { display: table; min-width: 100%; height: 100%; margin: auto; border-collapse: collapse; } .display_table_cell_md { display: table-cell; vertical-align: middle; float: none; overflow: hidden; zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (min-width: 768px) { .text-sm-right { text-align: right; } .text-sm-left { text-align: left; } .text-sm-center { text-align: center; } .display_table_sm { display: table; min-width: 100%; height: 100%; margin: auto; border-collapse: collapse; } .display_table_cell_sm { display: table-cell; vertical-align: middle; float: none; overflow: hidden; zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (max-width: 767px) { .text-xs-right { text-align: right; } .text-xs-left { text-align: left; } .text-xs-center { text-align: center; } .not_found { font-size: 130px; } } @media (max-width: 500px) { .hidden-xxs { display: none; } } .inline-dropdown { list-style: none; margin: 0; padding: 0; } .inline-dropdown > li { display: inline-block; margin: 0 -2px; } .small-text, .entry-date, .entry-author, .entry-tags { font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: -0.02em; } /* common side and vertical items */ .with_border .item-media { margin: -2px !important; z-index: 1; } .with_border.full-padding .item-media { margin: 0; } /* side and vertical items paddings */ .full-padding { padding: 40px 40px 40px 40px; } .content-padding .item-content { padding: 30px 40px 30px; } @media (max-width: 992px) { .full-padding { padding: 30px 30px 30px 30px; } .content-padding .item-content { padding: 30px 30px 20px; } } .side-item .row { margin: 0; } .side-item .row [class*="col-"] { padding: 0; margin: 0; } .side-item .item-media img { width: 100%; } .side-item .item-title + .item-content { padding-top: 20px; } .side-item [class*="col-"] > .item-title { padding: 15px 30px; } .side-item [class*="col-"] > .item-title h2, .side-item [class*="col-"] > .item-title h3, .side-item [class*="col-"] > .item-title h4 { margin: 0; } .side-item.with_border [class*="col-"] > .item-title { margin: -1px; } /*-xs- side-item paddings and margins*/ @media (max-width: 767px) { .no-content-padding [class*='col-xs-'] .item-content, .full-padding [class*='col-xs-'] .item-content { padding-left: 30px; } .no-content-padding [class*='col-xs-'][class*='col-xs-pull'] .item-content, .full-padding [class*='col-xs-'][class*='col-xs-pull'] .item- content { padding-left: 0; padding-right: 30px; } .no-content-padding .col-xs-12 .item-content, .full-padding .col-xs-12 .item-content { padding-top: 30px; padding-left: 0; padding-right: 0; } } /*-sm- side-item paddings and margins*/ @media (min-width: 768px) { .no-content-padding [class*='col-sm-'] .item-content, .full-padding [class*='col-sm-'] .item-content { padding-left: 30px; } .no-content-padding [class*='col-sm-'][class*='col-sm-pull'] .item-content, .full-padding [class*='col-sm-'][class*='col-sm-pull'] .item- content { padding-left: 0; padding-right: 30px; } .no-content-padding .col-sm-12 .item-content, .full-padding .col-sm-12 .item-content { padding-top: 30px; padding-left: 0; padding-right: 0; } } /*-md- side-item paddings and margins*/ @media (min-width: 992px) { .no-content-padding [class*='col-md-'] .item-content, .full-padding [class*='col-md-'] .item-content { padding-left: 30px; } .no-content-padding [class*='col-md-'][class*='col-md-pull'] .item-content, .full-padding [class*='col-md-'][class*='col-md-pull'] .item- content { padding-left: 0; padding-right: 30px; } .no-content-padding .col-md-12 .item-content, .full-padding .col-md-12 .item-content { padding-top: 30px; padding-left: 0; padding-right: 0; } } /*-lg- side-item paddings and margins*/ @media (min-width: 1200px) { .no-content-padding [class*='col-lg-'] .item-content, .full-padding [class*='col-lg-'] .item-content { padding-left: 30px; } .no-content-padding [class*='col-lg-'][class*='col-lg-pull'] .item-content, .full-padding [class*='col-lg-'][class*='col-lg-pull'] .item- content { padding-left: 0; padding-right: 30px; } .no-content-padding .col-lg-12 .item-content, .full-padding .col-lg-12 .item-content { padding-top: 30px; padding-left: 0; padding-right: 0; } } .vertical-item h3 { line-height: 1.1; } .vertical-item h4 { line-height: 1.25; } .vertical-item .item-media + .item-content { padding-top: 35px; } .vertical-item .list1 { text-align: left; margin: 0; } .vertical-item .list1 + .social-icons { margin-top: 30px; } .vertical-item.content-padding .item-content { padding: 30px 20px; } @media (min-width: 400px) { .vertical-item.content-padding .item-content { padding: 15px 15px; } } @media (min-width: 1200px) { .vertical-item.content-padding.big-padding .item-content { padding: 40px 50px; } } .vertical-item.sticky.content-padding .item-content { padding: 50px 20px 30px; } @media (min-width: 400px) { .vertical-item.sticky.content-padding .item-content { padding: 50px 45px 35px; } } @media (min-width: 1200px) { .vertical-item.sticky.content-padding .item-content { padding: 50px; } } .vertical-item.content-absolute { position: relative; } .vertical-item.content-absolute .item-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 30px 20px; } .vertical-item.content-absolute.vertical-center .item-content { top: 0; line-height: 1.1; } .vertical-item + .item-title { padding: 10px 30px; } .vertical-item + .item-title h2, .vertical-item + .item-title h3, .vertical-item + .item-title h4 { margin: 0; } /* item meta */ .item-meta { margin-bottom: 5px; } .item-meta i { position: relative; font-size: 20px; top: 3px; padding: 0; margin: 0; } /* item media links */ .item-media { position: relative; overflow: hidden; } .item-media img { max-width: 100%; width: auto; } a.bottom-right-corner { position: absolute; right: 0; bottom: 0; width: 50px; height: 50px; border: 25px solid transparent; border-right-color: #0083b0; border-bottom-color: #0083b0; font-size: 13px; z-index: 0; } a.bottom-right-corner i { color: #fff; position: absolute; right: -16px; bottom: -16px; z-index: 1; transition: all 0.2s ease 0s; } a.bottom-right-corner:hover i, a.bottom-right-corner:focus i, a.bottom-right-corner:active i { color: #55bce7; } .format-standard .item-media-wrap, .format-image .item-media-wrap { position: relative; text-align: center; } .format-standard .item-media-wrap > .item-media, .format-image .item-media-wrap > .item-media { display: inline-block; } .media-links { text-align: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .media-links div { position: absolute; top: 50%; width: 100%; margin-top: -25px; z-index: 4; } .media-links:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(38, 38, 38, 0.5); filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } [class*="-item"]:hover .media-links:before { opacity: 1; } .media-links a.abs-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; } [class*="-item"]:hover .media-links a.abs-link { opacity: 1; } .links-wrap a { position: relative; width: 40px; height: 40px; line-height: 36px; top: -100px; display: inline-block; z-index: 5; font-size: 24px; text-align: center; filter: alpha(opacity=0); opacity: 0; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -ms-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; border: 2px solid transparent; background-color: transparent; } .links-wrap a:hover { color: rgba(255, 255, 255, 0.6); } .links-wrap a.p-link { background-color: transparent; border-color: transparent; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s; -moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s; -ms-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s; -o-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s; -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s; } .links-wrap a:before { font-family: FontAwesome; content: "\f002"; } .links-wrap a.p-link:before { content: "\f041"; } [class*="item"]:hover .links-wrap a { top: 0px; filter: alpha(opacity=100); opacity: 1; } [class*="item"]:hover .media-links div { filter: alpha(opacity=100); opacity: 1; } /* item icons */ .item-icons { display: table; width: 100%; border-top: 1px solid rgba(128, 128, 128, 0.1); } .item-icons i { display: block; font-size: 16px; } .item-icons > div { padding: 22px 10px 18px; display: table-cell; width: 400px; } .item-icons > div + div { border-left: 1px solid rgba(128, 128, 128, 0.1); } .item-icons [data-id] { display: none; } /**light section - .ls*/ .light-body { background-color: #fff; } .ls { background-color: #fff; color: black; } .ls h1, .ls h2, .ls h3, .ls h4, .ls h5, .ls h6 { color: #1f232b; } .ls h1 a, .ls h2 a, .ls h3 a, .ls h4 a, .ls h5 a, .ls h6 a { color: inherit; } .ls h1 a:hover, .ls h2 a:hover, .ls h3 a:hover, .ls h4 a:hover, .ls h5 a:hover, .ls h6 a:hover { color: #55bce7; } .ls h1.grey, .ls h2.grey, .ls h3.grey, .ls h4.grey, .ls h5.grey, .ls h6.grey { color: #808080; } .ls h1.hover-color2 a:hover, .ls h2.hover-color2 a:hover, .ls h3.hover-color2 a:hover, .ls h4.hover-color2 a:hover, .ls h5.hover-color2 a:hover, .ls h6.hover-color2 a:hover { color: #0083b0; } .ls a { color: #55bce7; } .ls a:hover { color: #1f232b; } .ls a.logo { color: #0f0f0f; } .ls .nav > li > a { color: #1f232b; } .ls.page_topline .theme_button.inverse.color1 { color: #1f232b; background-color: transparent; border-color: rgba(0, 0, 0, 0.1); } .ls.page_topline .theme_button.inverse.color1:hover, .ls.page_topline .theme_button.inverse.color1:focus, .ls.page_topline .theme_button.inverse.color1:active { color: #fff; background-color: #55bce7; border-color: #55bce7; } .ls.page_topline .theme_button.inverse.color2 { color: #1f232b; background-color: transparent; border-color: rgba(0, 0, 0, 0.1); } .ls.page_topline .theme_button.inverse.color2:hover, .ls.page_topline .theme_button.inverse.color2:focus, .ls.page_topline .theme_button.inverse.color2:active { color: #fff; background-color: #0083b0; border-color: #0083b0; } .ls .page-links .small_buttons a, .ls .page-links .small_button { background-color: #f2f2f2; border-color: #f2f2f2; color: #808080; } .ls .page-links .small_buttons a:hover, .ls .page-links .small_button:hover, .ls .page-links .small_buttons a:active, .ls .page-links .small_button:active, .ls .page-links .small_buttons a:focus, .ls .page-links .small_button:focus { background-color: #55bce7; border-color: #55bce7; color: #fff; } .ls .with_background input[type="text"], .ls .with_background input[type="email"], .ls .with_background input[type="url"], .ls .with_background input[type="password"], .ls .with_background input[type="search"], .ls .with_background input[type="tel"], .ls .with_background input[type="number"], .ls .with_background textarea, .ls .with_background select, .ls .with_background .form-control, .ls .with_background .select-group { background-color: #fff; } .ls .tab-content input[type="text"], .ls .tab-content input[type="email"], .ls .tab-content input[type="url"], .ls .tab-content input [type="password"], .ls .tab-content input[type="search"], .ls .tab-content input[type="tel"], .ls .tab-content input[type="number"], .ls .tab-content textarea, .ls .tab-content select, .ls .tab-content .form-control, .ls .tab-content .select-group { background-color: #f2f2f2; } .ls .toggle_menu span, .ls .toggle_menu span:before, .ls .toggle_menu span:after { background-color: #0f0f0f; } .ls .color-icon.bg-icon { background-color: #f8f8f8; } .ls .grey { color: #1f232b; } .ls .highlight { color: #55bce7; } .ls .highlight2 { color: #0083b0; } .ls .highlight2 a { color: #0083b0; } .ls .highlight2 a:hover { color: #1f232b; } .ls .greylinks a { color: #808080; } .ls .greylinks a:hover { color: #1f232b; } .ls .greylinks a.social-icon { color: #bebebe; } .ls .greylinks a.social-icon:hover, .ls .greylinks a.social-icon:focus, .ls .greylinks a.social-icon:active { color: #55bce7; } .ls .darklinks a { color: #1f232b; } .ls .darklinks a:hover { color: #55bce7; } .ls .pagination > li > a, .ls .pagination > li > span { color: #808080; } .ls .pagination > li.active > a, .ls .pagination > li.active > span, .ls .pagination > li > a:hover, .ls .pagination > li > span:hover, .ls .pagination > li > a:focus, .ls .pagination > li > span:focus { background-color: #55bce7; color: #fff; } .ls .pagination > .disabled > a, .ls .pagination > .disabled > span, .ls .pagination > .disabled > a:hover, .ls .pagination > .disabled > span:hover, .ls .pagination > .disabled > a:focus, .ls .pagination > .disabled > span:focus { color: #808080; background-color: #f2f2f2; } .ls .widget_human_consult_twitter .tweet_time { color: #55bce7; } .ls .price-table { background-color: #f2f2f2; } .ls.page_copyright { color: #1f232b; } @media (min-width: 1200px) { .ls.page_copyright { background-color: rgba(255, 255, 255, 0.5); } } /**grey section - light section, muted section - .ls.ms*/ .ls.ms { background-color: #f2f2f2; } .ls.ms .with_background { background-color: #fff; } .ls.ms .page-links .small_buttons a span, .ls.ms .page-links .small_button span { color: #1f232b; } .ls.ms .page-links .small_buttons a:hover, .ls.ms .page-links .small_button:hover { opacity: 0.7; } .ls.ms hr { background-color: #fff; } .ls.ms input[type="text"], .ls.ms input[type="email"], .ls.ms input[type="url"], .ls.ms input[type="password"], .ls.ms input[type="search"], .ls.ms input[type="tel"], .ls.ms input[type="number"], .ls.ms textarea, .ls.ms select, .ls.ms .form-control { background-color: #fff; } .ls.ms .ls:not(.ms) input[type="text"], .ls.ms .with_background input[type="text"], .ls.ms .ls:not(.ms) input[type="email"], .ls.ms .with_background input[type="email"], .ls.ms .ls:not(.ms) input[type="url"], .ls.ms .with_background input[type="url"], .ls.ms .ls:not(.ms) input[type="password"], .ls.ms .with_background input[type="password"], .ls.ms .ls:not(.ms) input[type="search"], .ls.ms .with_background input[type="search"], .ls.ms .ls:not(.ms) input[type="tel"], .ls.ms .with_background input[type="tel"], .ls.ms .ls:not(.ms) input [type="number"], .ls.ms .with_background input[type="number"], .ls.ms .ls:not(.ms) textarea, .ls.ms .with_background textarea, .ls.ms .ls:not(.ms) select, .ls.ms .with_background select, .ls.ms .ls:not(.ms) .form-control, .ls.ms .with_background .form-control { border-color: #e5e5e5; } .ls.ms .panel-title > a:hover { background-color: #55bce7; } .ls.ms .panel-title > a.collapsed:hover { background-color: #55bce7; } .ls.ms .pagination a, .ls.ms .pagination span { background-color: #fff; border-color: #fff; } .ls.ms .price-table { background-color: #fff; } /**common dark and dark muted sections - .ds and .ds.ms*/ /**darkgrey section - .ds*/ .dark-body { background-color: #0f0f0f; } .ds { background-color: #1f232b; color: white; } /**dark section - .ds.ms*/ .ds.ms { background-color: #0f0f0f; } .ds { /* Dark headers */ /* shortcode post carousel */ /* shop */ } .ds h1, .ds h2, .ds h3, .ds h4, .ds h5, .ds h6 { color: #fff; } .ds h1 a, .ds h2 a, .ds h3 a, .ds h4 a, .ds h5 a, .ds h6 a { color: #fff; } .ds h1 a:hover, .ds h2 a:hover, .ds h3 a:hover, .ds h4 a:hover, .ds h5 a:hover, .ds h6 a:hover { color: #55bce7; } .ds h1.hover-color2 a:hover, .ds h2.hover-color2 a:hover, .ds h3.hover-color2 a:hover, .ds h4.hover-color2 a:hover, .ds h5.hover-color2 a:hover, .ds h6.hover-color2 a:hover { color: #0083b0; } .ds.page_topline .theme_button.inverse.color1 { color: #fff; background-color: transparent; border-color: #fff; } .ds.page_topline .theme_button.inverse.color1:hover, .ds.page_topline .theme_button.inverse.color1:focus, .ds.page_topline .theme_button.inverse.color1:active { color: #fff; background-color: #55bce7; border-color: #55bce7; } .ds.page_topline .theme_button.inverse.color2 { color: #fff; background-color: transparent; border-color: #fff; } .ds.page_topline .theme_button.inverse.color2:hover, .ds.page_topline .theme_button.inverse.color2:focus, .ds.page_topline .theme_button.inverse.color2:active { color: #fff; background-color: #0083b0; border-color: #0083b0; } .ds .ls { background-color: #fff; color: #808080; } .ds .ls h1, .ds .ls h2, .ds .ls h3, .ds .ls h4, .ds .ls h5, .ds .ls h6 { color: #1f232b; } .ds .ls h1 a, .ds .ls h2 a, .ds .ls h3 a, .ds .ls h4 a, .ds .ls h5 a, .ds .ls h6 a { color: inherit; } .ds .ls h1 a:hover, .ds .ls h2 a:hover, .ds .ls h3 a:hover, .ds .ls h4 a:hover, .ds .ls h5 a:hover, .ds .ls h6 a:hover { color: #55bce7; } .ds .ls a { color: #55bce7; } .ds .ls a:hover { color: #1f232b; } .ds label { color: #fff; } .ds a { color: #f2f2f2; } .ds a:hover { color: #fff; } .ds hr { border-color: rgba(0, 0, 0, 0.1); } .ds blockquote, .ds .blockquote { color: #fff; } .ds blockquote .author-job, .ds .blockquote .author-job { color: rgba(255, 255, 255, 0.8); } .ds a.logo { color: #fff; } .ds .nav > li > a { color: #fff; } .ds .nav > li.current-menu-item > a { color: #55bce7; } @media (min-width: 992px) { .ds .sf-menu .sub-menu { border: 1px solid #0f0f0f; } } .ds .sf-menu > li .mega-menu, .ds .sf-menu li > ul { background-color: #0f0f0f; } .ds .sf-menu ul a { color: #fff; } .ds .social-icon.color-icon:hover { color: #fff; } .ds .transp_black_bg .form-control { border-color: rgba(255, 255, 255, 0.5); } .ds .transp_black_bg .form-control:-moz-placeholder { color: #fff; } .ds .transp_black_bg .form-control::-moz-placeholder { color: #fff; } .ds .transp_black_bg .form-control:-ms-input-placeholder { color: #fff; } .ds .transp_black_bg .form-control::-webkit-input-placeholder { color: #fff; } .ds .transp_black_bg .form-control:focus:-moz-placeholder { color: transparent; } .ds .transp_black_bg .form-control:focus::-moz-placeholder { color: transparent; } .ds .transp_black_bg .form-control:focus:-ms-input-placeholder { color: transparent; } .ds .transp_black_bg .form-control:focus::-webkit-input-placeholder { color: transparent; } .ds .muted_background, .ds .with_background, .ds .well { background-color: rgba(255, 255, 255, 0.05); } .ds.muted_section:before { background-color: rgba(255, 255, 255, 0.05); } .ds .with_border { border-color: rgba(0, 0, 0, 0.1); } .ds .highlight { color: #55bce7; } .ds .highlight2 { color: #0083b0; } .ds .highlight2 a { color: #0083b0; } .ds .highlight2 a:hover { color: #fff; } .ds .grey, .ds .black { color: #fff; border-color: #fff; } .ds .lightfont { color: #fff; } .ds .highlightlinks a { color: #55bce7; } .ds .highlightlinks a:hover { color: #fff; } .ds .greylinks a { color: #f2f2f2; } .ds .greylinks a:hover { color: #fff; } .ds .darklinks a { color: #fff; } .ds .darklinks a:hover { color: #0083b0; } .ds .darklinks.color3 a:hover { color: #e34f61; } .ds.with_top_border:before, .ds.with_bottom_border:after { background-color: rgba(0, 0, 0, 0.1); } .ds .section_header + p { color: inherit; } .ds input[type="text"], .ds input[type="email"], .ds input[type="url"], .ds input[type="password"], .ds input[type="search"], .ds input [type="tel"], .ds input[type="number"], .ds textarea, .ds select, .ds .form-control { background-color: rgba(15, 15, 15, 0.5); color: #fff; border: none; } .ds form label + [class*="icon-"] { color: #fff; } .ds .form-group-select:before { border-color: rgba(0, 0, 0, 0.1); } .ds .form-control:-moz-placeholder { color: #fff; opacity: 1; } .ds .form-control::-moz-placeholder { color: #fff; opacity: 1; } .ds .form-control:-ms-input-placeholder { color: #fff; } .ds .form-control::-webkit-input-placeholder { color: #fff; } .ds .contact-form.transparent-background .form-control { border-color: rgba(0, 0, 0, 0.1); } .ds .border-paragraphs p { color: #fff; border-color: rgba(0, 0, 0, 0.1); } .ds .table, .ds .table-bordered, .ds .table th, .ds .table td, .ds table th, .ds table td { border-color: rgba(0, 0, 0, 0.1); } .ds table th { color: #fff; } .ds .table_template th, .ds .table_template td { border-color: transparent; } .ds .table_template th { color: inherit; } .ds .table-striped > tbody > tr:nth-child(odd), .ds .table-striped > tbody > tr:nth-child(odd) > td, .ds .table-striped > tbody > tr:nth- child(odd) > th { border-color: rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.05); } .ds .color-icon.bg-icon { background-color: #fff; } .ds .color-icon.bg-icon:hover { color: #fff; } .ds .color-bg-icon:hover { background-color: #f2f2f2; } .ds .tab-content, .ds .nav-tabs > li > a { background-color: rgba(255, 255, 255, 0.05); } .ds .nav-tabs > li.active > a, .ds .nav-tabs > li.active > a:hover, .ds .nav-tabs > li.active > a:focus { border-color: #55bce7; border-bottom-color: transparent; background-color: #55bce7; color: #fff; } .ds .fw-package.price-table { background-color: #1f232b; } .ds .fw-package.price-table .fw-default-row { color: #808080; } .ds .fw-package.price-table hr { background-color: rgba(255, 255, 255, 0.1); } .ds .price-table.style2 { background-color: rgba(255, 255, 255, 0.05); } .ds .plan-name { background-color: rgba(255, 255, 255, 0.05); } .ds .features-list .disabled:before { color: #fff; } .ds ul.list1 { color: #fff; } .ds ul.list1 li { border-color: rgba(0, 0, 0, 0.1); } .ds .owl-theme .owl-dots .owl-dot span { border-color: #fff; } .ds .testimonials-carousel .media + p { background-color: rgba(255, 255, 255, 0.05); } .ds .shortcode-posts.carousel .text-owl-nav > div { color: #fff; } .ds .shortcode-posts.carousel .text-owl-nav > div:hover { color: rgba(255, 255, 255, 0.5); } .ds .shortcode-posts.carousel .text-owl-nav > div.owl-next:before { color: #fff; } .ds .side-item { border-color: rgba(0, 0, 0, 0.1); } .ds .entry-excerpt { color: #fff; } .ds .comment-meta { color: #fff; } .ds .comment-meta .author_url { color: #fff; } .ds .comment-list article:after { background-color: rgba(0, 0, 0, 0.1); } .ds .comment-respond { border-color: rgba(0, 0, 0, 0.1); } .ds .entry-tags { border-color: rgba(0, 0, 0, 0.1); } .ds .widget-socials a.color-bg-icon { color: #fff; } .ds .widget-socials a.color-bg-icon:hover { color: #55bce7; } .ds .widget-socials a.border-icon { color: #fff; border-color: #fff; } .ds .widget_shopping_cart .cart_list, .ds .widget_recent_entries li, .ds .widget_recent_comments li, .ds .widget_archive li, .ds .widget_categories li, .ds .widget_meta li, .ds .widget_nav_menu li, .ds .widget_pages li, .ds .widget_popular_entries li { border-color: rgba(0, 0, 0, 0.1); } .ds .widget_recent_entries li .post-date { color: #55bce7; } .ds .widget_nav_menu ul ul { border-color: rgba(0, 0, 0, 0.1); } .ds .widget_popular_entries .media-heading { color: #fff; } .ds .tweet_list li + li .tweet_right { border-color: rgba(0, 0, 0, 0.1); } .ds .widget_tag_cloud a { color: #fff; } .ds .widget_shopping_cart li a + a { color: #fff; } .ds .widget_shopping_cart li a + a:hover { color: #55bce7; } .ds .widget .woocommerce-Price-amount { color: #fff; } .ds .summary .price { color: #fff; border-color: rgba(0, 0, 0, 0.1); } .ds .summary .product_meta { border-color: rgba(0, 0, 0, 0.1); } .ds .widget_price_filter .price_label { color: #fff; } .ds #calendar_wrap { border-color: rgba(0, 0, 0, 0.1); } .ds .widget_calendar table { background-color: rgba(255, 255, 255, 0.05); border-color: rgba(0, 0, 0, 0.1); } .ds .widget_calendar tfoot td a { border-color: rgba(0, 0, 0, 0.1); } .ds .widget_calendar caption, .ds .widget_calendar thead, .ds .widget_calendar th { color: #fff; } .ds .widget_calendar tbody td a:hover { color: #fff; } .ds .grid-view h3:before, .ds .grid-view h3:after { background-color: rgba(0, 0, 0, 0.1); } .ds .owl-carousel.product-thumbnails .owl-nav > div:after { color: #fff; } .ds .ui-slider { background-color: rgba(255, 255, 255, 0.05); } .ds .ui-slider .ui-slider-handle { background-color: #fff; } .ds #sort_view { border-color: rgba(0, 0, 0, 0.1); color: #fff; } .ds #toggle_shop_view.grid-view:after, .ds #toggle_shop_view:before { background-color: rgba(247, 247, 247, 0.05); } .ds .widget_layered_nav .color-filters a:before { border-color: rgba(0, 0, 0, 0.1); } .ds .pagination > li > a, .ds .pagination > li > span { color: #808080; background-color: rgba(255, 255, 255, 0.05); } .ds .pagination > li.active > a, .ds .pagination > li.active > span, .ds .pagination > li > a:hover, .ds .pagination > li > span:hover, .ds .pagination > li > a:focus, .ds .pagination > li > span:focus { background-color: #55bce7; color: #fff; } .ds .thumbnail { background-color: transparent; } .ds .thumbnail h3 a { color: #fff; } .ds .thumbnail .caption { border-color: transparent; background-color: rgba(252, 252, 252, 0.05); } .ds .progress { background-color: rgba(0, 0, 0, 0.1); } .ds .panel-default { border: 1px solid rgba(236, 236, 235, 0.1); } .ds .panel-group .panel-heading + .panel-collapse .panel-body { border-color: rgba(0, 0, 0, 0.1); color: #7f7f7f; } .ds .vertical-tabs .nav > li > a { background-color: rgba(255, 255, 255, 0.05); } .ds .vertical-tabs .nav > li.active > a, .ds .vertical-tabs .nav > li > a:hover { background-color: #55bce7; } .ds .entry-meta .comments-link a { color: #fff; } .ds #timetable tbody th, .ds #timetable tbody td { border-color: rgba(0, 0, 0, 0.1); } .ds div .fw-shortcode-calendar-wrapper .page-header h3, .ds div .btn-group button[data-calendar-nav], .ds div .btn-group button[data- calendar-nav*='today'] { color: #fff; } .ds.page_copyright { color: white; background-color: #0f0f0f, 0.5; } /**color section*/ .cs.main_color2 { background-color: #0083b0; opacity: 0.9; } .cs.main_color2 .highlight { color: #55bce7; } .section_gradient a { color: #fff; } .section_gradient a:hover, .section_gradient a:focus { opacity: 0.7; } .cs { background-color: #55bce7; color: rgba(255, 255, 255, 0.6); } .cs h1, .cs h2, .cs h3, .cs h4, .cs h5, .cs h6 { color: #fff; } .cs h1 a, .cs h2 a, .cs h3 a, .cs h4 a, .cs h5 a, .cs h6 a { color: #fff; } .cs h1 a:hover, .cs h2 a:hover, .cs h3 a:hover, .cs h4 a:hover, .cs h5 a:hover, .cs h6 a:hover { color: rgba(255, 255, 255, 0.6); } .cs a { color: #fff; } .cs a:hover { color: #dbf1fa; } .cs blockquote, .cs .blockquote { border-color: #fff; } .cs .divided-content > * + *:before { color: #fff; } .cs .with_background { background-color: rgba(255, 255, 255, 0.2); } .cs .with_border { border-color: rgba(255, 255, 255, 0.2); } .cs.with_top_border .container:before, .cs.with_bottom_border .container:after { background-color: #82ceed; } .cs .section_header:before { background-color: #82ceed; } .cs .ls .greylinks a { color: #bebebe; } .cs .ls .greylinks a:hover, .cs .ls .greylinks a:focus, .cs .ls .greylinks a:active { color: #808080; } .cs .black { border-color: #fff; color: #fff; } .cs .grey { border-color: #1f232b; color: #1f232b; } .cs .response { color: #fff; } .cs.page_copyright i { color: #fff; } .cs ul.list1 li { border-color: rgba(255, 255, 255, 0.2); } .cs [class*='soc-'] { color: #fff; border-color: #fff; } .cs .color-icon.bg-icon { background-color: #fff; } .cs a.social-icon.color-bg-icon:hover { background-color: #1f232b; } .cs input[type="text"], .cs input[type="email"], .cs input[type="url"], .cs input[type="password"], .cs input[type="search"], .cs input [type="tel"], .cs input[type="number"], .cs textarea, .cs select, .cs .form-control { background-color: #fff; border: none; } .cs .form-control:focus { border-color: #fff; } .cs .form-control:-moz-placeholder { color: #fff; opacity: 1; } .cs .form-control::-moz-placeholder { color: #fff; opacity: 1; } .cs .form-control:-ms-input-placeholder { color: #fff; } .cs .form-control::-webkit-input-placeholder { color: #fff; } .cs .widget_mc4wp_form_widget [type*="submit"] { color: #fff; } .cs .pagination > li > a, .cs .pagination > li > span { color: #fff; background-color: rgba(255, 255, 255, 0.2); } .cs .pagination > li.active > a, .cs .pagination > li.active > span, .cs .pagination > li > a:hover, .cs .pagination > li > span:hover, .cs .pagination > li > a:focus, .cs .pagination > li > span:focus { background-color: #fff; color: #1f232b; } .cs .widget_recent_entries li + li, .cs .widget_recent_comments li + li, .cs .widget_archive li + li, .cs .widget_categories li + li, .cs .widget_meta li + li, .cs .widget_popular_entries li + li, .cs .widget_nav_menu li + li, .cs .widget_pages li + li { border-top-color: rgba(255, 255, 255, 0.2); } .cs.page_copyright { color: #fff; } @media (min-width: 1200px) { .cs.page_copyright { background-color: rgba(85, 188, 231, 0.5); } } /** custom classes for all elements */ .extra-heading { position: relative !important; float: left; top: 25px; font-size: 75px !important; line-height: 0.75 !important; padding-right: 15px !important; letter-spacing: -0.1em; background: -webkit-linear-gradient(#0083b0, #55bce7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .extra-heading { padding-right: 10px !important; color: #55bce7 !important; } } @media (max-width: 1199px) { .extra-heading { font-size: 72px !important; top: 15px; padding-right: 15px !important; } } @media (max-width: 479px) { .extra-heading { font-size: 70px !important; padding-right: 10px !important; } .extra-heading + h3.section_header { font-size: 20px !important; } .extra-heading + h3.section_header + h2.section_header { font-size: 25px !important; } } @media (min-width: 992px) { .top-overlap img { margin-top: -40px; max-width: 140%; margin-right: -20%; margin-left: -20%; } } /* Icons Correction */ .size_normal .fa-paw { font-size: 24px !important; } .size_big .fa-cubes { font-size: 30px !important; line-height: 24px !important; } .header_left_logo { position: relative; } .header_left_logo { white-space: nowrap; padding: 0 15px; overflow: visible; } .header_left_logo .logo img { max-width: 160px; } .header_mainmenu { overflow: visible; width: 10000px; padding: 0 15px; } .page_header.section_padding_20 [class*="container"] { padding-top: 20px; padding-bottom: 20px; transition: padding-top 0.2s linear 0s, padding-bottom 0.2s linear 0s; } .page_header.section_padding_20.affix [class*="container"] { padding-top: 0; padding-bottom: 0; } /* header 3 */ .with-slider { /* Affix ls correction */ /* Affix ds correction */ } .with-slider .header-2 { position: absolute; background: transparent; } .with-slider .header-2.ls .nav > li > a, .with-slider .header-2.ds .nav > li > a { color: #fff; } .with-slider .header-2.ls .nav > li > a:hover, .with-slider .header-2.ds .nav > li > a:hover { color: #55bce7; } .with-slider .header-2.ls .nav > li.current-menu-item > a, .with-slider .header-2.ds .nav > li.current-menu-item > a { color: #55bce7; } .with-slider .header-2.ls a.logo { color: #fff; } .with-slider .header-2.ls.affix { background: #fff; } .with-slider .header-2.ls.affix .nav > li > a { color: #0f0f0f; } .with-slider .header-2.ls.affix .nav > li > a:hover { color: #55bce7; } .with-slider .header-2.ls.affix .nav > li.current-menu-item > a { color: #55bce7; } .with-slider .header-2.ls.affix a.logo { color: #0f0f0f; } .with-slider .header-2.ds.affix { background: #0f0f0f; } .with-slider .header-2.ds.affix .nav > li > a { color: #fff; } .with-slider .header-2.ds.affix .nav > li > a:hover { color: #55bce7; } .with-slider .header-2.ds.affix .nav > li.current-menu-item > a { color: #55bce7; } .with-slider .header-2.ds.affix a.logo { color: #fff; } @media (max-width: 1599px) { .page_header.header_tall.header-2 a.logo img { max-height: 60px; } .page_header.header_tall.header-2 .logo_text { font-size: 24px; } } @media screen and (max-width: 991px) { .header-2 [class*="col-"] { display: block; } } @media (min-width: 1500px) { .page_header.header_tall.header-2 .container-fluid { padding-top: 35px; padding-bottom: 35px; -webkit-transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out; transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out; } .page_header.header_tall.header-2.affix .container-fluid { padding-top: 0; padding-bottom: 0; } } @media (min-width: 1600px) { .header_left_logo { padding: 0 50px; } .row .header_left_logo { padding: inherit; } .header_right_buttons { padding: 0 50px; } .row .header_right_buttons { padding: inherit; } } @media (min-width: 768px) { .header_right_buttons { white-space: nowrap; text-align: right; overflow: visible; } } .ls.affix { box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); } .ds.affix { box-shadow: 0px 2px 3px rgba(255, 255, 255, 0.1); } .header_darkgrey { background-color: #1f232b; } .header_darkgrey a[class*='soc-'] { color: #fff; } .header_darkgrey .logo-meta, .header_darkgrey .grey { color: #fff; } /* topline buttons */ .currency-dropdown .dropdown-menu { min-width: 0; padding: 20px 10px; } .currency-dropdown .dropdown-menu > li > a { color: inherit; padding: 5px 20px; } .currency-dropdown .dropdown-menu > li > a:hover, .currency-dropdown .dropdown-menu > li.active-currency { color: #1f232b; } .login-dropdown .dropdown-menu { min-width: 400px; padding: 30px 30px; margin-top: 14px; } .login-dropdown .dropdown-menu input[type=checkbox] { margin-top: 8px; } .cart-dropdown .dropdown-menu { min-width: 400px; padding: 20px 30px; } .cart-dropdown .cart-products-number { position: absolute; font-size: 8px; color: #1f232b; background-color: #55bce7; border-radius: 50%; line-height: 1; padding: 1px 3px; top: 25px; left: 50%; margin-left: 2px; font-weight: bold; } @media (max-width: 767px) { .login-dropdown, .cart-dropdown { position: static; } .login-dropdown .dropdown-menu, .cart-dropdown .dropdown-menu { margin-left: 0; margin-right: 0; right: 0; left: 0; min-width: 0; } } /* logo */ a.logo { display: inline-block; white-space: nowrap; line-height: 1; position: relative; z-index: 2; padding: 5px 0; } a.logo img { display: inline-block; vertical-align: middle; max-width: 200px; } a.logo .logo_text { padding: 5px 15px; display: inline-block; vertical-align: middle; font-weight: 600; font-size: 24px; text-transform: uppercase; line-height: 1.2; } a.logo .logo_text span.add { color: #0083b0; margin-left: 5px; } a.logo .logo_text .logo_subtext { font-weight: 300; font-size: 12px; text-transform: uppercase; letter-spacing: -0.02em; display: block; width: 100%; color: #808080; margin-left: 2px; } a.logo.logo_text_only { margin-left: 0; line-height: 80px; } a.logo.logo_text_only .logo_text { padding: 5px 15px 5px 0; } .header_gradient a.logo, .header_darkgrey a.logo { color: #fff; } a.logo.bottom_logo { padding: 0; font-size: 28px; } a.logo.bottom_logo img { max-width: 65px; } .floating_logo a.logo { float: left; margin-right: 30px; } a.logo.vertical_logo { padding: 0; } a.logo.vertical_logo img { margin: 0 0 10px; } .header_logo_center a.logo { margin: 0 20px; } /* logo center & logo image between text */ .header_center_logo .logo_text { text-align: left; } .header_center_logo .logo_between_text img { max-width: 150px; } @media (max-width: 479px) { .header_center_logo .logo_between_text img { max-width: 75px; } } .header_center_logo .logo_between_text .logo_text, .header_center_logo .logo_between_text .logo_subtext { padding: 5px 3px; display: inline-block; vertical-align: middle; font-weight: 600; font-size: 24px; text-transform: uppercase; line-height: 1.2; } @media (max-width: 479px) { .header_center_logo .logo_between_text .logo_text, .header_center_logo .logo_between_text .logo_subtext { font-size: 20px; } } @media (min-width: 992px) { .header_thin .sf-menu > li > a { padding-top: 15px; padding-bottom: 15px; } } .logo-meta { line-height: 1.2; display: inline-block; padding: 20px 0; } @media (max-width: 1400px) { .logo + .logo-meta { display: none; } } .logo-meta strong { font-size: 20px; } .page_header_side .logo-meta { display: block !important; } .lt-ie9 .page_header_wrapper { height: auto !important; } .lt-ie9 .page_header_wrapper .md-hidden { display: inline-block; } .page_header { -webkit-transition: background 0.2s ease-in-out 0s; transition: background 0.2s ease-in-out 0s; top: 0; left: 0; right: 0; position: relative; z-index: 1000; } .page_header.mobile-active { z-index: 1002; } .page_header.affix { position: fixed; } .page_header.affix-bottom { top: 0 !important; position: fixed; } .page_header a.header-button { display: inline-block; padding: 0 10px; line-height: 60px; position: relative; } .page_header .social-icon:last-child { margin-right: 6px; } /* modal search */ .modal-open .page_header_wrapper, .modal-open .page_header.affix { right: 16px; } #search_modal { color: #fff; } #search_modal .search-form { margin: 0 0 0 40px; } #search_modal a { color: #fff; opacity: 0.6; font-size: 12px; text-transform: uppercase; } #search_modal a:hover { color: #55bce7; opacity: 1; } #search_modal .searchform-respond { width: 300px; margin: 20px auto; } #search_modal .form-control { border: none; background-color: transparent; height: 40px; color: #fff; width: 100%; } #search_modal .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; } #search_modal .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; } #search_modal .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } #search_modal .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); } #search_modal .close { padding: 9px 10px 8px; position: absolute; min-width: 0; color: #fff; text-shadow: none; opacity: 1; } /* header floats */ .page_header:before, .page_header:after { content: ''; display: block; clear: both; } @media (min-width: 992px) { .page_header { height: auto; } .header_left_logo { white-space: nowrap; } } @media (min-width: 1400px) { .header-small .sf-menu > li > a { margin-left: 20px; margin-right: 20px; } } .header-small .mainmenu_wrapper.primary-navigation { text-align: left; } /* **side header */ body { position: relative; left: 0; } body:after { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1001; visibility: hidden; opacity: 0; } body, body:after, .page_header_side { transition: all 0.8s ease-in-out; } body { -webkit-transition-property: left, right; -moz-transition-property: left, right; -ms-transition-property: left, right; -o-transition-property: left, right; transition-property: left, right; } body.active-side-header { left: 270px; } body.active-side-header .page_header_side { left: 0; } body.active-side-header:after { visibility: visible; opacity: 1; } .page_header_side { z-index: 1002; position: fixed; width: 270px; left: -270px; top: 0; bottom: 0; } .page_header_side.active-slide-side-header { box-shadow: 0px 0px 3px 3px rgba(50, 50, 50, 0.15); } .side_header_inner { padding: 60px 30px; } .toggle_menu_side { position: absolute; top: 15px; right: -65px; background-color: #fff; width: 50px; height: 50px; text-align: center; line-height: 50px; cursor: pointer; box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.5); } .toggle_menu_side:before { font-family: 'FontAwesome'; content: "\f0c9"; } .active-slide-side-header .toggle_menu_side:before, .active-side-header .toggle_menu_side:before { content: "\f00d"; } .ds .toggle_menu_side { background-color: #1f232b; color: #fff; } @media (max-width: 350px) { .toggle_menu_side { top: 5px; right: -55px; } } .page_header_side.active-slide-side-header { left: 0; } .page_header_side.header_side_right { left: auto; right: -270px; } .page_header_side.header_side_right.active-slide-side-header { right: 0; } .page_header_side.header_side_right .toggle_menu_side { right: auto; left: -65px; } @media (max-width: 350px) { .page_header_side.header_side_right .toggle_menu_side { left: -50px; } } body.active-side-header.slide-right { left: -270px; } body.active-side-header.slide-right .page_header_side { left: auto; right: 0; } .mainmenu_side_wrapper ul ul, .mainmenu_side_wrapper .mega-menu { height: 0; overflow: hidden; } .mainmenu_side_wrapper ul li.sfHover > .mega-menu ul { display: block; height: 100%; } .mainmenu_side_wrapper .mega-menu > ul { height: auto; } .menu-side-click { padding: 0; } .menu-side-click li { position: relative; list-style: none; } .menu-side-click li a { margin-right: 25px; } .menu-side-click li a:before { top: 10px; } .menu-side-click li .activate_submenu { cursor: pointer; position: absolute; right: 0; top: 11px; font-size: 16px; color: #55bce7; text-align: center; width: 25px; } .menu-side-click li .activate_submenu:before { content: '+'; } .menu-side-click li.active-submenu > .activate_submenu:before { content: '-'; } .menu-side-click ul { padding-left: 20px; opacity: 0; height: 0; overflow: hidden; transition: opacity 0.05s, height 0.05s ease; } .menu-side-click .active-submenu > div { height: auto; } .menu-side-click .active-submenu > ul, .menu-side-click .active-submenu > div > ul { display: block; opacity: 1; height: auto; transition: opacity 0.6s, height 0.6s ease; } /* sidebar scroll plugin */ .scroll-wrapper { overflow: hidden; padding: 0; position: relative; height: 100%; } .scroll-wrapper > .scroll-content { border: none; box-sizing: content-box; height: auto; left: 0; margin: 0; max-height: none; max-width: none; overflow: scroll; padding: 0; position: relative; top: 0; width: auto; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-wrapper.scroll--rtl { direction: rtl; } .scroll-element { box-sizing: content-box; display: none; } .scroll-element div { box-sizing: content-box; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: rgba(127, 127, 127, 0.4); display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px; } /* scrollbar height/width & offset from container borders */ .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* **template common sections styles */ .page_topline { font-size: 14px; position: relative; z-index: 1001; } .page_topline [class*="rt-icon"] { font-size: 18px; top: 0.16em; position: relative; padding-right: 6px; line-height: inherit; } @media (min-width: 768px) { .page_topline [class*="col-"] > span { padding-left: 33px; } .page_topline [class*="col-"] > span:first-child { padding-left: 0; } } @media (max-width: 767px) { .page_topline [class*="col-"] > span { display: block; } } .page_toplogo .teaser, .page_toplogo .small-teaser { vertical-align: middle; display: inline-block; } .page_toplogo .teaser .media-left, .page_toplogo .small-teaser .media-left { line-height: 1; } .page_toplogo .teaser .media-body, .page_toplogo .small-teaser .media-body { text-align: left; width: auto; } .page_toplogo .teaser h4, .page_toplogo .small-teaser h4 { font-size: 18px; margin-bottom: 0; } @media (min-width: 992px) { .page_toplogo { white-space: nowrap; } } .page_mainslider .flex-custom-nav { opacity: 0; } .page_breadcrumbs { position: relative; /* styles for breadcrumbs style 3 */ /* styles for breadcrumbs style 4 */ } .page_breadcrumbs .breadcrumbs_inner { z-index: 4; } .page_breadcrumbs h3 { display: inline; font-size: 40px; font-weight: 600; word-wrap: break-word; letter-spacing: -0.02em; color: #fff; } .page_breadcrumbs h3.small { font-size: 32px; } @media (max-width: 991px) { .page_breadcrumbs h3 { font-size: 24px; } } @media screen and (min-width: 992px) { .page_breadcrumbs .display_table_md { width: auto; min-width: 0; } .page_breadcrumbs h2.display_table_cell_md { padding-right: 20px; } .page_breadcrumbs .breadcrumb.display_table_cell_md { border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 25px; } } .page_breadcrumbs .bottom_breadcrumbs { text-align: center; float: right; padding: 0 20px; margin: 0 0 -26px 0; background-color: rgba(15, 15, 15, 0.035); } .page_footer { background-size: cover; background-repeat: no-repeat; background-position: center; } /* Footer and copyright correction on large screens */ @media (min-width: 992px) { .page_footer { padding-bottom: 80px; } .page_footer{ margin-top: 0px; } .page_copyright { margin-top: -160px; } .page_footer + .ds.page_copyright { background-color: rgba(15, 15, 15, 0.5); } } .page_portfolio { overflow: hidden; } .page_content + .page_portfolio { margin-top: -270px; } @media (max-width: 1200px) { .page_portfolio { overflow: hidden; } .page_content + .page_portfolio { margin-top: -150px; } } @media (max-width: 479px) { .page_portfolio { overflow: hidden; } .page_content + .page_portfolio { margin-top: -100px; } } .section_subscribe .form-control { width: 350px; max-width: 100%; display: inline-block; } /* Hiding category and archives titles */ .taxonomy-name-title { display: none; } .page_breadcrumbs.parallax { background-size: auto auto; } .page_testimonials { overflow: hidden; } .page_copyright { font-weight: 300; font-size: 16px; letter-spacing: 0; text-transform: none; } .page_copyright p { margin: 0; } .page_copyright i { padding: 0 10px; } .page_copyright.table_section .bottom_logo img { margin-bottom: 0; } .ds.ms + .page_footer.ds.ms { background-color: #0a0a0a; } @media (min-width: 768px) and (max-width: 992px) { .page_footer .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page_footer .row > [class*="col-"] { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } } #map, .page_map { height: 500px; } #map img, .page_map img { max-width: inherit; } #map p, .page_map p { line-height: 1.3; margin-bottom: 0; } #map .map_marker_description, .page_map .map_marker_description { padding: 10px 5px 5px; } #map .map_marker_icon, .page_map .map_marker_icon { display: none; } section .intro_section .slide_description_wrapper { padding-left: 60px; padding-right: 60px; right: 30px; } @media (max-width: 600px) { section .intro_section .slide_description_wrapper { padding-left: 5px; padding-right: 5px; } } .muted_background .pagination { margin: 40px 40px 20px; } /** * intro_section styles */ /* flexslider */ .intro_section.page_mainslider { position: relative; clear: both; } .intro_section.page_mainslider > img { width: 100%; } .intro_section.page_mainslider .ds { color: #fff; } .intro_section.page_mainslider .ds .theme_button.inverse.color1 { color: #fff; background-color: transparent; border-color: #fff; } .intro_section.page_mainslider .ds .theme_button.inverse.color1:hover, .intro_section.page_mainslider .ds .theme_button.inverse.color1:focus, .intro_section.page_mainslider .ds .theme_button.inverse.color1:active { color: #fff; background-color: #55bce7; border-color: #55bce7; } .intro_section.page_mainslider .ds .theme_button.inverse.color2 { color: #fff; background-color: transparent; border-color: #fff; } .intro_section.page_mainslider .ds .theme_button.inverse.color2:hover, .intro_section.page_mainslider .ds .theme_button.inverse.color2:focus, .intro_section.page_mainslider .ds .theme_button.inverse.color2:active { color: #fff; background-color: #0083b0; border-color: #0083b0; } .intro_section.page_mainslider .slides > li { position: relative; overflow: hidden; } .intro_section.page_mainslider .flexslider:before, .intro_section.page_mainslider .flexslider:after { content: ''; display: block; clear: both; } .intro_section.page_mainslider .flexslider .intro-layer img { width: auto; display: inline-block; } .intro_section.page_mainslider .container, .intro_section.page_mainslider img + .container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; } .intro_section.page_mainslider [class*="col-"] { position: static; min-height: 0; } .intro_section.page_mainslider .slide_description_wrapper { position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 100%; font-size: 0; z-index: 5; padding: 30px 0; } .intro_section.page_mainslider .slide_description_wrapper:before, .intro_section.page_mainslider .slide_description { display: inline-block; vertical-align: middle; } .intro_section.page_mainslider .slide_description_wrapper:before { content: ''; display: inline-block; width: 0; height: 100%; } .intro_section.page_mainslider .slide_description { font-size: 16px; max-width: 580px; } .intro_section.page_mainslider .theme_button { margin-top: 2.7em; padding: 18px 30px 18px; } @media (min-width: 992px) { .intro_section.page_mainslider .theme_button { min-width: 230px; } } @media (min-width: 992px) { .intro_section.page_mainslider .text-center .slide_description { max-width: 85%; } } .intro_section.page_mainslider .big { font-size: 22px; } .intro_section.page_mainslider .grey { color: #bebebe; } .intro_section.page_mainslider .light { color: #fff; } .intro_section.page_mainslider .black { color: #1f232b; } .intro_section.page_mainslider .text-transform-none { text-transform: none; } .intro_section.page_mainslider .extra-thin { font-weight: 200; } .intro_section.page_mainslider .thin { font-weight: 300; } .intro_section.page_mainslider .normal { font-weight: 400; } .intro_section.page_mainslider .medium { font-weight: 600; } .intro_section.page_mainslider .bold { font-weight: 700; } .intro_section.page_mainslider h2 { font-size: 36px; margin-bottom: 0; line-height: 0.9; } @media (min-width: 768px) { .intro_section.page_mainslider h2 { font-size: 50px; } } @media (min-width: 992px) { .intro_section.page_mainslider h2 { font-size: 80px; line-height: 0.8; } } .intro_section.page_mainslider h3 { font-size: 26px; margin-bottom: 10px; line-height: 1; } @media (min-width: 992px) { .intro_section.page_mainslider h3 { font-size: 32px; } } @media (min-width: 1200px) { .intro_section.page_mainslider h3 { font-size: 40px; } } .intro_section.page_mainslider h4 { font-size: 18px; margin-bottom: 0; } @media (min-width: 992px) { .intro_section.page_mainslider h4 { font-size: 22px; } } @media (min-width: 1600px) { .intro_section.page_mainslider h4 { font-size: 30px; } } .intro_section.page_mainslider p { font-size: 14px; margin-bottom: 1.2em; } @media (min-width: 992px) { .intro_section.page_mainslider p { font-size: 18px; } } .intro_section.page_mainslider .flex-control-nav { display: none; text-align: center; } @media (min-width: 992px) { .intro_section.page_mainslider .slide_description_wrapper .slide_description { font-size: 20px; line-height: 30px; } } @media (min-width: 1450px) { .intro_section.page_mainslider p { font-size: 20px; } .intro_section.page_mainslider .flex-control-nav { bottom: 60px; } } @media (max-width: 992px) { .intro_section.page_mainslider { text-align: center; } .intro_section.page_mainslider .nav-container { padding: 0; } .intro_section.page_mainslider .flex-control-nav, .intro_section.page_mainslider .flex-custom-nav { bottom: 50px; text-align: center; } .intro_section.page_mainslider .flexslider .container { position: static; width: auto; max-width: 100%; } .intro_section.page_mainslider .slide_description_wrapper:before { display: none; } .intro_section.page_mainslider .slide_description { padding: 30px 0 100px; display: block; margin: auto; } .intro_section.page_mainslider .slide_description_wrapper { padding: 0; position: static; } .intro_section.page_mainslider .flex-direction-nav .flex-prev { top: 28%; } .intro_section.page_mainslider .flex-direction-nav .flex-next { top: 28%; } } @media (max-width: 767px) { .intro_section.page_mainslider .flex-direction-nav .flex-prev { top: 20%; } .intro_section.page_mainslider .flex-direction-nav .flex-next { top: 20%; } } /* Slider Bottomline */ .slider-bottomline { position: relative; display: none; } @media (min-width: 1200px) { .slider-bottomline { display: block; margin-top: -180px; z-index: 3; background-color: rgba(15, 15, 15, 0.5); } } .slider-bottomline .special-heading p { margin: 3px 0 7px 0; } .slider-bottomline .special-heading h4 { margin: 0 0 10px 0; } /* Blog slider */ .blog-slider { margin: 0; } .blog-slider .page_mainslider { margin-top: 20px; margin-bottom: 50px; } .blog-slider .slide_description_wrapper .slide_description { max-width: none; } .blog-slider img { opacity: 0.2; } .blog-slider .intro_section.page_mainslider .scroll_button_wrap { display: none; } .blog-slider .intro_section.page_mainslider .flexslider .flex-control-nav { display: block; text-align: center; } .blog-slider .intro_section.page_mainslider .flexslider .flex-control-paging li a:after { background-color: rgba(255, 255, 255, 0.5); } .blog-slider .intro_section.page_mainslider .flexslider .flex-control-paging li a:hover { color: #fff; } .blog-slider .intro_section.page_mainslider .flexslider .flex-control-paging li a:hover:after { background-color: #fff; } .blog-slider .intro_section.page_mainslider .flexslider .flex-control-paging li a.flex-active { color: #fff; } .blog-slider .intro_section.page_mainslider .flexslider .flex-control-paging li a.flex-active:after { background-color: #fff; } .blog-slider .intro_section.page_mainslider .flexslider .flex-direction-nav { display: none; } @media (min-width: 992px) { .blog-slider .intro_section.page_mainslider .slides > li { max-height: 600px; } .blog-slider .intro_section.page_mainslider .flexslider .flex-control-nav { bottom: 40px; } } .blog-slider .intro_section.page_mainslider .grey { color: #bebebe; } .blog-slider .intro_section.page_mainslider .light { color: #fff; } .blog-slider .intro_section.page_mainslider .black { color: #1f232b; } .blog-slider .intro_section.page_mainslider .bold { font-weight: 900; } .blog-slider .intro_section.page_mainslider .container { width: 100% !important; } .blog-slider .intro_section.page_mainslider .container .slide_description_wrapper { padding: 0 15px; } @media (min-width: 1199px) { .blog-slider .intro_section.page_mainslider .container .slide_description_wrapper { padding-left: 25px; padding-right: 25px; } } /* ** Main Menu styles */ .sf-menu a { font-size: 12px; text-transform: uppercase; letter-spacing: -0.02em; font-weight: 700; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sf-menu a { font-weight: 500; } } /* Desktop menu - (min 992px) styles */ @media (min-width: 992px) { /* menu layout */ /* menu skin */ /* second and next levels */ /* third level */ .mainmenu_wrapper { position: relative; } .sf-menu, .sf-menu ul { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu li > ul { position: absolute; display: none; top: 100%; z-index: 99; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu li > ul > li > ul { top: -15px; left: 100%; } .sf-menu a { padding: 5px 10px 5px; text-decoration: none; zoom: 1; /* IE7 */ -webkit-transition-property: color, background-color, border-color, padding-top, padding-bottom; -moz-transition-property: color, background-color, border-color, padding-top, padding-bottom; -ms-transition-property: color, background-color, border-color, padding-top, padding-bottom; -o-transition-property: color, background-color, border-color, padding-top, padding-bottom; transition-property: color, background-color, border-color, padding-top, padding-bottom; } .sf-menu li { white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background 0.2s; transition: background 0.2s; } .sf-menu > li { display: inline-block; position: relative; margin: 0 -2px; } .sf-menu > li:first-child { margin-left: 0; } .sf-menu > li:last-child { margin-right: 0; } .sf-menu > li > a { padding-top: 26px; padding-bottom: 26px; padding-right: 0; padding-left: 0; } .affix .sf-menu > li > a { padding-top: 20px; padding-bottom: 20px; } .sf-menu > li > a:hover { color: #55bce7; border-color: #55bce7; } .item_with_border .sf-menu > li.current-menu-item > a { border-top: 5px solid #55bce7; } .bordered_items .sf-menu > li { padding: 0; } .bordered_items .sf-menu > li + li:before { content: ''; width: 1px; position: absolute; left: 0; top: 0; bottom: 0; height: 100%; background-color: rgba(255, 255, 255, 0.2); } .header_white .sf-menu > li > a { color: #1f232b; } .header_white .sf-menu > li > a:hover, .header_white .sf-menu > li.current-menu-item > a { color: #55bce7; } .header_white .sf-menu > li + li:before { background-color: #e5e5e5; } .header_darkgrey .sf-menu > li > a { color: #fff; } .header_darkgrey .sf-menu > li > a:hover, .header_darkgrey .sf-menu > li.current-menu-item > a { color: #55bce7; } .header_color .sf-menu > li > a { color: #fff; } .header_color .sf-menu > li > a:hover, .header_color .sf-menu > li.current-menu-item > a { color: #1f232b; } .sf-menu li:hover, .sf-menu li.sfHover { /* only transition out, not in */ -webkit-transition: none; transition: none; } .sf-menu > li .mega-menu, .sf-menu li > ul { margin-top: 10px; text-align: left; list-style: none; padding: 15px 0; background-color: #fff; box-shadow: 2px 0 10px rgba(0, 0, 0, .2); min-width: 10em; /* allow long menu items to determine submenu width */ *width: 10em; /* no auto sub width for IE7, see white-space comment below */ border-radius: 0; } .sf-menu > li .mega-menu > li > ul, .sf-menu li > ul > li > ul { background-color: #f2f2f2; } .sf-menu > li .mega-menu > li > ul > li > a:hover, .sf-menu li > ul > li > ul > li > a:hover { color: #0083b0; } .sf-menu > li ul { min-width: 250px; } .sf-menu ul a { color: #1f232b; padding-left: 40px; padding-right: 40px; } .sf-menu .mega-menu ul { box-shadow: none; padding: 0; } .sf-menu .mega-menu ul a { padding-left: 0; padding-right: 0; } .sf-menu ul a:hover, .sf-menu ul li.current-menu-item > a { color: #55bce7; } .sf-menu ul ul { margin-top: 0; } } @media (min-width: 992px) and (min-width: 1450px) { .sf-menu > li > a { padding-top: 26px; padding-bottom: 26px; } } /* common paddings */ @media (min-width: 992px) { .sf-menu > li > a { margin-left: 2px; margin-right: 2px; } [class*="container"] .sf-menu > li:first-child > a { margin-left: 0; } [class*="container"] .sf-menu > li:last-child > a { margin-right: 0; } .bordered_items .sf-menu > li > a { margin: 0; padding: 25px 40px; } } /* -md- paddings */ @media (min-width: 992px) and (max-width: 1199px) { .sf-menu > li > a { margin-left: 15px; margin-right: 15px; } .bordered_items .sf-menu > li > a { margin-right: 24px; margin-left: 24px; } } /* -lg- paddings */ @media (min-width: 1200px) { .sf-menu > li > a { margin-left: 20px; margin-right: 20px; } } @media (min-width: 1400px) { .sf-menu > li > a { margin-left: 40px; margin-right: 40px; } } .sf-menu i[class] { margin-right: 7px; font-size: 1.1em; } /* hidden menu items */ @media (min-width: 992px) { .sf-menu .sf-md-hidden { display: none !important; } } @media (max-width: 991px) { .sf-more-li { display: none; } } /* logo in center of menu */ .sf-menu > .sf-logo-li { visibility: hidden; } /* Mobile menu toggler */ @media (max-width: 991px) { .header_mainmenu { height: 60px; } .toggle_menu { position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; width: 60px; height: 60px; cursor: pointer; z-index: 1001; visibility: visible; } .toggler_right .toggle_menu { right: 0; left: auto; } .toggler_left .toggle_menu { right: auto; left: 0; margin-left: 0; } .ls .toggle_menu span, .header_white .toggle_menu span, .ls .toggle_menu span:before, .header_white .toggle_menu span:before, .ls .toggle_menu span:after, .header_white .toggle_menu span:after { background-color: #1f232b; } .intro_section + .page_header_wrapper .toggle_menu span, .intro_section + .page_header_wrapper .toggle_menu span:before, .intro_section + .page_header_wrapper .toggle_menu span:after { background-color: #fff; } .intro_section + .page_header_wrapper .affix .toggle_menu span, .intro_section + .page_header_wrapper .affix .toggle_menu span:before, .intro_section + .page_header_wrapper .affix .toggle_menu span:after { background-color: #1f232b; } .intro_section + .page_header_wrapper .affix .toggle_menu.mobile-active span, .intro_section + .page_header_wrapper .affix .toggle_menu.mobile-active span:before, .intro_section + .page_header_wrapper .affix .toggle_menu.mobile-active span:after { background-color: #fff; } .page_toplogo .toggle_menu { position: fixed; top: 0; left: auto; right: 0; margin: 0; } .header_logo_center .toggle_menu { right: 0; left: auto; } .toggle_menu:hover span:before { top: -9px; } .toggle_menu:hover span:after { top: 9px; } .toggle_menu span, .toggle_menu span:before, .toggle_menu span:after { display: block; width: 30px; position: absolute; background-color: #fff; content: ''; left: 0; transform: rotate(0deg); transition: 0.25s ease-in-out; height: 2px; } .toggle_menu:before, .toggle_menu span { left: 15px; top: 50%; } .toggle_menu span:before { opacity: 1; top: -8px; } .toggle_menu span:after { opacity: 1; top: 8px; } .toggle_menu.mobile-active { background-color: #1f232b; border: none; left: auto; top: 0; right: 0; position: fixed; margin: 0; z-index: 3000; } .toggle_menu.mobile-active span { background-color: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .toggle_menu.mobile-active span:before, .toggle_menu.mobile-active span:after { opacity: 0; } } @media (max-width: 991px) and (max-width: 767px) { .toggler_xs_right .toggle_menu { right: 0; left: auto; } } @media (max-width: 991px) and (max-width: 499px) { .toggler_xxs_right .toggle_menu { right: 0; left: auto; } } /* **main menu mobile styles */ @media (max-width: 991px) { /*** arrows (for all except IE7) **/ /* styling for both css and generated arrows */ .mainmenu_wrapper { position: fixed; visibility: hidden; z-index: 10; top: 0; left: 0; bottom: 0; right: 0; background-color: transparent; opacity: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mobile-active .mainmenu_wrapper { visibility: visible; opacity: 1; background-color: #111; } .toggle_menu { display: block; cursor: pointer; } .toggle_menu.mobile-active { background-color: #111; border: none; left: 0; top: 0; right: 0; position: fixed; margin: 0; width: auto; height: 50px; z-index: 3000; } .toggle_menu.mobile-active:after { position: absolute; top: 14px; right: 5px; font-family: 'rt-icons-2'; content: "\e117"; font-size: 40px; color: #fff; } .toggle_menu.mobile-active span { display: none; } .nav-justified > li > a { text-align: left; } .sf-menu { position: fixed; overflow: auto; background-color: #1f232b; padding: 60px 0 20px 10px; top: 0; left: 0; bottom: 0; right: 100%; font-size: 1.1em; text-transform: uppercase; font-weight: 400; word-wrap: break-word; text-align: left; -webkit-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; opacity: 0; } .mobile-active .sf-menu { opacity: 1; right: 15px; } .sf-menu li { position: relative; } .sf-menu > li > a, .sf-menu a { color: #fff !important; z-index: 2; } .sf-menu ul { list-style: none; padding-left: 10px; opacity: 1 !important; margin-top: 0 !important; } .sf-menu ul li a { display: block; padding: 10px; font-weight: 300; font-size: 16px; text-transform: none; } .sf-menu ul li a:before { content: '-'; padding-right: 5px; } .sf-menu ul ul li a:before { content: '--'; padding-right: 5px; } .sf-arrows .sf-with-ul { padding-right: 3em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } .sf-arrows .sfHover > .sf-with-ul { margin-right: 3em; } .sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler { position: absolute; right: 5px; top: 7px; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background-color: white; text-align: center; font-size: 20px; z-index: 1; } .sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler:after { font-family: 'FontAwesome'; content: '\f105'; position: relative; top: -1px; } .sf-arrows .sfHover > a, .sf-arrows .sfHover > a:hover { color: rgba(255, 255, 255, 0.8) !important; } .sfHover > .sf-with-ul + .sf-menu-item-mobile-toggler:after { content: '\f107'; } } /* Mega Menu */ @media screen and (min-width: 992px) { /* row */ /* column */ .mainmenu_wrapper ul .mega-menu ul { min-width: auto; } .mainmenu_wrapper .menu-item-has-mega-menu { position: relative; } .mainmenu_wrapper .mega-menu { display: none; position: absolute; width: 940px; top: 100%; z-index: 10; } .mainmenu_wrapper .menu-item-has-mega-menu:hover .mega-menu { display: block; } .mainmenu_wrapper .mega-menu-row { position: static; display: table; table-layout: fixed; } .mainmenu_wrapper .mega-menu-row ul { position: static; display: block; } .mainmenu_wrapper .mega-menu-col { display: table-cell; width: 2000px; padding: 0 20px; border-left: 1px solid #e5e5e5; /* overrides from settings / styling / mega-menu */ } .mainmenu_wrapper .mega-menu-col > a { text-transform: uppercase; font-weight: 700; } .mainmenu_wrapper .mega-menu-col:first-child { border-left: none; } .mainmenu_wrapper ul ul .mega-menu { width: auto; top: -20px; margin-left: 1px; display: block; width: auto; } .mainmenu_wrapper ul ul .mega-menu li { display: block; width: auto; border: none; } } @media screen and (min-width: 1200px) { .mainmenu_wrapper .mega-menu { width: 1140px; } .mainmenu_wrapper ul .mega-menu ul { min-width: 12em; } } @media screen and (max-width: 991px) { .mainmenu_wrapper .mega-menu { position: static; } } /* **subpages */ .edit-link { text-align: right; display: block; } /*about*/ .about-content { padding: 10px 10px 20px; } /* page meta blog */ .page-meta { padding: 9px 40px 30px; } .page-meta h5 { font-size: 14px; font-weight: 300; } .page-meta i { line-height: 0.6; padding-right: 8px; } .page-meta .media { position: relative; padding: 28px 0 0; margin-bottom: 20px; } .page-meta .media + .media:before { content: ''; position: absolute; height: 1px; width: 100%; top: 0; background-color: rgba(150, 150, 150, 0.10); } .page-meta .media-left { padding-right: 8px; } /*blog*/ article iframe { margin-bottom: -8px; } @media (min-width: 992px) { article .side-item > .row { display: flex; } article .side-item > .row .cover-image { height: 100%; overflow: hidden; position: relative; width: 100%; } } @media (min-width: 992px) and (min-width: 768px) { article .side-item > .row .cover-image { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 2; } article .side-item > .row .cover-image img { display: none; } } h1.entry-title { font-size: 42px; margin: 0 0 5px; } @media (max-width: 991px) { h1.entry-title { font-size: 32px; } } article.post + article.post, .search article + article, .archive article + article { margin-top: 60px; } /* mosaic */ .mosaic-post p { margin-bottom: 0; } .mosaic-post .post-social-links { margin: -1px; padding: 18px 40px 17px; } h3.entry-title { font-size: 28px; margin: 0 0 14px; } h3.entry-title + .date { display: inline-block; text-transform: uppercase; line-height: 1; padding: 4px 14px; margin-bottom: 22px; } h4.entry-title { margin: 0 0 20px; } h2.search-title { margin: 0 0 30px; font-size: 40px; } .entry-header + h2 { margin-top: 0.5em; } .item-meta + .entry-title { margin-bottom: 20px; } .single .item-meta + .entry-title { font-size: 20px; margin-bottom: 25px; } .entry-tags .theme_button { margin-right: 6px; } .entry-tags span + span { margin-left: 14px; } .entry-tags i { font-size: 14px; margin-right: 5px; } .entry-meta:before, .entry-meta:after, .comment-meta:before, .comment-meta:after, .post-adds:before, .post-adds:after { display: block; clear: both; content: ''; width: 0; height: 0; } .entry-thumbnail { text-align: center; position: relative; } .entry-thumbnail[class*='col-'] { margin-bottom: 0; } .entry-thumbnail .entry-thumbnail-carousel .owl-dots { position: absolute; bottom: 40px; text-align: center; left: 0; right: 0; } /* additional meta at the bottom of entry-title */ .post-adds { margin: 22px 0 33px; } .post-adds span, .post-adds a { display: inline-block; } .post-adds .item-likes { padding-left: 20px; padding-right: 20px; } .post-adds .votes_count, .post-adds .views-count { padding: 0 20px; line-height: 40px; } .post-adds .views-count { padding: 0 30px; } .post-adds .item-views-count { font-weight: 700; } .post-adds .theme_button { padding: 10px 6px; min-width: 0; margin-bottom: 0; } .post-adds .theme_button > i { font-size: 18px; top: 3px; } .post-adds .theme_button:hover > i { opacity: 0.7; } .post-adds .theme_button.inverse, .post-adds .like_button { border-color: transparent rgba(55, 52, 47, 0.1) transparent transparent; border-width: 1px; border-style: solid; line-height: 38px; } .post-adds .theme_button.inverse > i, .post-adds .like_button > i { padding: 0 12px 0 10px; color: #55bce7; } /** * Theme share buttons */ .share_buttons { min-width: 300px; } .post-adds .dropdown-menu { margin: 1px 0 0; padding: 0; border: none; background-color: transparent; } /* additional meta in corner of thumbnail */ .entry-meta-corner { display: none; position: absolute; z-index: 2; text-align: center; color: #fff; background-color: #55bce7; } .entry-meta-corner a { color: #fff; } .entry-meta-corner a:hover { color: #55bce7; } .entry-meta-corner .date { color: #1f232b; display: block; min-width: 60px; padding: 0 3px; text-transform: uppercase; } .entry-meta-corner .date strong { color: #fff; display: block; font-size: 42px; font-weight: 100; padding: 12px 0 0; } .entry-meta-corner .comments-link { line-height: 1; display: block; padding: 2px 5px; background-color: #1f232b; } .entry-meta-corner .comments-link i { position: relative; top: 1px; } .categories-links { font-weight: 600; font-size: 12px; text-transform: uppercase; } .categories-links a { margin-right: 6px; margin-bottom: 6px; } /* blog post entry meta */ .item-content .entry-meta, .entry-content .entry-meta { text-align: left; margin-top: 20px; } .item-content .entry-meta > *, .entry-content .entry-meta > * { display: inline-block; margin-right: 25px; } .item-content .entry-meta .tag-links > *, .entry-content .entry-meta .tag-links > * { margin-right: 10px; } .item-content .entry-author:before, .entry-content .entry-author:before, .item-content .entry-date:before, .entry-content .entry- date:before, .item-content .tag-links:first-child:before, .entry-content .tag-links:first-child:before { font-family: FontAwesome; font-size: 14px; content: ""; color: #55bce7; margin-right: 10px; font-weight: 400; } .item-content .entry-author:before, .entry-content .entry-author:before { content: "\f007"; } .item-content .entry-date:before, .entry-content .entry-date:before { content: "\f073"; } .item-content .tag-links:first-child:before, .entry-content .tag-links:first-child:before { content: "\f02b"; } .entry-excerpt { font-size: 20px; line-height: 30px; margin: 8px 0 30px; } .entry-excerpt p { margin-bottom: 16px; } .blog .sticky, .archive .sticky, .search .sticky, .single-post .sticky { border: 1px solid #55bce7; } .blog .sticky .featured-post, .archive .sticky .featured-post, .search .sticky .featured-post, .single-post .sticky .featured-post { display: none; } .blog .entry-title, .archive .entry-title, .search .entry-title, .single-post .entry-title { font-weight: 600; text-transform: none; margin-top: 0; font-size: 28px; } .blog .more-link, .archive .more-link, .search .more-link, .single-post .more-link { font-weight: 600; text-transform: uppercase; letter-spacing: -0.02em; font-size: 12px; margin-left: 10px; } .blog .more-link:after, .archive .more-link:after, .search .more-link:after, .single-post .more-link:after { font-family: FontAwesome; content: '\f149'; font-size: 14px; margin-left: 5px; } .blog .readmore-hidden .more-link, .archive .readmore-hidden .more-link, .search .readmore-hidden .more-link, .single-post .readmore-hidden .more-link { display: none; } .blog .owl-carousel.owl-loaded, .archive .owl-carousel.owl-loaded, .search .owl-carousel.owl-loaded, .single-post .owl-carousel.owl-loaded { margin-bottom: 0; } .blog .entry-content ul, .archive .entry-content ul, .search .entry-content ul, .single-post .entry-content ul, .blog .entry-content ol, .archive .entry-content ol, .search .entry-content ol, .single-post .entry-content ol { margin-bottom: 20px; } .blog .entry-content ul ul, .archive .entry-content ul ul, .search .entry-content ul ul, .single-post .entry-content ul ul, .blog .entry- content ol ul, .archive .entry-content ol ul, .search .entry-content ol ul, .single-post .entry-content ol ul, .blog .entry-content ul ol, .archive .entry-content ul ol, .search .entry-content ul ol, .single-post .entry-content ul ol, .blog .entry-content ol ol, .archive .entry-content ol ol, .search .entry-content ol ol, .single-post .entry-content ol ol { margin-bottom: 0; } /* Blog list */ .blog, .archive, .search { /* format small image */ /* format quote */ /* format status */ } .blog .sticky, .archive .sticky, .search .sticky { border: 1px solid #55bce7; } .blog .sticky .item-content, .archive .sticky .item-content, .search .sticky .item-content { position: relative; } .blog .sticky .item-content::before, .archive .sticky .item-content::before, .search .sticky .item-content::before { position: absolute; content: ""; top: 0; left: 0; border-left: 3.5em solid #55bce7; border-bottom: 3.5em solid transparent; } .blog .sticky .item-content::after, .archive .sticky .item-content::after, .search .sticky .item-content::after { position: absolute; top: 4px; left: 8px; color: #fff; font-family: FontAwesome; content: "\f08d"; font-size: 1.5em; transform: rotate(45deg); } .blog .entry-content p:last-child, .archive .entry-content p:last-child, .search .entry-content p:last-child { margin-bottom: 0; } .blog blockquote, .archive blockquote, .search blockquote { margin: 0 auto; width: 100%; max-width: 600px; padding: 30px 0; } .blog blockquote:after, .archive blockquote:after, .search blockquote:after, .blog blockquote:before, .archive blockquote:before, .search blockquote:before { display: none; } .blog .format-small-image .item-media-wrap > .item-media, .archive .format-small-image .item-media-wrap > .item-media, .search .format- small-image .item-media-wrap > .item-media { display: block; } .blog .format-quote blockquote, .archive .format-quote blockquote, .search .format-quote blockquote { color: #fff; padding: 30px 0 0; } .blog .format-quote blockquote cite, .archive .format-quote blockquote cite, .search .format-quote blockquote cite { margin-top: 30px; } .blog .format-quote .entry-title, .archive .format-quote .entry-title, .search .format-quote .entry-title { margin: 3px 0 0 0; line-height: 1; font-size: 12px; text-transform: uppercase; color: #55bce7; } .blog .format-quote .entry-meta, .archive .format-quote .entry-meta, .search .format-quote .entry-meta { margin-top: 0; line-height: 1; } .blog .format-quote .entry-meta .post-date, .archive .format-quote .entry-meta .post-date, .search .format-quote .entry-meta .post-date { font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: -0.02em; margin-right: 0; } .blog .format-status, .archive .format-status, .search .format-status { background-color: rgba(31, 35, 43, 0.9); } .blog .format-status .header-title, .archive .format-status .header-title, .search .format-status .header-title { font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; letter-spacing: -0.02em; margin: 0; } .blog .format-status .entry-title, .archive .format-status .entry-title, .search .format-status .entry-title { color: #fff; margin: 0; } .blog .format-status .entry-avatar, .archive .format-status .entry-avatar, .search .format-status .entry-avatar { margin-top: 25px; margin-bottom: 30px; } .blog .format-status .entry-avatar img, .archive .format-status .entry-avatar img, .search .format-status .entry-avatar img { margin: 0; border: 0; border-radius: 50%; } .blog .format-status .entry-content, .archive .format-status .entry-content, .search .format-status .entry-content { font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 10px; } .blog .format-status .entry-meta, .archive .format-status .entry-meta, .search .format-status .entry-meta { margin: 10px 0 20px; line-height: 1; text-align: center; } .blog .format-status .entry-meta .post-date, .archive .format-status .entry-meta .post-date, .search .format-status .entry-meta .post-date { margin-right: 0; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: -0.02em; } .blog .format-status .entry-meta .post-date a, .archive .format-status .entry-meta .post-date a, .search .format-status .entry-meta .post- date a { color: #55bce7; } .blog .format-status .entry-meta .post-date a:hover, .archive .format-status .entry-meta .post-date a:hover, .search .format-status .entry- meta .post-date a:hover { color: #fff; } .blog .format-status .entry-author a, .archive .format-status .entry-author a, .search .format-status .entry-author a { color: #55bce7; font-size: 13px; font-weight: 400; } /* Single post */ .single-post { /* format quote */ /* format status */ } .single-post .format-quote .entry-meta, .single-post .format-status .entry-meta { text-align: center; } .single-post .format-quote .entry-meta > *:last-child, .single-post .format-status .entry-meta > *:last-child { margin-right: 0; } .single-post .format-quote blockquote { color: #fff; padding: 0; } .single-post .format-quote blockquote cite { margin-top: 30px; } .single-post .format-quote .categories-links a { color: #55bce7; } .single-post .format-quote .categories-links a:hover { color: #fff; } .single-post .format-quote .entry-title { margin: 3px 0 0 0; line-height: 1; font-size: 12px; text-transform: uppercase; color: #55bce7; } .single-post .format-quote .entry-meta { margin-top: 0; line-height: 1; } .single-post .format-quote .entry-meta a { color: #fff; } .single-post .format-quote .entry-meta a:hover { color: #55bce7; } .single-post .format-quote .entry-meta .post-date { font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: -0.02em; margin-right: 0; } .single-post .format-status { background-color: rgba(31, 35, 43, 0.9); } .single-post .format-status p { color: #fff; } .single-post .format-status .header-title { font-size: 12px; font-weight: 600; text-transform: uppercase; color: #fff; letter-spacing: -0.02em; margin: 0; } .single-post .format-status .entry-title { color: #fff; margin: 0; } .single-post .format-status .entry-avatar { margin-top: 25px; margin-bottom: 30px; } .single-post .format-status .entry-avatar img { margin: 0; border: 0; border-radius: 50%; } .single-post .format-status .entry-content { font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 10px; } .single-post .format-status .item-meta .categories-links a { color: #55bce7; } .single-post .format-status .item-meta .categories-links a:hover { color: #fff; } .single-post .format-status .entry-meta { margin: 10px 0 20px; line-height: 1; text-align: center; } .single-post .format-status .entry-meta a { color: #fff; } .single-post .format-status .entry-meta a:hover { color: #55bce7; } .single-post .format-status .entry-meta .post-date { margin-right: 0; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: -0.02em; } .single-post .format-status .entry-meta .post-date a { color: #fff; } .single-post .format-status .entry-meta .post-date a:hover { color: #55bce7; } .single-post .format-status .entry-author a { color: #fff; font-size: 13px; font-weight: 600; } .single-post .format-status .entry-author a:hover { color: #55bce7; } /* format chat */ .format-chat p { margin: 0; padding: 10px 0; } .format-chat p:first-of-type { padding: 0 0 6px; } .format-chat p:nth-child(even) { background: #f2f2f2; padding: 10px 10px 10px 20px; } .format-chat p:nth-child(odd) strong { color: #7f7f7f; font-weight: 600; } .format-chat p:nth-child(even) strong { color: #55bce7; font-weight: 600; } .blog-more-toggle { display: block; text-transform: uppercase; padding: 9px 0; margin: 32px 0 80px; background-color: rgba(128, 128, 128, 0.05); } .blog-more-toggle .blog-more-visible { display: inline; } .blog-more-toggle .blog-more-hidden { display: none; } .blog-more-toggle.collapsed .blog-more-visible { display: none; } .blog-more-toggle.collapsed .blog-more-hidden { display: inline; } .item-cats { margin: 0 0 20px 0; } .st_facebook_hcount, .st_twitter_hcount, .st_googleplus_hcount { position: relative; text-align: right; } .st_facebook_hcount span, .st_twitter_hcount span, .st_googleplus_hcount span { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } .author-meta { border-color: #55bce7; margin-top: 60px; } .author-meta .author-name { font-size: 30px; font-weight: 600; color: #1f232b; letter-spacing: -0.02em; margin: 0 0 15px; position: relative; } .author-meta .item-media img { margin: 0; } .author-meta .item-content { padding: 40px 40px 30px 40px; } .author-meta .item-content p { margin-bottom: 10px; } .author-meta .author-social { position: relative; left: 0; bottom: 0; } .author-meta .author-social a { display: inline-block; margin: 0; } .author-meta .author-social a:before { top: 1px; position: relative; } .author-meta .author-social a:hover { background-color: #f2f2f2 !important; } .author-meta .author-social a.social-icon + a.social-icon.color-bg-icon { margin-left: 5px; } .ds .author-meta .item-content { background-color: #55bce7; } /*single post*/ .single-post article > .entry-thumbnail { margin-bottom: 0; } .single-post blockquote { margin-top: 42px; margin-bottom: 44px; padding: 0; max-width: 600px; } .single-post blockquote cite { margin-top: 24px; } .single-post .video-entry-thumbnail [class*="col-"] { margin-top: 0; margin-bottom: 0; } .single-post .video-entry-thumbnail .entry-thumbnail { margin-bottom: 0; } .single-post footer.entry-meta { margin: 30px 0 0; } /*comments*/ .comments-area { margin-top: 60px; } .comments-area h1 { font-size: 54px; } @media (max-width: 991px) { .comments-area h1 { font-size: 28px; } } @media (max-width: 479px) { .comments-area h1 { font-size: 26px; } } .comments-area h2 { font-size: 44px; } @media (max-width: 991px) { .comments-area h2 { font-size: 26px; } } @media (max-width: 479px) { .comments-area h2 { font-size: 24px; } } .comments-area h3 { font-size: 34px; } @media (max-width: 991px) { .comments-area h3 { font-size: 22px; } } @media (max-width: 479px) { .comments-area h3 { font-size: 22px; } } .comments-area h4 { font-size: 28px; } @media (max-width: 991px) { .comments-area h4 { font-size: 20px; } } @media (max-width: 479px) { .comments-area h4 { font-size: 20px; } } .comments-area h5 { font-size: 20px; } @media (max-width: 991px) { .comments-area h5 { font-size: 18px; } } .comments-area h6 { font-size: 16px; } .comments-area table { overflow-x: auto; } @media (max-width: 600px) { .comments-area table { display: block; } } @media (max-width: 991px) { .comments-area ol.children { padding-left: 0; } } .comments-area form [class*="col-sm-4"] { margin-bottom: 10px; } .comments-area li.comment { list-style: none; padding-top: 5px; position: relative; } .comments-area .comment-body { display: flex; } .comments-area .comment-body .comment-text { margin-left: 10px; min-width: 0; } .comments-area .comment-body img { max-width: 70px; border: 0; border-radius: 50%; } .comments-area .pingback .comment-body, .comments-area .trackback .comment-body { margin-bottom: 10px; } @media (min-width: 480px) { .comments-area .pingback .comment-body a, .comments-area .trackback .comment-body a { margin-left: 10px; } } .comments-area .media-object { max-width: 70px; } .comments-area .comment-text { padding: 20px 20px 10px 0; width: auto; } .comments-area .comment-text .comment-content p { margin-bottom: 10px; } .comments-area .comment-text .comment-content blockquote { margin-left: 0; margin-right: 0; text-align: left; max-width: 500px !important; } .comments-area .comment-text .comment-content table { overflow-x: auto; /* Scrollbar is displayed as it's needed */ } @media (max-width: 600px) { .comments-area .comment-text .comment-content table { display: block; } .OurServiceAccordion .media-body{ display:contents !important; } .intro_section.page_mainslider h2 { font-size: 30px; } } .comments-area .comment-text .comment-metadata { display: block; margin: 0 0 10px; line-height: 30px; } .comments-area .comment-text .comment-metadata:before { font-family: FontAwesome; font-size: 14px; content: '\f073'; color: #55bce7; margin-right: 10px; font-weight: 400; } .comments-area .comment-text .comment-metadata a { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: -0.02em; } .comment-list { margin: 0 0 20px; padding: 0; position: relative; list-style: none; } .comment-list ol.comment-list { padding-left: 15px; } @media (min-width: 992px) { .comment-list ol.comment-list { padding-left: 70px; } } .comment-meta { line-height: 1; margin-bottom: 0; padding-bottom: 0; } .comment-meta .comment-date { display: block; margin: 7px 0 10px; } .comment-meta .author_url { font-size: 20px; font-weight: 600; letter-spacing: -0.02em; text-transform: uppercase; } .comment-meta .author_url a { line-height: 1; } .reply a { position: absolute; right: -1px; top: 17px; padding: 10px 4px 13px; color: #1f232b; font-size: 16px; } .reply a:hover { color: #55bce7; } .comment-respond { margin-top: 0; margin-bottom: 0; } .comment-respond h3 { font-size: 30px; margin: 0 0 25px; } .comment-respond p { margin-bottom: 10px; position: relative; } .comment-form.muted_background { padding: 30px 30px 20px; } .comment-form p { margin-bottom: 0; line-height: 1.2; } .comment-form .form-submit { margin-top: 30px; margin-bottom: 0; } .comment-form label[for] { display: none; } .comment-form .theme_button { margin: 0 5px 0 0; } @media (max-width: 500px) { .comment-respond i.pull-left { display: none; } .comment-respond .comment-form { margin-left: 0; } } .comment-navigation { margin-top: 40px; } .comment-navigation .pagination > li > a, .comment-navigation .pagination > li > span { padding: 5px 10px; } .post-password-form input[type="password"].form-control { border-color: rgba(0, 0, 0, 0.1); } .post-password-form .theme_button { top: -1px; padding: 17px 30px 17px; } @media (min-width: 768px) { .post-password-form .theme_button { min-width: 150px; margin-left: 20px; } } /* gallery */ #isotope_filters, .filters { text-align: center; font-size: 13px; margin: 0 0 50px; padding: 0; list-style: none; position: relative; } @media (min-width: 1200px) { #isotope_filters, .filters { margin: 0 0 57px; } } #isotope_filters li, .filters li { display: inline-block; margin: 0; padding: 0; } #isotope_filters a, .filters a { padding: 5px 20px; margin: 0 0 10px; display: inline-block; line-height: 1; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5em; color: #0f0f0f; background-color: transparent; position: relative; z-index: 2; } #isotope_filters a:hover, .filters a:hover, #isotope_filters a.selected, .filters a.selected, #isotope_filters a.active, .filters a.active { background-color: transparent; border-color: transparent; color: #55bce7; } @media (max-width: 479px) { #isotope_filters a, .filters a { padding: 5px 10px; } } .ds #isotope_filters a, .ds .filters a { color: #fff; } .ds #isotope_filters a:hover, .ds .filters a:hover, .ds #isotope_filters a.selected, .ds .filters a.selected, .ds #isotope_filters a.active, .ds .filters a.active { background-color: transparent; border-color: transparent; color: #55bce7; } .filter_text { position: absolute; font-size: 104px; width: 100%; text-align: center; font-weight: 700; top: 6px; text-transform: uppercase; color: rgba(15, 15, 15, 0.05); z-index: 1; letter-spacing: 0.2em; } @media (max-width: 768px) { .qoc .row,.DORP .row{ display:flex; flex-direction:column-reverse; } .imageClass .col-xs-12.col-md-6{ text-align:center; } .filter_text { display: none; } } .gallery-item { overflow: hidden; position: relative; } .gallery-item .item-content { padding: 0 40px 5px; } .gallery-item h4.item-meta { font-weight: 300; z-index: 5; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .gallery-item:hover h4.item-meta { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .gallery-item .post-adds { margin-bottom: 0; } .gallery-title-item + .item-title { padding: 30px 0; } .gallery-title-item + .item-title h3 { font-size: 28px; margin-bottom: 5px; } i.loadmore_spinner { font-size: 30px; opacity: 0.3; margin: 10px 0 20px; } /* gallery single */ .gallery-single-title { margin: 12px 0 0; } @media (min-width: 768px) { .gallery-single-title { font-size: 60px; } } .gallery-single-title + .block-header { margin-bottom: 40px; } .share-gallery-single { margin: 40px 0 16px; } .items-nav { padding: 30px 23px; } .items-nav[class*='display_table_'] { margin-top: 40px; } .items-nav h4 { margin: -5px 0 0; } .items-nav .media { position: relative; padding: 10px 0; } .items-nav .next-item img { max-width: none; padding: 0 30px 0 0; } .items-nav .next-item i { right: 0; } .items-nav .prev-item img { max-width: none; padding: 0 0 0 30px; } .items-nav a { position: relative; } .items-nav a i { top: 50%; margin-top: -14px; font-size: 20px; } .items-nav a i.position-absolute { position: absolute; } .loop-pagination { margin-top: 60px; } .muted_background .loop-pagination { margin-top: 0; } .owl-carousel.hover-scale { margin-bottom: 50px; } @media (min-width: 768px) { .owl-carousel.hover-scale .owl-stage-outer { overflow: visible; } .owl-carousel.hover-scale .vertical-item { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .owl-carousel.hover-scale .owl-item:hover .vertical-item, .owl-carousel.hover-scale .owl-item.center .vertical-item { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: 4; overflow: hidden; } } .owl-carousel.related-photos-carousel { margin-bottom: 0; } /*404*/ .error404 .not_found { font-size: 130px; font-weight: 700; line-height: 0.8; } @media (min-width: 600px) { .error404 .not_found { font-size: 210px; } } .error404 .not_found + h3 { font-size: 40px; font-weight: 900; margin: 0 0 30px; color: #fff; } .error404 .not_found + h3 + p { margin: 0 0 12px; color: #fff; } .error404 .not_found + h3 + p + .widget_search { max-width: 340px; margin: 0 auto; } .error404 .not_found + h3 + p + .widget_search input { color: #808080; } .error404 .not_found + h3 + p + .widget_search .form-control { background-color: #fff; } .error404 .not_found + h3 + p + .widget_search .form-control:-moz-placeholder { color: #808080; opacity: 1; } .error404 .not_found + h3 + p + .widget_search .form-control::-moz-placeholder { color: #808080; opacity: 1; } .error404 .not_found + h3 + p + .widget_search .form-control:-ms-input-placeholder { color: #808080; } .error404 .not_found + h3 + p + .widget_search .form-control::-webkit-input-placeholder { color: #808080; } .error404 .page_content { background-color: #f2f2f2; background-image: url(../img/404.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; } .error404 .page_content p { color: #fff; } .error404 .page_content .content-404 { margin-top: 40px; margin-bottom: 50px; } .error404 .page_content .theme_button:hover { color: #fff; border-color: #fff; } .error404 .page_breadcrumbs, .error404 .page_footer { display: none; } .error404 .page_copyright { background-image: url(../img/404-copyright-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; margin-top: 0; } .error404 .page_copyright:before { position: absolute; content: ""; top: 0; left: 0; bottom: 0; width: 100%; background-color: #0f0f0f; opacity: 0.5; z-index: 1; } .error404 .page_copyright p { color: #808080 !important; z-index: 2; } .navigation.post-navigation { padding: 0; margin-top: 80px; margin-bottom: 65px; } @media (max-width: 767px) { .navigation.post-navigation { margin-top: 40px; margin-bottom: 40px; } } .navigation.post-navigation a { display: inline-block; width: 48.5%; position: relative; text-align: center; overflow: hidden; padding: 0; font-weight: normal; font-size: 14px; } .navigation.post-navigation a[rel="next"] { float: right; } .navigation.post-navigation a .media { background-position: center; background-size: cover; padding: 0; height: 145px; display: flex; justify-content: center; align-items: center; } .navigation.post-navigation a .media .nav-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; display: block; background: rgba(31, 35, 43, 0.8); z-index: 1; } .navigation.post-navigation a .media .nav-middle { position: relative; display: block; z-index: 2; padding: 0 15px; max-width: 100%; } .navigation.post-navigation a .media .nav-middle .nav { font-weight: 500; text-transform: uppercase; font-size: 14px; letter-spacing: 0.05em; color: #55bce7; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .navigation.post-navigation a .media .nav-middle .nav:hover { color: #fff; } @media (max-width: 479px) { .navigation.post-navigation a .media .nav-middle .nav { font-size: 18px; } } .navigation.post-navigation a .media .nav-middle .title { font-size: 17px; font-weight: 500; display: inline-block; word-wrap: break-word; max-width: 100%; margin-top: 5px; color: #fff; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .navigation.post-navigation a .media .nav-middle .title:hover { color: #55bce7; } @media (max-width: 479px) { .navigation.post-navigation a .media .nav-middle .title { display: none; } } /* Unyson portfolio extension */ .fw-portfolio .categories-links { display: none; } /* Portfolio single page */ .single-fw-portfolio .gallery-single-title { margin-bottom: 20px; } .single-fw-portfolio .owl-carousel.owl-loaded { margin-bottom: 0; } /* Taxonomies */ .post-type-archive-fw-portfolio, .tax-fw-portfolio-category { /* Full width gallery */ } .post-type-archive-fw-portfolio .item-button, .tax-fw-portfolio-category .item-button { display: none; } .post-type-archive-fw-portfolio .extended .item-content p, .tax-fw-portfolio-category .extended .item-content p { margin-bottom: 0; } .post-type-archive-fw-portfolio .extended .item-title, .tax-fw-portfolio-category .extended .item-title { height: 45px; overflow: hidden; margin-bottom: 10px; } @media (min-width: 1200px) { .post-type-archive-fw-portfolio .gallery_fluid_section .container-fluid, .tax-fw-portfolio-category .gallery_fluid_section .container- fluid { padding-left: 0; padding-right: 0; } } .post-type-archive-fw-portfolio .gallery_fluid_section .container-fluid .item-title, .tax-fw-portfolio-category .gallery_fluid_section .container-fluid .item-title { overflow: hidden; margin-bottom: 0; padding: 38px 5px 40px; } .post-type-archive-fw-portfolio .gallery_fluid_section .container-fluid .item-title h3, .tax-fw-portfolio-category .gallery_fluid_section .container-fluid .item-title h3 { font-size: 20px; overflow: hidden; text-transform: uppercase; margin: 5px 0; height: 20px; } .page-links { clear: both; } .page-links .page-links-title { margin-right: 10px; } blockquote ol, blockquote ul { text-align: left; } /* Services plugin */ /* category and archive */ @media (min-width: 1200px) { .services-grid { margin-bottom: -20px; } } @media (min-width: 400px) { .services-grid .vertical-item.content-padding .item-content { padding: 15px 15px; } } .services-grid .entry-title { text-transform: none; } .services-grid .item-content p { margin-bottom: 0; } @media (min-width: 1200px) { .services-grid .vertical-item { margin-bottom: 30px; margin-left: 15px; margin-right: 15px; } } .service_item { z-index: 1; position: relative; } .service_item .read-more { display: block; margin-bottom: -10px; width: 60px; margin-right: auto; margin-left: auto; } .service_item .read-more:before { content: "\f107"; font-family: FontAwesome; position: relative; top: 0; transition: top 0.2s ease 0s; color: #712357; } .service_item .read-more:hover:before { top: 5px; } .service_item .excerpt { height: 92px; overflow: hidden; } /* single */ .single-service .entry-title { margin-top: 25px; margin-bottom: 25px; font-size: 40px; } /* MWT Unyson Team plugin */ @media (min-width: 1200px) { .team-list { margin-bottom: -20px; } .team-list .vertical-item { margin-bottom: 30px; margin-left: 15px; margin-right: 15px; } } .team-list .position { margin-bottom: 10px; } .single-fw-team .vertical-item { margin-bottom: 10px; } .single-fw-team .vertical-item img { width: 100%; } .single-fw-team .item-content { margin-bottom: 10px; } .single-fw-team .item-content .soc-youtube:before { font-size: 16px; } .single-fw-team .item-content .tab-member-bio h1, .single-fw-team .item-content .tab-member-bio h2, .single-fw-team .item-content .tab- member-bio h3, .single-fw-team .item-content .tab-member-bio h4, .single-fw-team .item-content .tab-member-bio h5, .single-fw-team .item- content .tab-member-bio h6 { margin-bottom: 0.6em; } .single-fw-team .item-content .bootstrap-tabs { margin-top: 50px; } .single-fw-team .item-content .bootstrap-tabs .tab-content { margin-bottom: 55px; } .single-fw-team .item-content blockquote { text-align: left; margin-top: 50px; margin-bottom: 50px; margin-left: 0; margin-right: 0; max-width: 100%; z-index: 1; padding: 30px 15px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); } @media (min-width: 400px) { .single-fw-team .item-content blockquote { padding: 35px 45px; } } @media (min-width: 1200px) { .single-fw-team .item-content blockquote { padding: 50px 60px; } } .single-fw-team .item-content blockquote:before { top: 100px; left: -15px; font-style: normal; color: #55bce7; font-size: 300px; opacity: 0.2; } .single-fw-team .item-content blockquote:after { display: none; } .single-fw-team .item-content blockquote cite { text-align: left; margin-top: 15px; } .team-social-icons { margin-top: 20px; line-height: 1; } .team-social-icons .soc-youtube:before { font-size: 16px; } .shortcode-team .vertical-item { box-shadow: none; } .shortcode-team .vertical-item .item-content .team-social-icons { margin-top: 30px; } .shortcode-team .item-content .position { margin-bottom: 0; } .shortcode-team.hide-excerpt .item-content .desc { display: none; } .shortcode-team.hide-socials .item-content .team-social-icons { display: none; } /* Team Slider Shortcode */ .shortcode-team-slider { position: relative; width: 100%; display: block; } .shortcode-team-slider .menu__item { text-decoration: none; color: #1f232b; outline: none; opacity: 0.3; margin-bottom: 15px; cursor: pointer; } .shortcode-team-slider .team-social-icons { margin-top: 0; margin-bottom: 20px; z-index: 4; } .shortcode-team-slider .team-social-icons a.social-icon.color-icon.border-icon.rounded-icon { border-width: 4px; border-style: solid; padding: 16px 17px; margin-bottom: 4px; line-height: 16px; width: 60px; height: 60px; } @media (min-width: 992px) { .shortcode-team-slider .team-social-icons a.social-icon.color-icon.border-icon.rounded-icon { line-height: 0; } } .shortcode-team-slider .menu__item:hover, .shortcode-team-slider .menu__item:focus { outline: none; opacity: 1; } .shortcode-team-slider .slider-title { display: block; word-break: unset; text-transform: lowercase; position: absolute; color: #55bce7; opacity: 0.1; font-size: 300px; font-weight: 600; line-height: 1; left: -260px; top: 50%; transform: translateY(-58%) rotate(-90deg); margin-top: 0; margin-bottom: 0; z-index: 4; } @media (max-width: 1600px) { .shortcode-team-slider .slider-title { display: none; } } .shortcode-team-slider .flexslider-controls { position: absolute; width: auto; right: 0; left: 10%; top: 50%; transform: translateY(-50%); z-index: 4; } @media (min-width: 1200px) { .shortcode-team-slider .flexslider-controls { left: 17%; } } .shortcode-team-slider .menu__item { font-size: 44px; line-height: 1; font-weight: 600; display: block; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .shortcode-team-slider .menu__item span { color: #55bce7; } .shortcode-team-slider .menu__item.flex-active, .shortcode-team-slider .menu__item.flex-active:hover, .shortcode-team-slider .menu__item.flex-active:focus { opacity: 1; } .shortcode-team-slider .team-social-icons { display: none; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .shortcode-team-slider .menu__item.flex-active .team-social-icons { display: block; } @media (min-width: 768px) { .shortcode-team-slider .team-social-icons { margin-bottom: 0; position: absolute; right: 80px; width: 60px; top: 50%; transform: translateY(-50%); } .shortcode-team-slider .team-social-icons a.social-icon { display: inline-block; width: 60px; height: 60px; margin-left: 0; margin-bottom: 10px !important; } .shortcode-team-slider .team-social-icons a.social-icon:last-child { margin-bottom: 0 !important; } } @media (max-width: 992px) { .shortcode-team-slider .flexslider-controls { padding: 40px 15px 60px; position: relative; width: 100%; right: 0; left: 0; top: auto; transform: none; } .shortcode-team-slider .menu__item { font-size: 1.5em; } } @media (max-width: 768px) { .shortcode-team-slider .team-social-icons { margin-top: 20px; margin-bottom: 20px; } } @media (min-width: 768px) and (max-width: 1441px) { .shortcode-team-slider .overlay { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background: rgba(255, 255, 255, 0.7); z-index: 2; } } /* **widgets */ aside .widget-title, .before-loop-area .widget-title { text-align: left; position: relative; display: block; font-weight: 700; } aside > div + div, .before-loop-area > div + div { margin-top: 10px; } aside > div + div > .widget-title, .before-loop-area > div + div > .widget-title, aside > div + div.widget_no_background .widget-title, .before-loop-area > div + div.widget_no_background .widget-title { margin-top: 15px; } aside .widget + .widget, .before-loop-area .widget + .widget { margin-top: 48px; } aside input[type="text"]:focus, .before-loop-area input[type="text"]:focus, aside input[type="email"]:focus, .before-loop-area input [type="email"]:focus, aside input[type="url"]:focus, .before-loop-area input[type="url"]:focus, aside input[type="password"]:focus, .before-loop-area input[type="password"]:focus, aside input[type="search"]:focus, .before-loop-area input[type="search"]:focus, aside input [type="tel"]:focus, .before-loop-area input[type="tel"]:focus, aside input[type="number"]:focus, .before-loop-area input [type="number"]:focus, aside textarea:focus, .before-loop-area textarea:focus, aside select:focus, .before-loop-area select:focus, aside .form-control:focus, .before-loop-area .form-control:focus { border-color: #e5e5e5; } .before-loop-area .widget { margin-top: 30px; margin-bottom: 40px; display: block; overflow: hidden; } .before-loop-area .widget .widget-title { margin-top: 40px; margin-bottom: 55px; } .before-loop-area .widget.widget-first { margin-top: 0; } .widget-theme-wrapper.with_background, .widget-theme-wrapper.muted_background, .widget-theme-wrapper.cs, .widget-theme-wrapper.ds, .widget- theme-wrapper.ls { padding: 35px; } /* affix-aside */ .affix-aside { position: relative; } .affix-aside.affix { position: fixed; top: 50px; } @media (max-width: 767px) { .affix-aside, .affix-aside.affix, .affix-aside.affix-bottom { position: static; width: inherit !important; } } .module-header { margin: 0 0 38px; text-transform: capitalize; font-size: 40px; } .page_footer .module-header { font-size: 28px; } .widget > h3, .widget-title { font-size: 20px; margin: 0 0 25px; position: relative; line-height: 1; } .widget:before, .widget:after { display: block; content: ''; clear: both; } .widget ul { list-style: none; padding: 0; margin: 0; } .widget ul ul li { padding-left: 20px; } .widget li { position: relative; } .widget .vertical-item h4 { font-size: 20px; margin: 17px 0 0; } .widget .vertical-item + .widget .vertical-item { margin-top: 16px; } .widget select { width: 100%; max-width: 100%; height: 50px; padding-left: 20px; padding-right: 40px; padding-top: 9px; padding-bottom: 9px; border: 1px solid #55bce7; background-color: #f2f2f2; font-style: normal; text-transform: uppercase; font-size: 12px; color: #7f7f7f; font-weight: 600; letter-spacing: -0.02em; } .page_footer .widget li, .page_footer .widget ul { border: none; } .page_footer .widget-title { font-size: 30px; text-transform: uppercase; letter-spacing: -0.02em; font-weight: 600; margin-top: 35px; margin-bottom: 55px; position: relative; display: block; } .page_footer .widget_banner { margin-bottom: 18px; } .page_footer .widget_text { margin-bottom: 26px; } .page_footer .widget_human_consult_twitter ul.tweet_list { padding-top: 5px; overflow: hidden; } .page_footer .widget_recent_entries ul li:first-of-type { padding: 0 0 11px 0; } .page_footer .widget_recent_entries ul li:before { display: none; } .page_footer .widget_recent_entries ul li .post-date { display: block; } /* Widget Instagram */ #sb_instagram { padding-bottom: 0 !important; } #sb_instagram #sbi_images { margin: -10px; width: calc(100% + 20px); } @media screen and (max-width: 767px) { aside { margin-top: 60px !important; } } /* widget_search, widget_mailchimp */ .widget_mailchimp { overflow: hidden; } .widget_mailchimp p { padding-top: 10px; } .widget_search .form-inline, .widget_product_search form, .widget_mailchimp .form-inline { position: relative; } .widget_search .form-inline .form-control, .widget_product_search form .form-control, .widget_mailchimp .form-inline .form-control { width: 100%; margin: 0; } .widget_search .form-inline label, .widget_product_search form label, .widget_mailchimp .form-inline label { display: block; } .widget_search .form-inline label[for], .widget_product_search form label[for], .widget_mailchimp .form-inline label[for] { display: none; } .page_topline .widget_search .form-inline, .page_topline .widget_product_search form, .page_topline .widget_mailchimp .form-inline { display: inline-block; } .page_topline .widget_search .form-inline label, .page_topline .widget_product_search form label, .page_topline .widget_mailchimp .form- inline label { margin: 0; } .widget_search .form-inline .form-group, .widget_mailchimp .form-inline .form-group { display: block; vertical-align: top; position: relative; } .page_topline .form-control { height: 30px; padding-top: 0; padding-bottom: 0; padding-right: 20px; background-color: transparent; } .page_topline .form-control:focus { border-color: transparent; } .cs.page_topline .form-control { color: #fff; } .cs.page_topline .form-control:-moz-placeholder { color: #fff; } .cs.page_topline .form-control::-moz-placeholder { color: #fff; } .cs.page_topline .form-control:-ms-input-placeholder { color: #fff; } .cs.page_topline .form-control::-webkit-input-placeholder { color: #fff; } .cs.page_topline .form-control:focus:-moz-placeholder { color: transparent; } .cs.page_topline .form-control:focus::-moz-placeholder { color: transparent; } .cs.page_topline .form-control:focus:-ms-input-placeholder { color: transparent; } .cs.page_topline .form-control:focus::-webkit-input-placeholder { color: transparent; } .widget_search .form-inline [type="text"], .widget_product_search [type="search"], .widget_mailchimp .form-inline [type="email"] { padding-right: 50px; display: block; width: 100%; } @media (min-width: 768px) { .widget_search .form-group.inline-block, .widget_mailchimp .form-group.inline-block { min-width: 370px; margin-right: 5px; } } .page_topline .widget_search .form-group .form-control { height: 40px; padding-top: 0; padding-bottom: 0; background-color: transparent; box-shadow: none; min-width: 230px; border: none; color: #7f7f7f; } .page_topline .widget_search .form-group .form-control:-moz-placeholder { color: #7f7f7f; } .page_topline .widget_search .form-group .form-control::-moz-placeholder { color: #7f7f7f; } .page_topline .widget_search .form-group .form-control:-ms-input-placeholder { color: #7f7f7f; } .page_topline .widget_search .form-group .form-control::-webkit-input-placeholder { color: #7f7f7f; } .page_topline .widget_search .form-group .form-control:focus:-moz-placeholder { color: transparent; } .page_topline .widget_search .form-group .form-control:focus::-moz-placeholder { color: transparent; } .page_topline .widget_search .form-group .form-control:focus:-ms-input-placeholder { color: transparent; } .page_topline .widget_search .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; } .widget_search .form-inline .theme_button, .widget_product_search [type="submit"], .widget_mailchimp .form-inline .theme_button { font-size: 0; padding: 10px; margin: 0; position: absolute; right: 0; top: 0; height: 50px; width: 50px; border: none; box-shadow: none; background-color: transparent; color: #55bce7; font-weight: 300; } .widget_search .form-inline .theme_button:hover, .widget_product_search [type="submit"]:hover, .widget_mailchimp .form-inline .theme_button:hover, .widget_search .form-inline .theme_button:focus, .widget_product_search [type="submit"]:focus, .widget_mailchimp .form-inline .theme_button:focus, .widget_search .form-inline .theme_button:active, .widget_product_search [type="submit"]:active, .widget_mailchimp .form-inline .theme_button:active { color: #1f232b; } .widget_search .form-inline .theme_button:before, .widget_product_search [type="submit"]:before, .widget_mailchimp .form-inline .theme_button:before { font-size: 16px; content: "\f002"; font-family: FontAwesome; } .page_topline .widget_search .form-inline .theme_button, .page_topline .widget_product_search [type="submit"], .page_topline .widget_mailchimp .form-inline .theme_button { height: 40px; width: 40px; padding: 0; top: 0; background: transparent; color: rgba(128, 128, 128, 0.5); } .page_topline .widget_search .form-inline .theme_button:hover, .page_topline .widget_product_search [type="submit"]:hover, .page_topline .widget_mailchimp .form-inline .theme_button:hover, .page_topline .widget_search .form-inline .theme_button:focus, .page_topline .widget_product_search [type="submit"]:focus, .page_topline .widget_mailchimp .form-inline .theme_button:focus, .page_topline .widget_search .form-inline .theme_button:active, .page_topline .widget_product_search [type="submit"]:active, .page_topline .widget_mailchimp .form-inline .theme_button:active { color: #55bce7; } .page_topline .widget_search .form-inline .theme_button:before, .page_topline .widget_product_search [type="submit"]:before, .page_topline .widget_mailchimp .form-inline .theme_button:before { font-size: 14px; } .widget_mailchimp .form-inline .theme_button:before { content: "\e65c"; } /*wordpress - widget_mc4wp_form_widget*/ .widget_mc4wp_form_widget label { display: none; } .widget_mc4wp_form_widget .mc4wp-form-inner { position: relative; } .widget_mc4wp_form_widget .mc4wp-form-fields { position: relative; } .widget_mc4wp_form_widget [type*="email"] { width: 100%; padding-right: 40px; border-width: 0; border-style: solid; } .widget_mc4wp_form_widget [type*="submit"] { position: absolute; right: 0; bottom: 0; height: 50px; width: 50px; font-size: 0; padding: 0; margin-bottom: 0; border: none; box-shadow: none; background-color: transparent; color: #55bce7; font-weight: 300; } .widget_mc4wp_form_widget [type*="submit"]:hover, .widget_mc4wp_form_widget [type*="submit"]:focus, .widget_mc4wp_form_widget [type*="submit"]:active { color: #1f232b; border: none; } .widget_mc4wp_form_widget [type*="submit"]:before { font-size: 16px; content: "\f040"; font-family: FontAwesome; } .shortcode-widget-area .widget_mc4wp_form_widget .mc4wp-form-inner { margin-bottom: 0; } /* Footer and asside widget correction */ .text_for_aside, .text_for_footer, .button_for_footer { display: none; } aside .text_for_aside { display: block; } .page_footer .widget_mc4wp_form_widget .mc4wp-form { margin-top: -7px; } .page_footer .widget_mc4wp_form_widget .mc4wp-form .mc4wp-form-inner { margin-bottom: 30px; } .page_footer .widget_mc4wp_form_widget .mc4wp-form .mc4wp-form-inner .form-control { text-align: center; } .page_footer .widget_mc4wp_form_widget [type*="submit"] { display: none; } .page_footer .widget_mc4wp_form_widget .text_for_footer { display: block; } .page_footer .widget_mc4wp_form_widget .button_for_footer { display: block; text-align: center; } .page_footer .widget_mc4wp_form_widget .button_for_footer input[type*="submit"] { display: inline-block; position: relative; font-size: 12px; padding: 18px 30px 18px; border: 1px solid #0f0f0f; color: #0f0f0f; background-color: transparent; right: auto; bottom: auto; width: 100%; max-width: 170px; } .page_footer .widget_mc4wp_form_widget .button_for_footer input[type*="submit"]:hover { border: 1px solid #0083b0; color: #fff; background-color: #0083b0; } .page_footer.ds .widget_mc4wp_form_widget .button_for_footer input[type*="submit"] { border: 1px solid #fff; color: #fff; } .page_footer.ds .widget_mc4wp_form_widget .button_for_footer input[type*="submit"]:hover { border: 1px solid #0083b0; color: #fff; background-color: #0083b0; } /* widget_recent_entries widget_recent_comments widget_archive widget_categories widget_meta widget_nav_menu widget_pages */ .widget_archive ul, .widget_categories ul, .widget_nav_menu ul, .widget_meta ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul { padding: 0; margin: 0; list-style: none; width: 100%; } .widget_archive ul ul li, .widget_categories ul ul li, .widget_nav_menu ul ul li, .widget_meta ul ul li, .widget_pages ul ul li, .widget_recent_comments ul ul li, .widget_recent_entries ul ul li { padding-left: 20px; } .widget_archive ul ul li:last-child, .widget_categories ul ul li:last-child, .widget_nav_menu ul ul li:last-child, .widget_meta ul ul li:last-child, .widget_pages ul ul li:last-child, .widget_recent_comments ul ul li:last-child, .widget_recent_entries ul ul li:last-child { padding-bottom: 0; border-bottom: none; } .widget_archive ul li:last-child, .widget_categories ul li:last-child, .widget_nav_menu ul li:last-child, .widget_meta ul li:last-child, .widget_pages ul li:last-child, .widget_recent_comments ul li:last-child, .widget_recent_entries ul li:last-child { padding-bottom: 0; border-bottom: none; } .widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_meta li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .widget_archive li + li, .widget_categories li + li, .widget_nav_menu li + li, .widget_meta li + li, .widget_pages li + li, .widget_recent_comments li + li, .widget_recent_entries li + li { border-top: none; } .widget_archive a:empty, .widget_categories a:empty, .widget_nav_menu a:empty, .widget_meta a:empty, .widget_pages a:empty, .widget_recent_comments a:empty, .widget_recent_entries a:empty, .widget_archive li > a:not([href]), .widget_categories li > a:not([href]), .widget_nav_menu li > a:not([href]), .widget_meta li > a:not([href]), .widget_pages li > a:not([href]), .widget_recent_comments li > a:not ([href]), .widget_recent_entries li > a:not([href]) { padding: 27px 15px !important; } .widget_archive li, .widget_categories li, .widget_nav_menu li, .widget_meta li, .widget_pages li { display: flex; flex-wrap: wrap; align-items: center; text-align: left; } .widget_archive li a, .widget_categories li a, .widget_nav_menu li a, .widget_meta li a, .widget_pages li a { flex-grow: 10; display: inline-block; padding-top: 12px; padding-bottom: 12px; } .widget_recent_comments li { padding: 15px 0; } .widget_recent_comments li:first-child { padding-top: 0; } .widget_recent_comments li:before { font-family: FontAwesome; content: "\f27b"; font-size: 16px; line-height: 1; position: relative; top: 0; padding-right: 10px; color: #55bce7; } .widget_recent_entries li { padding: 15px 0 15px 36px; } .widget_recent_entries p { margin-bottom: 0; } .widget_recent_entries li:first-child { padding-top: 0; } .widget_recent_entries li:before { font-family: 'rt-icons-2'; content: "\e65c"; font-size: 16px; line-height: 1; position: absolute; top: 18px; left: 0; padding-right: 10px; color: #55bce7; } .widget_recent_entries li:first-child:before { top: 7px; } .widget_recent_entries > ul > li:first-child, .widget_recent_comments > ul > li:first-child, .widget_archive > ul > li:first-child, .widget_categories > ul > li:first-child, .widget_meta > ul > li:first-child, .widget_popular_entries > ul > li:first-child, .widget_nav_menu > ul > li:first-child, .widget_pages > ul > li:first-child { border-top: none; margin-top: 0; } .widget_popular_entries > ul > li:first-child { margin-top: 0; } .widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a { display: inline-block; padding: 3px 0 3px 25px; position: relative; color: #808080; } .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu a:before, .widget_pages a:before { font-family: FontAwesome; content: "\f054"; font-size: 14px; color: #55bce7; position: absolute; left: 0; top: 11px; } .widget_nav_menu a i { padding-right: 7px; } .widget_archive ul li > span, .widget_categories ul li > span { display: inline-block; width: 26px; height: 26px; line-height: 26px; border-radius: 5px; float: right; color: #fff; background-color: #0083b0; text-align: center; } .page_footer { /* see: 'Navigation Menu' widget in sidebar 'Footer Column 1' */ } .page_footer .widget_recent_entries ul, .page_footer .widget_recent_comments ul, .page_footer .widget_archive ul, .page_footer .widget_categories ul, .page_footer .widget_meta ul, .page_footer .widget_popular_entries ul, .page_footer .widget_pages ul { margin-top: -10px; } .page_footer .widget_recent_entries li, .page_footer .widget_recent_comments li, .page_footer .widget_archive li, .page_footer .widget_categories li, .page_footer .widget_meta li, .page_footer .widget_popular_entries li, .page_footer .widget_pages li { padding: 10px 0 10px 0; text-align: left; } .page_footer .widget_nav_menu { margin-bottom: 25px; } .page_footer .widget_nav_menu.footer-menu ul { margin-top: -20px; } .page_footer .widget_nav_menu.footer-menu ul li { width: 50%; float: left; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .page_footer .widget_nav_menu.footer-menu ul li:nth-child(odd) { text-align: right; } .page_footer .widget_nav_menu.footer-menu ul li:nth-child(even) { text-align: left; } .page_footer .widget_nav_menu.footer-menu ul li a { padding: 12px 15px; } .page_footer .widget_nav_menu.footer-menu ul li a:before { display: none; } .page_footer.ds .widget_nav_menu ul li a { color: white; } .page_footer.ds .widget_nav_menu ul li a:hover { color: #fff; } /*widget_tag_cloud*/ .widget_tag_cloud a { border: 1px solid #0f0f0f; color: #0f0f0f; padding: 3px 15px 1px; margin: 0 4px 10px 0; font-size: 12px !important; text-transform: uppercase; text-align: center; font-weight: 700; letter-spacing: 0.4em; display: inline-block; } .widget_tag_cloud a:hover { background-color: #55bce7; border-color: #55bce7; color: #fff; } .ds .widget_tag_cloud a { border: 1px solid #fff; color: #fff; } /*widget_calendar*/ #calendar_wrap { width: 100%; margin-bottom: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } @media (min-width: 768px) and (max-width: 992px) { #calendar_wrap { overflow-x: auto; overflow-y: hidden; } } #today { color: #55bce7; } .widget_calendar table { width: 100%; margin: 0; position: relative; text-align: center; background-color: #f2f2f2; } .widget_calendar caption { line-height: 1; font-size: 24px; padding: 18px 0 18px; text-align: center; color: #fff; background-color: #55bce7; } .widget_calendar thead { background-color: #1f232b; border: 1px solid #1f232b; border-width: 7px 1px 7px 1px; color: #fff; } .widget_calendar thead th { font-weight: 300; } .widget_calendar thead th:first-child { padding-left: 30px; } .widget_calendar thead th:last-child { padding-right: 30px; } .widget_calendar tbody { font-weight: 300; } .widget_calendar tbody tr:first-child td { padding-top: 29px; } .widget_calendar tbody tr:last-child td { padding-bottom: 30px; } .widget_calendar tbody td { border: none; padding: 3px 4px; position: relative; } .widget_calendar tbody td:first-child { padding-left: 30px; } .widget_calendar tbody td:last-child { padding-right: 30px; } .widget_calendar tbody td a { font-weight: 700; color: #55bce7; } .widget_calendar tbody td a:hover { color: #55bce7; } .widget_calendar th { text-align: center; border: 0; color: inherit; } .widget_calendar td { border: 0; } .widget_calendar tfoot { position: absolute; top: -3px; right: 0; left: 0; } .widget_calendar tfoot td { position: absolute; top: 0; } .widget_calendar tfoot td a { color: #fff; text-align: center; font-size: 0; width: 60px; height: 60px; line-height: 60px; display: inline-block; } .widget_calendar tfoot td a:hover { color: #fff; background-color: #55bce7; border-color: #55bce7; } .widget_calendar tfoot #prev { left: 0; padding: 0; } .widget_calendar tfoot #prev a { border-right: 1px solid rgba(255, 255, 255, 0.2); } .widget_calendar tfoot #prev a:before { font-size: 14px; font-family: 'rt-icons-2'; content: '\e7c4'; } .widget_calendar tfoot #next { right: 0; padding: 0; } .widget_calendar tfoot #next a { border-left: 1px solid rgba(255, 255, 255, 0.2); } .widget_calendar tfoot #next a:after { font-size: 14px; font-family: 'rt-icons-2'; content: '\e7c5'; } /*widget_banner*/ .widget_banner { overflow: hidden; line-height: 1; } .widget_banner .item-content { padding: 20px; } .widget_banner .item-content h3 { margin: 0; padding: 8px 0; font-size: 28px; } .widget_banner .item-content span { display: inline-block; text-transform: uppercase; padding: 4px 10px 1px; min-width: 120px; } .widget_banner .small-text { margin-bottom: 0; } /* widget socials */ .widget_socials a.social-icon { margin-left: 7px !important; } .widget_socials a.social-icon:first-of-type { margin-left: 0 !important; } .widget_socials a.social-icon:before { top: 1px; position: relative; } .page_footer.ds .widget_socials a[class*="soc-"]:hover { border-color: #fff; color: #fff; background-color: transparent; } /* widget icons list */ .widget_icons_list .media-body, .widget_icons_list .media-left { display: table-cell; vertical-align: top; } .widget_icons_list .media-left { padding-right: 10px; } .widget_icons_list .media-left i { display: inline-block; width: 16px; text-align: center; color: #55bce7; } .widget_icons_list .media.inline-block { width: 100%; margin-top: 0; } .widget_icons_list .media.inline-block .media-body, .widget_icons_list .media.inline-block .media-left { display: inline-block; } .widget_icons_list .media.inline-block .media-body i, .widget_icons_list .media.inline-block .media-left i { line-height: 16px; } .widget_icons_list .media.inline-block .media-body { width: auto; } @media (max-width: 991px) { .page_footer .widget_icons_list .small-teaser { display: block; width: 100%; margin-bottom: 15px; } } /*widget_slider*/ .widget_slider .owl-carousel { margin-bottom: 0; } .widget_slider .owl-carousel:hover .owl-nav { top: -43px; } .widget_slider .owl-carousel .owl-nav { opacity: 1; top: -43px; } .widget_slider .owl-carousel .owl-nav > div { width: auto; height: auto; right: 0; background-color: transparent; } .widget_slider .owl-carousel .owl-nav > div:first-child { left: auto; right: 22px; } .widget_slider .owl-carousel .owl-nav > div:after { font-size: 12px; color: inherit; color: #0f0f0f; } /*widget_flickr*/ .widget_flickr li { display: inline-block; margin: 0 10px 10px 0; } .widget_flickr img { max-width: 70px; border-radius: 1px; } /*widget_twitter*/ .widget_human_consult_twitter .tweet_avatar { display: none; } .widget_human_consult_twitter .tweet_text { font-size: 16px; font-style: italic; color: #808080; } .widget_human_consult_twitter .tweet_text a { display: none; } .widget_human_consult_twitter .tweet_time { display: block; font-size: 14px; color: #fff; } .widget_human_consult_twitter .tweet_right { overflow: hidden; position: relative; zoom: 1; padding-left: 25px; } .widget_human_consult_twitter .tweet_right:before { font-family: FontAwesome; content: "\f099"; font-size: 18px; color: #55bce7; position: absolute; top: 0; left: 0; } .widget_human_consult_twitter .tweet_list li + li { margin-top: 10px; clear: both; } /* posts widget */ .widget-posts .item-media { max-height: 240px; overflow: hidden; display: block; } .widget-posts .item-content .categories-links a { margin-right: 0; } .widget-posts .item-content .item-title { display: block; height: 42px; font-weight: 700; overflow: hidden; margin-top: 0; margin-bottom: 5px; font-size: 20px; text-transform: uppercase; } .widget-posts .item-content p { padding-top: 0; margin-bottom: 0; height: 120px; overflow: hidden; } /*widget_popular_entries*/ .widget_popular_entries h4 { font-size: 20px; text-transform: uppercase; margin-bottom: 0; font-weight: 700; line-height: 1; } .widget_popular_entries .media-left, .widget_popular_entries .media-right { vertical-align: middle; } .widget_popular_entries .media-body { overflow: visible; display: table-cell; vertical-align: middle; } .widget_popular_entries .media-body .title { line-height: 20px; text-transform: none; font-weight: 600; margin: 0; } .ds .widget_popular_entries .media-body .title a { color: #fff; } .ds .widget_popular_entries .media-body .title a:hover { color: #55bce7; } .widget_popular_entries .media-body p { line-height: 20px; margin: 0 0 5px; height: 60px; overflow: hidden; } .widget_popular_entries .media-body .item-meta { margin-bottom: 0; } .widget_popular_entries .media-body .item-meta .widget-post-date { font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: -0.02em; } .widget_popular_entries .media-body .item-meta .widget-post-date:before { font-size: 14px; font-weight: 400; margin-right: 10px; content: "\f073"; color: #55bce7; font-family: FontAwesome; } .widget_popular_entries .media-left { padding-right: 20px; } .widget_popular_entries a img, .widget_popular_entries .media-object { max-width: 70px; border: 0; border-radius: 0; } @media (min-width: 768px) and (max-width: 1199px) { .widget_popular_entries .media-object { max-width: 40px; } } .widget_popular_entries li { margin-top: 0; padding: 0 0 20px 0; } .widget_popular_entries li:last-child { padding-bottom: 0; } aside .widget_popular_entries .widget-title { margin-bottom: 40px; } /* widget schedule */ .widget_schedule ul { margin: 0; } /* widget_theme_post_tabs */ .widget_theme_post_tabs .nav-tabs > li > a { padding: 10px 15px; } .widget_theme_post_tabs .item-likes-word { display: none; } .widget_theme_post_tabs [class*='rt-icon'] { line-height: 0; } .widget_theme_post_tabs .vertical-item { margin-bottom: 15px; } .widget_theme_post_tabs .pull-right { margin-left: 10px; } .widget_rss li { margin-bottom: 15px; } .widget_rss li .rsswidget { font-size: 1.1em; } .widget_rss .rss-date { display: block; font-weight: 700; } .widget_rss cite { display: block; text-align: right; font-weight: 700; } /* **shortcodes */ /* media component with icon */ .small-teaser { line-height: 22px; } .small-teaser i { line-height: inherit; } /*teasers*/ .teaser { position: relative; overflow: visible; } .teaser[class*="bg_color"], .teaser[class*="with_"] { padding: 30px 20px; } @media (min-width: 399px) { .teaser[class*="bg_color"], .teaser[class*="with_"] { padding: 30px 30px 45px; } } @media (min-width: 1200px) { .teaser[class*="bg_color"], .teaser[class*="with_"] { padding: 30px 55px 50px; } } .teaser [class*="bg_color"] { width: 2.86em; height: 2.86em; text-align: center; vertical-align: bottom; } .teaser [class*="bg_color"] + h4 { margin-top: 37px; } .teaser [class*="bg_color"] i { line-height: 2.86em; } .teaser .media-top { line-height: 1; } .teaser .border_icon { width: 2em; height: 2em; border-width: 2px; border-style: solid; } .teaser .border_icon i { line-height: 2em; display: block; margin: -3px 0 0 0; } .teaser .border_icon.big { width: 4.29em; height: 4.29em; } .teaser .border_icon.big i { line-height: 4.29em; } .teaser i { text-align: center; vertical-align: middle; display: inline-block; } .teaser h2 { font-size: 40px; font-weight: 600; margin-bottom: 33px; letter-spacing: -0.02em; text-transform: none; position: relative; padding-bottom: 10px; } .teaser h2:after { content: ''; position: absolute; width: 50px; margin-left: -25px; height: 1px; background-color: rgba(204, 204, 204, 0.2); bottom: -12px; left: 50%; } .teaser h3 { font-size: 30px; font-weight: 600; display: block; letter-spacing: -0.02em; text-transform: none; } .teaser h3 strong { width: 100%; display: block; } .teaser h4 { font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: -0.02em; text-transform: none; } .teaser p { margin-bottom: 0; } .teaser .media-left { padding-right: 20px; } .teaser .media-right { padding-left: 20px; } .teaser .media-body h3 { margin-bottom: 20px; font-size: 28px; } .teaser .media-body h4 { margin-top: 0; margin-bottom: 0.6em; } @media (max-width: 500px) { .teaser h2, .teaser h3, .teaser h4 { font-size: 1.4em; } .teaser h2 span, .teaser h3 span, .teaser h4 span { font-size: 1.2em; } } .teaser [class*="count"] { font-size: 40px; font-weight: 700; margin: 17px 0 6px; } .teaser [class*="count"] + p { margin: 0; } .teaser .theme_button { margin: 22px 0 0; } .section_padding_bottom_0 .teaser { margin-bottom: 0; } .teaser.color_1 h4 a:hover { color: #55bce7; } .teaser.color_2 h4 a:hover { color: #0083b0; } .teaser.color_3 h4 a:hover { color: #e34f61; } .teaser.color_4 h4 a:hover { color: #712357; } .teaser.color_dark h4 a:hover { color: #0f0f0f; } .teaser.color_light h4 a:hover { color: #fff; } .teaser .default_icon.color_1 { color: #55bce7; } .teaser .default_icon.color_2 { color: #0083b0; } .teaser .default_icon.color_3 { color: #e34f61; } .teaser .default_icon.color_4 { color: #712357; } .teaser .default_icon.color_dark { color: #0f0f0f; } .teaser .default_icon.color_light { color: #fff; } .teaser .border_icon.color_1 { color: #55bce7; border-color: #55bce7; } .teaser .border_icon.color_2 { color: #0083b0; border-color: #0083b0; } .teaser .border_icon.color_3 { color: #e34f61; border-color: #e34f61; } .teaser .border_icon.color_4 { color: #712357; border-color: #712357; } .teaser .border_icon.color_dark { color: #0f0f0f; border-color: #0f0f0f; } .teaser .border_icon.color_light { color: #fff; border-color: #fff; } .teaser .bg_color.color_1 { color: #fff; background-color: #55bce7; } .teaser .bg_color.color_2 { color: #fff; background-color: #0083b0; } .teaser .bg_color.color_1.teaser_gradient { color: #fff; background: #55bce7; /* Old browsers */ background: -moz-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); background: -ms-linear-gradient(top, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); background: linear-gradient(to bottom, rgba(85, 188, 231, 1) 0%, rgb(0, 131, 176) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=0); /* IE6-9 */ } .teaser .bg_color.color_2.teaser_gradient { color: #fff; background: #0083b0; /* Old browsers */ background: -moz-linear-gradient(top, rgb(0, 131, 176) 0%, rgba(85, 188, 231, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgb(0, 131, 176) 0%, rgba(85, 188, 231, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, rgb(0, 131, 176) 0%, rgba(85, 188, 231, 1) 100%); background: -ms-linear-gradient(top, rgb(0, 131, 176) 0%, rgba(85, 188, 231, 1) 100%); background: linear-gradient(to bottom, rgb(0, 131, 176) 0%, rgba(85, 188, 231, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$mainColor2', endColorstr='$mainColor',GradientType=0); /* IE6-9 */ } .teaser .bg_color.color_3 { color: #fff; background-color: #e34f61; } .teaser .bg_color.color_4 { color: #fff; background-color: #712357; } .teaser .bg_color.color_dark { color: #fff; background-color: #0f0f0f; } .teaser .bg_color.color_light { color: #0f0f0f; background-color: #fff; } .teaser.icon_top.with_shadow .bg_color, .teaser.icon_top.with_background .bg_color, .teaser.icon_top.with_border .bg_color { display: block; margin-right: auto; margin-left: auto; } .teaser.icon_top.with_shadow .bg_color.size_small, .teaser.icon_top.with_background .bg_color.size_small, .teaser.icon_top.with_border .bg_color.size_small { margin-top: -52px; font-size: 14px; width: 40px; height: 40px; } .teaser.icon_top.with_shadow .bg_color.size_small i, .teaser.icon_top.with_background .bg_color.size_small i, .teaser.icon_top.with_border .bg_color.size_small i { line-height: 40px; } .teaser.icon_top.with_shadow .bg_color.size_normal, .teaser.icon_top.with_background .bg_color.size_normal, .teaser.icon_top.with_border .bg_color.size_normal { margin-top: -62px; font-size: 28px; width: 60px; height: 60px; } .teaser.icon_top.with_shadow .bg_color.size_normal i, .teaser.icon_top.with_background .bg_color.size_normal i, .teaser.icon_top.with_border .bg_color.size_normal i { line-height: 60px; } .teaser.icon_top.with_shadow .bg_color.size_big, .teaser.icon_top.with_background .bg_color.size_big, .teaser.icon_top.with_border .bg_color.size_big { margin-top: -72px; font-size: 28px; width: 80px; height: 80px; } .teaser.icon_top.with_shadow .bg_color.size_big i, .teaser.icon_top.with_background .bg_color.size_big i, .teaser.icon_top.with_border .bg_color.size_big i { line-height: 80px; } .teaser.icon_top h4 { margin-top: 1.7em; margin-bottom: 1.5em; } .teaser_icon { display: inline-block; line-height: 1; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .teaser_icon + p { margin-top: 27px; } .teaser:hover .teaser_icon { -webkit-animation: scaleDisappear 0.5s; -moz-animation: scaleDisappear 0.5s; -ms-animation: scaleDisappear 0.5s; -o-animation: scaleDisappear 0.5s; animation: scaleDisappear 0.5s; } @media (min-width: 1200px) { .borders-angle { position: relative; } .borders-angle:before, .borders-angle:after { content: ''; position: absolute; width: 1px; top: -30px; bottom: 28px; left: -1px; background-color: rgba(15, 15, 15, 0.1); -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } .borders-angle:after { left: auto; right: -5px; } } .size_big { font-size: 42px; line-height: 34px; } .size_normal { font-size: 28px; } .size_small { font-size: 14px; } /*horizontal teaser*/ .teaser.table_section { margin-top: 26px; } .teaser.table_section + .teaser.table_section { margin-top: 70px; } @media (min-width: 768px) { .teaser.table_section [class*="col-"] > * { margin: 0; top: 0; } } @media (max-width: 767px) { .teaser.table_section [class*="col-"] * { text-align: center; } } /* background teaser */ .bg_teaser { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: 50% 0; position: relative; color: #fff; overflow: hidden; } .bg_teaser .bg_overlay { position: absolute; width: 100%; height: 1000px; } .bg_teaser .highlight { color: #fff; } .bg_teaser h4 + h3 { margin-top: -14px; font-size: 50px; } .bg_teaser.rectangular .teaser_content { padding: 200px 30px 50px; } .bg_teaser.rectangular .teaser_content h3 { font-size: 40px; } .bg_teaser > img { display: none; visibility: hidden; } .bg_teaser .teaser_content { margin: 0; padding: 40px 40px 35px; z-index: 2; } .bg_teaser .teaser_content > .media-left { padding-right: 35px; } .bg_teaser .teaser_content.media { padding: 75px 40px 60px; } .color_bg_1 .bg_overlay { background-color: rgba(85, 188, 231, 0.85); } .color_bg_2 .bg_overlay { background-color: rgba(115, 111, 179, 0.9); } .color_bg_3 .bg_overlay { background-color: rgba(115, 111, 179, 0.9); } .darkgrey_bg .bg_overlay { background-color: rgba(31, 35, 43, 0.8); } .square_teaser .item-media:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(31, 35, 43, 0.8); } .square_teaser .item-content { top: 0; margin: 30px 0 80px; overflow: hidden; } .square_teaser .teaser_icon { color: #55bce7; position: absolute; bottom: 30px; left: 30px; } .square_teaser .item-media:after, .square_teaser .teaser_icon, .square_teaser h4, .square_teaser p { -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .square_teaser h4 { color: #fff; font-size: 28px; font-weight: 700; } .square_teaser p { color: #fff; opacity: 0; } .square_teaser:hover h4, .square_teaser:hover .teaser_icon { color: #1f232b; } .square_teaser:hover p { opacity: 1; } .square_teaser:hover .item-media:after { background-color: #55bce7; } .square_teaser.no-image .item-content { margin: 0; } .square_teaser.no-image .teaser_icon { position: static; } .square_teaser.no-image p { opacity: 1; } .inline-teasers-wrap { display: inline-block; margin-left: -15px; margin-right: -15px; } .inline-teasers-wrap > * { vertical-align: middle; margin: 10px 15px; } @media (min-width: 1200px) { .inline-teasers-wrap { margin-left: -25px; margin-right: -25px; } .inline-teasers-wrap > * { margin: 10px 25px; } } /* Teasers Carousel */ .teaser-carousel.owl-carousel .owl-stage-outer { overflow: visible; } .teaser-carousel .teaser.text-center .teaser_image { max-width: 180px; margin-right: auto; margin-left: auto; overflow: visible; } .teaser-carousel .teaser.text-center .teaser_image img { width: 270px; max-width: 270px; } /* portfolio-carousel-shortcode */ .portfolio-carousel-shortcode { margin-bottom: 0 !important; } .portfolio-carousel-shortcode .item-layout-item-title .item-title { overflow: hidden; margin-bottom: 0; padding: 38px 5px 40px; } .portfolio-carousel-shortcode .item-layout-item-title .item-title h3 { font-size: 20px; overflow: hidden; text-transform: uppercase; margin: 5px 0; height: 20px; } .portfolio-shortcode-filters { margin: 50px 0 40px; } @media (min-width: 1200px) { .portfolio-shortcode-filters { margin: 64px 0 60px; } } .testimonials blockquote { margin-top: 20px; margin-bottom: 20px; max-width: 755px; } .testimonials blockquote .avatar { margin-top: 0; margin-bottom: 35px; } .testimonials blockquote .author-name { margin-top: 0; } .testimonials blockquote .author-name span { width: 100%; display: block; font-weight: 600; font-size: 40px; letter-spacing: -0.02em; } .testimonials blockquote .blockqoute-meta:after { content: "“"; display: block; margin-top: 45px; font-family: "Vidaloka", sans-serif; font-style: normal; color: #55bce7; font-size: 100px; } .cs .testimonials .blockqoute-content { color: #fff; } .testimonials.owl-theme .owl-dots { margin-top: 8px; } /*thumbnail*/ .thumbnail { position: relative; text-align: center; border-radius: 0; padding: 0; border: none; overflow: hidden; background-color: #fff; } .isotope-item .thumbnail { margin-bottom: 30px; } .thumbnail h3 { font-size: 14px; margin-bottom: 2px; } .thumbnail h3 a { color: inherit; } .thumbnail h3 + p { color: #55bce7; margin-bottom: 10px; font-size:11px; font-weight:bold; } .thumbnail .caption { color: #808080; background-color: #fff; padding: 16px 20px 26px; } /*price tables*/ .fw-pricing .default-col, .fw-pricing .highlight-col { margin-bottom: 50px; } .fw-pricing .fw-default-row { line-height: 29px; } .price-table, .price-table ul { margin: 0; padding: 0; list-style: none; text-align: center; } .price-table { margin: 0; } /* price table with background */ .price-table { background-color: #f2f2f2; /* Default column */ /* Highlight column */ } .price-table .plan-name h3 { color: #fff; } .price-table.color_bg_1 .fw-heading-row, .price-table.color_bg_1 .fw-pricing-row { background-color: #55bce7; } .price-table.color_bg_2 .fw-heading-row, .price-table.color_bg_2 .fw-pricing-row { background-color: #0083b0; } .price-table .features-list li + li { border-top: 1px solid rgba(255, 255, 255, 0.2); } .plan-name { padding: 50px 0 17px; margin-bottom: -1px; display: block; } .plan-name h3 { text-transform: uppercase; font-size: 20px; font-weight: 300; letter-spacing: 1em; text-align: center; text-indent: 1em; margin: 0; } .plan-price { padding: 10px 0 35px; position: relative; color: #0f0f0f; margin-bottom: 50px; /* dollar sign */ /* price */ /* per month */ } .plan-price span:first-child:before { content: "$"; position: absolute; top: 50%; left: 50%; font-size: 200px; font-weight: 700; margin-top: -31px; color: rgba(255, 255, 255, 0.1); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; } .plan-price span + span { font-size: 60px; font-weight: 700; } .plan-price p { display: block; width: 100%; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5em; font-weight: 700; text-align: center; line-height: 1; text-indent: 0.5em; } .features-list { margin-top: 20px; } .features-list li { margin: 10px 40px; padding-top: 10px; } .features-list .enabled:before, .features-list .disabled:before { font-family: 'rt-icons-2'; font-size: 24px; line-height: 1; position: relative; top: 5px; right: 4px; content: "\e116"; padding-right: 8px; color: #1f232b; } .features-list .disabled:before { content: "\e117"; } .call-to-action { padding: 20px 40px 0; } .call-to-action .theme_button { position: relative; top: 33px; padding: 23px 25px 21px; } .price-table.style1 { border: 1px solid rgba(0, 0, 0, 0.1); } .price-table.style1 .features-list li + li { border-top: 1px solid rgba(0, 0, 0, 0.1); } .price-table.style1 .plan-price { background-color: #55bce7; color: #fff; margin: 1px -1px; } .price-table.style2 { background-color: #f2f2f2; } .price-table.style2 .plan-name { background-color: #55bce7; padding: 30px 0; } .price-table.style2 .plan-name h3 { color: #fff; } .price-table.style2 .plan-price { padding-bottom: 0; color: #1f232b; } .price-table.style2 .enabled:before, .price-table.style2 .disabled:before { font-family: 'rt-icons-2'; content: "\e621"; padding-right: 13px; color: #55bce7; } .price-table.style2 .disabled:before { color: #1f232b; content: "\e622"; } .fw-package.price-table hr { margin-left: 30px; margin-right: 30px; margin-top: 15px; margin-bottom: 15px; background-color: rgba(0, 0, 0, 0.1); } .fw-package.price-table hr:last-of-type { display: none; } @media (min-width: 1200px) { .fw-package.price-table hr { margin-left: 60px; margin-right: 60px; } } .fw-switch-row { display: inline-block; font-size: 24px; position: relative; top: 4px; margin-right: 4px; } .fw-switch-row + .fw-default-row { display: inline-block; } .desc-col .fw-default-row { margin: 20px 0; } @media (min-width: 992px) { .highlight-col .price-table .plan-name { padding: 70px 0 17px; margin-top: -40px; } .highlight-col .price-table .plan-price { padding: 10px 0 55px; } .highlight-col .price-table .plan-price span:first-child:before { margin-top: -44px; } .highlight-col .price-table .call-to-action { padding: 50px 40px 0; } } /* dividers */ .fw-divider-short-line .divider_left { margin-left: 0; text-align: left; } .fw-divider-short-line .divider_right { margin-right: 0; text-align: right; } /* notification */ .shortcode-notification.alert { color: #fff; font-size: 12px; text-transform: uppercase; line-height: 25px; letter-spacing: 0.2em; font-weight: 400; border: 0; border-radius: 0; padding: 17px 15px 17px 50px; margin-bottom: 10px; position: relative; } .shortcode-notification.alert:before { content: ""; font-family: FontAwesome; position: relative; top: 0; left: -20px; font-size: 14px; } @media (min-width: 1200px) { .shortcode-notification.alert { padding: 17px 15px 17px 53px; } .shortcode-notification.alert:before { left: -10px; } } .shortcode-notification.alert-success { background-color: #9cc026; } .shortcode-notification.alert-success:before { content: "\f058"; } .shortcode-notification.alert-info { background-color: #55bce7; } .shortcode-notification.alert-info:before { content: "\f06a"; } .shortcode-notification.alert-warning { background-color: #0083b0; } .shortcode-notification.alert-warning:before { content: "\f071"; } .shortcode-notification.alert-danger { background-color: #dc5753; } .shortcode-notification.alert-danger:before { content: "\f057"; } /* Call To Action */ .fw-theme-call-to-action { border: 0; padding: 0; display: block; margin-bottom: 0; } .fw-theme-call-to-action .section_header { margin-bottom: 30px; } .fw-theme-call-to-action .fw-action-wrap { display: inline-block; color: #808080; margin-bottom: 30px; } .fw-theme-call-to-action .fw-action-wrap .fw-action-desc { margin-bottom: 20px; font-size: 20px; line-height: 30px; font-weight: 300; } .fw-theme-call-to-action .fw-action-wrap .fw-action-desc strong { color: #1f232b; } .fw-theme-call-to-action .fw-action-wrap .fw-action-btn { margin-left: -6px; } @media (min-width: 1199px) { .fw-theme-call-to-action .fw-action-wrap { display: flex; justify-content: space-around; margin-bottom: 0; } .fw-theme-call-to-action .fw-action-wrap .fw-action-desc { margin-right: 35px; } .fw-theme-call-to-action .fw-action-wrap .fw-action-btn { margin-left: 0; } } @media (min-width: 992px) { .fw-theme-call-to-action .fw-action-wrap .fw-action-desc { margin-right: 90px; } } /* icon */ .shortcode-icon { overflow: visible; } .shortcode-icon .media-body, .shortcode-icon .media-left, .shortcode-icon .media-right { display: table-cell; vertical-align: middle; } .shortcode-icon .media-left { padding-right: 20px; } .shortcode-icon .media-right { padding-left: 20px; } .shortcode-icon .media-body { line-height: 1; } .shortcode-icon .media-body .title { font-size: 12px; text-transform: uppercase; font-weight: 400; letter-spacing: 0.05em; margin-bottom: 5px; } .cs .shortcode-icon .media-body .title, .ds .shortcode-icon .media-body .title { color: #fff; } .shortcode-icon .media-body .text { font-size: 20px; color: #808080; font-weight: 700; line-height: 1; } .cs .shortcode-icon .media-body .text, .ds .shortcode-icon .media-body .text { color: #fff; } .shortcode-icon .icon-wrap.size_big { width: 80px; height: 80px; } .shortcode-icon .icon-wrap.size_big i { line-height: 80px; display: block; margin: 0; font-size: 35px; } .shortcode-icon .icon-wrap.size_normal { width: 60px; height: 60px; } .shortcode-icon .icon-wrap.size_normal i { line-height: 60px; display: block; margin: 0; font-size: 28px; } .shortcode-icon .icon-wrap.size_small { width: 60px; height: 60px; } .shortcode-icon .icon-wrap.size_small i { line-height: 60px; display: block; margin: 0; font-size: 14px; } .shortcode-icon .icon-wrap.default_icon.color_1 { color: #55bce7; } .shortcode-icon .icon-wrap.default_icon.color_2 { color: #0083b0; } .shortcode-icon .icon-wrap.default_icon.color_3 { color: #e34f61; } .shortcode-icon .icon-wrap.default_icon.color_4 { color: #712357; } .shortcode-icon .icon-wrap.default_icon.color_dark { color: #0f0f0f; } .shortcode-icon .icon-wrap.default_icon.color_light { color: #fff; } .shortcode-icon .icon-wrap.border_icon { border-width: 2px; border-style: solid; margin-right: 0; } .shortcode-icon .icon-wrap.border_icon.color_1 { color: #55bce7; border-color: #55bce7; } .shortcode-icon .icon-wrap.border_icon.color_2 { color: #0083b0; border-color: #0083b0; } .shortcode-icon .icon-wrap.border_icon.color_3 { color: #e34f61; border-color: #e34f61; } .shortcode-icon .icon-wrap.border_icon.color_4 { color: #712357; border-color: #712357; } .shortcode-icon .icon-wrap.border_icon.color_dark { color: #0f0f0f; border-color: #0f0f0f; } .shortcode-icon .icon-wrap.border_icon.color_light { color: #fff; border-color: #fff; } .shortcode-icon .icon-wrap.bg_color { margin-right: 10px; } .shortcode-icon .icon-wrap.bg_color.color_1 { color: #fff; background-color: #55bce7; } .shortcode-icon .icon-wrap.bg_color.color_2 { color: #fff; background-color: #0083b0; } .shortcode-icon .icon-wrap.bg_color.color_3 { color: #fff; background-color: #e34f61; } .shortcode-icon .icon-wrap.bg_color.color_4 { color: #fff; background-color: #712357; } .shortcode-icon .icon-wrap.bg_color.color_dark { color: #fff; background-color: #0f0f0f; } .shortcode-icon .icon-wrap.bg_color.color_light { color: #e34f61; background-color: #fff; } .shortcode-icon .icon-wrap.default_icon { width: auto; height: auto; } .shortcode-icon .icon-wrap.default_icon.size_big i, .shortcode-icon .icon-wrap.default_icon.size_normal i, .shortcode-icon .icon- wrap.default_icon.size_small i { line-height: 1.2; } .shortcode-icon.small-teaser .icon-wrap { -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .shortcode-icon.small-teaser .icon-wrap:hover { -webkit-animation: scaleDisappear 0.5s; -moz-animation: scaleDisappear 0.5s; -ms-animation: scaleDisappear 0.5s; -o-animation: scaleDisappear 0.5s; animation: scaleDisappear 0.5s; } .shortcode-icon.small-teaser .icon-wrap.size_big, .shortcode-icon.small-teaser .icon-wrap.size_normal, .shortcode-icon.small-teaser .icon- wrap.size_small { text-align: center; } /* icons list */ .icons-list a { cursor: pointer; } .icons-list ul { margin: 5px 0; } .icons-list ul .media-left { padding-right: 15px; } .icons-list ul .media-body { vertical-align: middle; } .icons-list ul .media-body .title { font-size: 20px; font-weight: 300; letter-spacing: 0; text-transform: none; } .icons-list ul .media-body .title span { font-size: 22px; font-weight: 600; letter-spacing: 0; } .icons-list ul .media-body .text { text-transform: none; font-size: 16px; line-height: 26px; font-weight: 300; } .icons-list i { display: inline-block; width: 30px; font-size: 28px; text-align: center; vertical-align: top; margin-right: 20px; } .icons-list li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; padding: 10px 0 10px 0; line-height: 30px; } .icons-list li:first-child { padding: 0 0 10px 0; } .icons-list li:last-child { border-bottom: 0; } .icons-list li .media { margin: 0; } .ls .icons-list i { color: rgba(31, 35, 43, 0.1); } .ls .icons-list .media-body .title { color: #1f232b; } .ls .icons-list .media-body .title span { color: #55bce7; } .ls .icons-list .media-body .text { color: #1f232b; } .ls .icons-list a { color: #808080; } .ls .icons-list a:hover { color: #55bce7; } .ds .icons-list .media-body { color: #fff; } /* shortcode-image-carousel */ .shortcode-image-carousel.owl-carousel .owl-item img { width: auto; margin: 0 auto; opacity: 0.3; -webkit-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; } .shortcode-image-carousel.owl-carousel .owl-item img:hover { opacity: 0.8; } .shortcode-image-carousel.owl-carousel .owl-item.center img { opacity: 1; } /* posts shortcode */ .shortcode-posts .owl-carousel .owl-stage-outer { overflow: visible; } .shortcode-posts.carousel .text-owl-nav { text-align: left; } .shortcode-posts.carousel .text-owl-nav > div { display: inline-block; position: relative; cursor: pointer; font-size: 13px !important; color: #0f0f0f; letter-spacing: 0.5em; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .shortcode-posts.carousel .text-owl-nav > div:hover { color: rgba(15, 15, 15, 0.5); } .shortcode-posts.carousel .text-owl-nav > div.owl-next { margin-left: 20px; } .shortcode-posts.carousel .text-owl-nav > div.owl-next:before { content: "|"; position: absolute; top: -1px; left: -15px; opacity: 1; color: #0f0f0f; } .shortcode-posts .item-content .item-title { margin-top: 0px; margin-bottom: 0px; text-transform: none; font-weight: 600; height: 60px; font-size: 14px; overflow: hidden; } .shortcode-posts .item-content p { height: 60px; overflow: hidden; margin-bottom: 20px; line-height: 20px; font-size: 14px; } .shortcode-posts .item-icons span.author, .shortcode-posts .item-icons span.post-date, .shortcode-posts .item-icons span.tag-links { font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: -0.02em; } /* Special heading shortcodes */ .special-heading p { font-size: 16px; margin-bottom: 7px; } h2.section_header { margin: 0; font-size: 55px; line-height: 1.1; position: relative; word-wrap: break-word; } @media (max-width: 1199px) { h2.section_header { font-size: 40px; } } h2.section_header + p { margin-top: 5px; margin-bottom: 0; } h3.section_header { margin: 0; font-size: 40px; line-height: 1; position: relative; word-wrap: break-word; } h4.section_header { font-size: 30px; } @media (max-width: 480px) { .Accoridon02 .nav-tabs > li + li, .Accoridon02 .nav-tabs > li { width: 100%; display: flex; margin-left: 0px; } h4.section_header { font-size: 26px; } .ServiceSection .text-block p{ display:flex; } .ServiceSection .alignright{ max-width:100%; float:none; margin:0 auto; text-align:center; } .ServiceSection .text-block h5{ width: auto;} } h4.section_header + h2.section_header { margin: 0; } /* Special heading weights */ .special-heading .extra-thin { font-weight: 200; } .special-heading .thin { font-weight: 300; } .special-heading .regular { font-weight: 400; } .special-heading .medium { font-weight: 600; } .special-heading .bold { font-weight: 900; } .special-heading .text-transform-none { text-transform: none; } /*contacts*/ .contact-form { position: relative; z-index: 3; } .contact-form.ls { background-color: #fafafa; } .contact-form.ls.ms { background-color: #efefef; } .contact-form label[for] { display: none; } .contact-form textarea { max-height: 140px; } .contact-form.parallax { padding: 50px 50px 35px; } .contact-form-respond { display: block; font-weight: 800; } .contact-form-respond:before { font-family: 'rt-icons-2'; content: "\e71a"; padding-right: 10px; } .contact-form p { margin-bottom: 10px; position: relative; } .contact-form-submit .theme_button { margin-right: 6px; } .contact-form.transparent-background .form-control { background-color: transparent; } .contact-email { font-size: 40px; text-transform: uppercase; } @media (max-width: 767px) { .contact-email { font-size: 20px; margin-bottom: 6px; } .contact-form.parallax { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; } } .wrap-forms .form-group p { margin: 10px 0 0; } .wrap-forms .form-group.has-placeholder label { display: none; } .wrap-forms .field-select label { display: inline; } #messages_modal .fw-messages-wrap { position: absolute; left: 50%; top: 10%; margin-left: -150px; width: 300px; } #messages_modal ul { margin-bottom: 0; } .form-wrapper.text-center .wrap-forms input, .form-wrapper.text-center .wrap-forms textarea { text-align: center; } .form-wrapper.text-left .wrap-forms input, .form-wrapper.text-left .wrap-forms textarea { text-align: left; } .form-wrapper.text-right .wrap-forms input, .form-wrapper.text-right .wrap-forms textarea { text-align: right; } /* partners carousel */ .owl-carousel.partners-carousel { margin-bottom: 0; } .light-partner-image a { display: block; position: relative; } .light-partner-image a:before { content: ''; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; background-color: #808080; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .light-partner-image a:hover:before { background-color: #55bce7; } .highlight-partner-image a { display: block; background-color: #55bce7; } .highlight-partner-image a:hover { background-color: #1f232b; } /* events calendar */ div .fw-shortcode-calendar-wrapper .page-header h3, div .btn-group button[data-calendar-nav], div .btn-group button[data-calendar- nav*='today'], div #cal-slide-content a.event-item { color: #1f232b; } div #cal-day-box .time-col, div #cal-day-box .cal-row-head, div #cal-day-box .cal-day-hour, div #cal-day-box .cal-row-head, div #cal-day-box .cal-day-hour, div #cal-day-box .cal-day-hour .cal-day-hour-part, div .cal-week-box .cal-column, div .cal-row-fluid.cal-row-head [class*="cal-cell"], div .cal-week-box .cal-row-head [class*="cal-cell"] small, div .cal-year-box [class*="span"], div .cal-month-box [class*="cal-cell"], div .cal-year-box .row-fluid, div .cal-month-box .cal-row-fluid { border-color: #e5e5e5; } div .fw-shortcode-calendar .cal-week-box hr { background-color: #e5e5e5; } div .cal-day-today, div .cal-day-today.event-day { background-color: #55bce7; } div .cal-month-day.event-day { background-color: #aedff4; } div .cal-year-box [class*="span"]:hover, div .cal-month-box [class*="cal-cell"]:hover { background-color: #aedff4; } div #cal-slide-tick { border-top-color: #aedff4; } div .cal-week-box .cal-day-today span[data-cal-date], div .cal-week-box .cal-day-today.event-day span[data-cal-date], div .cal-month-box [class*="cal-cell"]:hover span[data-cal-date], div .cal-month-day.event-day span[data-cal-date] { color: #0f0f0f; } /* **shop */ input[disabled] { opacity: 0.4; cursor: not-allowed; } .woocommerce-breadcrumb, .woocommerce-products-header { display: none; } /* sort panel */ .storefront-sorting { line-height: 1; padding: 0; display: block; position: relative; } @media (min-width: 1200px) { .storefront-sorting { padding-left: 15px; padding-right: 15px; } } .storefront-sorting .form-group { margin-bottom: 15px; } .storefront-sorting label { padding-right: 10px; } .woocommerce-ordering { display: inline-block; float: right; } @media (max-width: 767px) { .woocommerce-ordering { float: none; display: inline-block; text-align: left; } } .woocommerce-result-count { float: left; line-height: 60px; font-weight: 300; font-size: 16px; color: #808080; } @media (max-width: 767px) { .woocommerce-result-count { float: none; display: inline-block; text-align: left; width: 100%; } } #toggle_shop_view { margin-left: 14px; } #toggle_shop_view:before, #toggle_shop_view:after { font-family: 'FontAwesome'; display: inline-block; background-color: #1f232b; color: #fff; padding: 12px 12px 13px; font-size: 14px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } #toggle_shop_view:before { content: "\f00a"; margin-right: 5px; } #toggle_shop_view:after { content: "\f03a"; background-color: #55bce7; } #toggle_shop_view.grid-view:before { background-color: #55bce7; } #toggle_shop_view.grid-view:after { background-color: #1f232b; } #sort_view { color: #1f232b; display: inline-block; padding: 12px 16px 13px; font-size: 14px; background-color: #fff; } .woocommerce .pagination > li.active > a, .woocommerce .pagination > li.active > span, .woocommerce .pagination > li > a:hover, .woocommerce .pagination > li > span:hover, .woocommerce .pagination > li > a:focus, .woocommerce .pagination > li > span:focus { background-color: #55bce7 !important; } .columns-1 .product { width: 100%; margin-right: 0; } @media (min-width: 768px) { .columns-2 .product, .columns-3 .product, .columns-4 .product { width: 50%; } } @media (min-width: 992px) { .columns-2 .product { width: 50%; } .columns-3 .product { width: 33.33333333%; } .columns-4 .product { width: 25%; } } .product .thumbnails a, .product .item-media { overflow: hidden; display: block; } .product .thumbnails a img, .product .item-media img { -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; width: 100%; } .product .thumbnails a:hover img, .product .item-media:hover img { opacity: 0.8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .product figure { max-width: none; } .product .thumbnails-wrap { margin-top: 30px; } .products { margin-left: -15px; margin-right: -15px; } .products:before, .products:after { content: ''; clear: both; display: block; } .upsells .products, .related .products { margin-left: 0; margin-right: 0; } .products .item-content h4 { display: none; } li.product { padding-left: 15px; padding-right: 15px; margin-bottom: 60px; } @media (min-width: 1200px) { li.product { padding-left: 30px; padding-right: 30px; } } .owl-item .product { padding: 0; } .product h1.entry-title { font-size: 28px; margin: 3px 0 5px; } .product h3 { margin-bottom: 20px; } .product .rating-title { font-size: 1.2em; } .product [class*="col-"]:first-child h2, .product [class*="col-"]:first-child h3 { text-align: center; font-size: 20px; font-weight: 700; margin: 18px 0 24px; position: relative; letter-spacing: 0; } .product .product-media { position: relative; } .product .images { position: relative; background: #f2f2f2; border-radius: 5px; overflow: hidden; } .product .flex-control-thumbs { margin: 0; border-top: 10px solid #fff; position: static; overflow: hidden; } .product [class*="col-"]:first-child a span, .product [class*="col-"]:first-child .onsale, .product [class*="col-"]:first-child .product- media span { position: absolute; background-color: #55bce7; color: #fff; padding: 8px 18px; text-transform: uppercase; top: 20px; right: 20px; } .product [class*="col-"]:first-child a span.onsale, .product [class*="col-"]:first-child .onsale.onsale, .product [class*="col-"]:first- child .product-media span.onsale { background-color: #55bce7; left: 20px; bottom: 20px; right: auto; top: auto; z-index: 1; } .related, .upsells { margin-top: 60px; padding-right: 15px; padding-left: 15px; } .related > h2, .upsells > h2 { margin: 20px 0 30px; font-size: 28px; } .related .item-content p, .upsells .item-content p { display: none; } .upsells + .related { margin-top: 30px; } .related .owl-theme:hover .owl-nav { top: 25%; } .product-buttons { position: absolute; bottom: 20px; right: 20px; } .product-buttons a { float: left; width: 40px; height: 40px; font-size: 0; color: transparent; text-align: center; background-color: #55bce7; } .product-buttons a.loading [class*='rt-icon'], .product-buttons a.loading:before { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .product-buttons a.loading [class*='rt-icon']:before, .product-buttons a.loading:before:before { content: "\e61b"; } .product-buttons a.loading:before { content: "\e61b"; } .product-buttons a i, .product-buttons a:before { line-height: 40px; font-size: 16px; color: #fff; } .product-buttons a:before { font-family: 'rt-icons-2'; content: "\e626"; } .product-buttons a.favorite_button { background-color: #fff; color: #1f232b; } .product-buttons a:hover { background-color: #1f232b; color: #fff; } .product-buttons a.added_to_cart { background-color: #fff; font-size: 0; display: none; color: transparent; } .product-buttons a.added_to_cart:hover { background-color: #55bce7; } .product-buttons a.added_to_cart:before { content: "\e6c0"; line-height: 40px; color: #1f232b; font-family: 'rt-icons-2'; font-size: 26px; } .product-buttons a.product_type_variable:before { font-size: 20px; content: "\e63f"; } .grid-view { list-style: none; padding: 0; margin: 0 -15px; display: flex; flex-wrap: wrap; clear: both; } .grid-view .star-rating { display: none; } .grid-view .product-category h2.woocommerce-loop-category__title { font-size: 20px; text-transform: none; margin-top: 0; margin-bottom: 0; line-height: 1.2; letter-spacing: -0.02em; font-weight: 600; -webkit-transition: all 0.15s linear 0s; -moz-transition: all 0.15s linear 0s; -o-transition: all 0.15s linear 0s; -ms-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s; } .grid-view .product-category h2.woocommerce-loop-category__title:hover { color: #55bce7; } .grid-view .product-category h2.woocommerce-loop-category__title .count { background: transparent; } .grid-view .product-description { display: none; } .grid-view [class*="col-"] { width: 100%; float: none; } .grid-view .item-media .onsale { display: none; } .grid-view .item-content p { margin-bottom: 30px; } .grid-view .item-content a { color: inherit; } .grid-view .item-content a > h2 { font-size: 20px; text-transform: none; margin-top: 0; margin-bottom: 10px; letter-spacing: -0.02em; line-height: 1.2; font-weight: 600; -webkit-transition: all 0.15s linear 0s; -moz-transition: all 0.15s linear 0s; -o-transition: all 0.15s linear 0s; -ms-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s; } .grid-view .item-content a > h2:hover { color: #55bce7; } .grid-view .item-content .price { color: #0083b0; padding: 0; width: 100%; display: block; font-weight: 500; font-size: 14px; margin-bottom: 10px; } .grid-view .item-content .price del { margin-right: 20px; color: #808080; } .grid-view .item-content .price ins { text-decoration: none; color: #0083b0; } .grid-view .item-content .added_to_cart { position: relative; display: inline-block; font-size: 0; color: transparent; } .grid-view .item-content .added_to_cart:before { content: "\e6c0"; line-height: 50px; color: #1f232b; font-family: 'rt-icons-2'; font-size: 26px; -webkit-transition: all 0.15s linear 0s; -moz-transition: all 0.15s linear 0s; -o-transition: all 0.15s linear 0s; -ms-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s; } .grid-view .item-content .added_to_cart:hover:before { color: #55bce7; } .grid-view .item-content .add_to_cart_button { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: -0.02em; padding: 18px 30px 18px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #fff; border: 1px solid #55bce7; background-color: #55bce7; border-radius: 0; position: relative; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .grid-view .item-content .add_to_cart_button:hover { color: #55bce7; background-color: transparent; } /* single-product */ .summary h1 { margin-bottom: 3px; } .summary .product-rating, .summary .woocommerce-product-rating { margin-bottom: 10px; } .summary .woocommerce-product-details__short-description p { margin-bottom: 20px; } .summary .price { position: static; display: block; padding: 20px 0 20px; font-size: 50px; background-color: transparent; line-height: 1; word-wrap: break-word; border-bottom: 1px solid #e5e5e5; } .summary .price ins { color: #55bce7; text-decoration: none; } .summary .price del { font-size: 28px; } .summary .woocommerce-variation-price .price { padding-top: 0; } .summary .star-rating { display: inline-block; top: 4px; margin-right: 20px; } .summary .stock { margin-bottom: 0; } .summary .email-to { margin-bottom: 10px; } .summary .product-option-name { display: inline-block; margin: 10px 0; } .summary .theme_button { margin-top: 0; } .summary .theme_button.wc-variation-selection-needed { opacity: 0.4; cursor: not-allowed; } .summary .posted_in { margin: 10px 0; } .summary .posted_in .small_button { margin-left: 5px; padding-left: 6px; padding-right: 6px; } .summary .product_meta { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e5e5e5; } .summary .product_meta > span { display: block; } .summary .product_meta a { margin: 0 -3px 0 6px; padding: 5px 10px 3px; color: #fff; } .summary [itemprop="description"] { margin: 30px 0; } .summary ul.list1 li { padding-top: 15px; padding-bottom: 20px; } .summary .reset_variations { color: transparent; font-size: 0; padding: 0 5px; } .summary .reset_variations:before { font-family: 'rt-icons-2'; content: "\e117"; font-size: 18px; color: #1f232b; } .summary label { margin: 0; } .summary [class*='add-to-cart'] { margin: 10px 0; } .summary [class*='add-to-cart'] .theme_button { float: right; } @media (max-width: 992px) { .summary [class*='add-to-cart'] .theme_button { float: none; } } .quantity { position: relative; display: inline-block; margin-right: 10px; margin-bottom: 10px; } .quantity [type="button"] { position: absolute; right: 5px; top: 3px; line-height: 1; border: none; width: 22px; height: 24px; background-color: transparent; } .quantity [type="button"].minus { top: auto; bottom: 3px; } .quantity [type="number"] { padding-right: 30px; padding-left: 20px; max-width: 70px; min-width: 70px; } .variations td { display: block; border: 0; padding: 3px 0; } .variations td.value { margin-bottom: 10px; } .product_meta_bottom { margin: 0 0 20px; } .product-tabs { margin-top: 30px; } .owl-carousel.thumbnails { margin: 30px 0 30px; } .owl-carousel.thumbnails .owl-dots { margin: 20px 0 5px; } .owl-carousel.thumbnails .owl-dots .owl-dot span { width: 8px; height: 8px; border-width: 1px; } .owl-carousel.thumbnails .owl-nav { margin-top: -18px; } .owl-carousel.thumbnails .owl-nav > div { right: 0; } .owl-carousel.thumbnails .owl-nav > div:first-child { left: 0; } .owl-carousel.thumbnails .owl-nav > div:after { font-size: 16px; color: #1f232b; } .product-icons .teaser [class*="_bg_color"] { padding: 10px; } .product + .nav-tabs, .woocommerce-tabs { margin-top: 60px; } .star-rating, p.stars a { font-weight: 400; height: 1em; } .star-rating span:before, .star-rating:before { content: "\e7aa\e7aa\e7aa\e7aa\e7aa"; top: 0; left: 0; } .star-rating { overflow: hidden; position: relative; line-height: 1; width: 5.4em; font-family: "rt-icons-2"; } .star-rating:before { opacity: 0.5; float: left; letter-spacing: 0.1em; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; letter-spacing: 0.1em; } .star-rating span:before { position: absolute; color: #55bce7; } p.stars a:before, p.stars a:hover ~ a:before { color: #808080; content: "\e7aa"; } p.stars { display: inline-block; margin: 0 0 30px; line-height: 1; } p.stars a { display: inline-block; position: relative; width: 1em; text-indent: -999em; margin-right: 1px; } p.stars a:before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: "rt-icons-2"; text-indent: 0; } p.stars.selected a.active:before, p.stars:hover a:before { content: "\e7aa"; color: #55bce7; opacity: 1; } p.stars.selected a.active ~ a:before { content: "\e7aa"; color: #808080; opacity: 0.75; } p.stars.selected a:not(.active):before { content: "\e7aa"; color: #55bce7; opacity: 1; } /*shop comments*/ .commentlist { list-style: none; margin: 0; padding: 0; } .commentlist li { margin-bottom: 40px; } .commentlist li img { display: block; float: left; overflow: hidden; } .commentlist .comment-text { overflow: hidden; position: relative; padding: 26px 30px 26px 30px; border: 1px solid #e1e1e1; } .commentlist p.meta { font-size: 0; margin: 0 0 40px; } .commentlist p.meta strong { color: #1f232b; font-weight: 300; font-size: 24px; line-height: 1; display: block; } .commentlist p.meta time { font-size: 14px; } .commentlist .star-rating { position: absolute; top: 93px; } .woocommerce-tabs .tab-content { padding-top: 40px; } .woocommerce-tabs .tab-content .woocommerce-Tabs-panel--description h2 { display: none; } .woocommerce-tabs .tab-content .woocommerce-Reviews-title { display: none; } .woocommerce-tabs .tab-content .comment-form-rating { margin-bottom: 40px; } .woocommerce-tabs .tab-content .comment-respond { margin: 30px 0 0; } .woocommerce-tabs .tab-content .comment-respond h3 { font-size: 28px; } .woocommerce-tabs .tab-content .comment-respond h4 { margin-bottom: 0; font-size: 28px; } /*comment respond form*/ #review_form textarea, #review_form [type*='text'], #review_form [type*='email'] { width: 100%; display: block; margin-bottom: 10px; } #review_form .form-submit { padding-top: 20px; } @media (min-width: 768px) { #review_form .form-submit .submit { min-width: 200px; } } @media (min-width: 992px) { #review_form .comment-form-author { float: left; width: 50%; padding-right: 5px; } #review_form .comment-form-email { float: left; width: 50%; padding-left: 5px; } #review_form .form-submit { clear: both; } } .comment-form-rating label[for] { display: block; } /* cart */ .shop_table ul { list-style: none; padding: 0; } .shop_table .input-text { margin-left: 10px; } .shop_table .actions input[type="submit"] { padding: 17px 30px 17px; min-width: 150px; margin-top: 10px; } .shop_table .actions input[type="submit"]:hover { color: #55bce7; } .shop_table .actions .coupon input[type="submit"] { margin-left: 10px; } .shop-adds { font-size: 20px; font-weight: 300; line-height: 1.4; } .shop-adds .fa { padding: 0 10px; } .shop-adds.teaser { margin-bottom: 0; } .shop-adds.teaser [class*="_bg_color"] { padding: 12px; } table.cart { margin-bottom: 30px; } @media (max-width: 992px) { table.cart { display: block; overflow-x: auto; } } table.cart .media { margin-left: -15px; } table.cart .product-thumbnail img { max-width: 80px; background: #f2f2f2; } table.cart h4 { margin-bottom: 12px; } table.cart td, table.cart th { vertical-align: middle; padding: 18px 20px; } table.cart .coupon { display: inline-block; } table.cart a { color: #1f232b; } table.cart td.product-name { font-size: 20px; } table.cart .product-remove { text-align: center; font-size: 1.6em; } .cart_totals > h2 { font-size: 30px; font-weight: 600; text-transform: none; } .cart_totals h4:first-child { margin: 60px 0 30px; } .cart_totals table { margin: 0 0 50px; } .cart_totals table th, .cart_totals table td { padding: 20px 20px; } .cart_totals table th { width: 140px; } /* chekcout */ .shop-info { margin-bottom: 15px; } #createaccount { margin-top: 0; } #ship-to-different-address label { display: inline-block; } #ship-to-different-address label + input { margin: 0 12px; } .checkout [class*='col-'], .shop-register [class*='col-'] { margin-top: 0; margin-bottom: 0; } .woocommerce-checkout .entry-header { display: none; } .woocommerce-checkout .vertical-item { border: 0; } .woocommerce-checkout h3 { font-size: 28px; } .woocommerce-checkout .woocommerce-additional-fields { margin-top: 30px !important; } .woocommerce-checkout .woocommerce-checkout-review-order table { margin-top: 0; } .woocommerce-checkout .woocommerce-checkout-review-order table strong { font-weight: 400; color: #e34f61; } .woocommerce-checkout .woocommerce-checkout-review-order table .order-total .woocommerce-Price-amount { font-weight: 400; color: #0083b0; } .woocommerce-checkout .selectize-input { width: 100%; } .woocommerce-checkout #billing_phone { width: auto; min-width: 100%; } @media (min-width: 768px) { .woocommerce-checkout #billing_address_1, .woocommerce-checkout #billing_city, .woocommerce-checkout #billing_state, .woocommerce-checkout #billing_postcode, .woocommerce-checkout #billing_phone, .woocommerce-checkout .selectize-input { width: auto; min-width: 504px; } } @media (min-width: 992px) { .woocommerce-checkout #billing_address_1, .woocommerce-checkout #billing_city, .woocommerce-checkout #billing_state, .woocommerce-checkout #billing_postcode, .woocommerce-checkout #billing_phone, .woocommerce-checkout .selectize-input { min-width: 426px; } } @media (min-width: 1200px) { .woocommerce-checkout #billing_address_1, .woocommerce-checkout #billing_city, .woocommerce-checkout #billing_state, .woocommerce-checkout #billing_postcode, .woocommerce-checkout #billing_phone, .woocommerce-checkout .selectize-input { min-width: 524px; } } .woocommerce-checkout .create-account { margin-top: 30px; } @media (max-width: 767px) { .woocommerce-checkout .create-account { text-align: left; margin-left: 22px; } } .woocommerce-checkout .create-account input[type="checkbox"] { margin-right: 0; top: 1px; } .woocommerce form:before, .woocommerce form:after { content: ''; display: block; clear: both; } .woocommerce form input[type="radio"] { margin-right: 6px; } .woocommerce form input[type="checkbox"] { margin-right: 6px; position: relative; top: 2px; } .woocommerce form p:last-child { margin-bottom: 10px; } .form-row { margin: 0 0 15px; } .form-row:before, .form-row:after { content: ''; display: block; clear: both; } .form-row .checkbox { margin: -5px 0 0; } .form-row .lost_password { margin: 15px 0 -15px; } .form-row label { display: block; margin-top: 10px; } .form-row [type="email"], .form-row [type="number"], .form-row [type="password"], .form-row [type="text"], .form-row select, .form-row textarea { display: block; width: 100%; } @media (min-width: 768px) { .form-row label { padding-right: 25px; width: 30%; float: left; text-align: right; } .form-row label + *, .form-row.address-field input { float: right; width: 70% !important; } } .woocommerce form.login label, .woocommerce form.login input { float: none; text-align: left; width: auto !important; } .woocommerce form.login [type="submit"] { margin-top: 10px; text-align: center; } @media (min-width: 992px) { .col2-set { width: 70%; float: left; padding-right: 50px; } .col2-set.addresses { width: 100%; float: none; padding: 0; margin: 0 -15px; } .col2-set.addresses:before, .col2-set.addresses:after { display: block; content: ''; clear: both; } .col2-set.addresses .col-1, .col2-set.addresses .col-2 { float: left; width: 50%; padding: 0 15px; } #order_review_heading, #order_review { width: 30%; float: left; margin-top: 0; } } /* shop single*/ .cart-button { margin: 50px 0 55px; } .share-title { font-size: 20px; margin: 56px 0 18px; } /* shop */ .shop-item .item-content { padding: 30px 40px; } .shop-item .item-price { margin: 9px 0 16px; font-size: 30px; line-height: 1; font-weight: 800; } .shop-item .item-price span { font-size: 40px; } .shop-item .cart-button { margin: 50px 0 28px; } .related .owl-carousel .owl-stage-outer { overflow: visible; } .related .item-content { padding: 14px 20px; } .related .item-content .woocommerce-loop-product__title { font-size: 16px; } .related .item-content .add_to_cart_button { padding: 20px 20px 20px; } .related h2 { font-size: 30px; line-height: 1; } .select2-container .select2-choice { border: none; padding: 10px 20px; border-radius: 0; } .select2-drop-active { border-color: #e5e5e5; } .woocommerce-checkout-payment { margin-top: 40px; } .woocommerce-checkout-payment .radio { margin: 2px 0; } .woocommerce-checkout-payment ul { list-style: none; padding: 0; } .woocommerce-checkout-payment li { padding: 11px 0 6px; border-bottom: 1px solid #e5e5e5; } .woocommerce-checkout-payment li:first-child { border-top: 1px solid #e5e5e5; } .woocommerce-checkout-payment p { margin: 0; } .woocommerce-checkout-payment img { display: none; } .woocommerce-checkout-payment [type="submit"] { margin-top: 20px; } @media (min-width: 768px) { .woocommerce-checkout-payment [type="submit"] { min-width: 200px; } } /*messages*/ .wc-forward { float: right; } .row > .alert { margin-left: 25px; margin-right: 25px; } /*my account*/ .woocommerce-MyAccount-navigation { margin-bottom: 40px; } .woocommerce-MyAccount-navigation ul { padding: 0; } .woocommerce-MyAccount-navigation li { display: inline-block; } .woocommerce-MyAccount-navigation .is-active a { background-color: #55bce7; border-color: #55bce7; } .wc-proceed-to-checkout .checkout-button { color: #fff; } .wc-proceed-to-checkout .checkout-button:hover { background: transparent; } .woocommerce-MyAccount-content h2 { margin: 40px 0; } .woocommerce-Message { background: #fff; padding: 30px; } .woocommerce-Message .woocommerce-Button { float: right; } .order-actions { text-align: center; } .customer_details { margin-bottom: 60px; } .addresses address { margin-bottom: 0; } /* shop widgets */ /* cart widget */ .widget_shopping_cart img { max-width: 80px; } .widget_shopping_cart .cart_list { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 4px; margin: 20px 0; } .widget_shopping_cart .quantity { display: block; } .widget_shopping_cart .remove { float: right; font-size: 0; } .widget_shopping_cart .remove:before { font-family: 'rt-icons-2'; font-size: 16px; content: "\e653"; } .widget_shopping_cart li { margin-bottom: 16px; } .widget_shopping_cart li a + a { color: #1f232b; font-size: 16px; } .widget_shopping_cart .wc-forward { float: none; } /* price filter */ .widget_price_filter input[readonly] { background-color: transparent; padding-right: 3px; padding-left: 3px; max-width: 89px; margin-bottom: 4px; display: inline-block; } .widget_price_filter .ui-slider-range { background-color: #55bce7; } .widget_price_filter .ui-slider-horizontal { margin-bottom: 30px; } .widget_price_filter label[for] { display: inline-block; padding-right: 4px; } .widget_price_filter .price_label { color: #1f232b; } .widget_price_filter .form-group { display: inline-block; margin-right: 10px; margin-bottom: 10px; } .widget_price_filter button { margin-top: 26px; text-transform: uppercase; padding: 8px 7px 7px; min-width: 0; float: right; } .widget_price_filter .price_slider_amount:after { content: ''; display: block; clear: both; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { position: relative; text-align: left; background-color: #fafafa; margin: 0 5px 0 8px; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 12px; height: 12px; cursor: pointer; -ms-touch-action: none; touch-action: none; background-color: #1f232b; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 10px; } .ui-slider-horizontal .ui-slider-handle { top: -1px; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .related .owl-carousel .owl-stage-outer { overflow: visible; } .related .owl-carousel.owl-theme .owl-nav { top: 30% !important; } .related h2 { font-size: 20px; } /* color layered nav */ .widget_layered_nav .color-filters li { display: inline-block; margin: 0 29px 14px 0; } .widget_layered_nav .color-filters a { display: inline-block; width: 23px; height: 23px; font-size: 0; background-color: #ccc; color: transparent; position: relative; } .widget_layered_nav .color-filters a:before { content: ''; display: block; position: absolute; border: 1px solid rgba(0, 0, 0, 0.1); top: -2px; left: -2px; bottom: -2px; right: -2px; } .widget_layered_nav .color-filters span { position: relative; top: 2px; left: 5px; } /* widget_products */ .widget_products img { max-width: 80px; } .widget_products .media h3 { font-size: inherit; line-height: 1.4; margin: 3px 0 10px; } .widget_products .star-rating { margin-bottom: 10px; } .widget_products .price { position: static; background-color: transparent; padding: 0; } .widget_products .add_to_cart_button { display: inline-block; width: 20px; height: 20px; font-size: 14px; text-align: center; background-color: #55bce7; color: #fff; margin-right: 5px; } .widget_products .add_to_cart_button:hover { color: #fff; background-color: #1f232b; } /*widget_top_rated_products*/ .widget .product-title { display: block; } .widget .woocommerce-Price-amount { color: #1f232b; } .widget del .woocommerce-Price-amount { color: inherit; } .widget .star-rating { margin: 5px 0 7px; } /*widget_recent_reviews*/ .widget_recent_reviews li:before, .product_list_widget li:before, .widget_recent_reviews li:after, .product_list_widget li:after { content: ''; display: block; clear: both; } .widget_recent_reviews img, .product_list_widget img { display: block; float: left; max-width: 100px; margin-right: 20px; } .widget_rating_filter { text-align: right; } .widget_rating_filter li { clear: both; margin-bottom: 8px; } .widget_rating_filter .star-rating { float: left; } /* **plugins */ /* Owl carousel v 2.1.6 styles */ /* Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel.dots-center .owl-dots { text-align: center; } .owl-carousel .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; counter-reset: owl-dots; } .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; padding: 0 8px; } .owl-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; display: block; border-radius: 50%; color: transparent; background-color: #0083b0; cursor: pointer; text-indent: -9999px; transition: all 0.2s ease-in-out 0s; } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background-color: #55bce7; } .owl-carousel .owl-nav { -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .owl-carousel .owl-nav > div { color: transparent; font-size: 0; display: inline-block; right: 0; text-align: center; } .owl-carousel .owl-nav > div.disabled { opacity: 0.5; cursor: default; } .owl-carousel .owl-nav > div:first-child { left: 0; right: auto; } .owl-carousel .owl-nav > div:after { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-family: FontAwesome; font-size: 40px; line-height: 60px; content: "\f105"; color: #808080; } .owl-carousel .owl-nav > div:first-child:after { content: "\f104"; } .owl-carousel .owl-nav > div:hover:after { color: #55bce7; } @media (max-width: 1299px) { .container .owl-carousel[data-nav=true] { padding-right: 30px; padding-left: 30px; } } @media (min-width: 1300px) { .container .owl-carousel[data-nav=true] .owl-nav { left: -60px; right: -60px; } } @media (min-width: 1600px) { .container .owl-carousel[data-nav=true] .owl-nav { left: -150px; right: -150px; } } .top-right-nav .owl-nav { position: absolute; top: -70px; right: 0; } .top-right-nav .owl-nav > div { background: transparent; } /* No Js */ .no-js .owl-carousel { display: block; } /* Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../img/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* Owl Default Theme */ .owl-theme:hover .owl-nav { opacity: 1; } .owl-theme .owl-nav { position: absolute; top: 50%; right: 0; left: 0; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav > div { font-size: 0; position: absolute; right: 0; text-align: center; margin-top: -30px; width: 30px; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-dots { margin-top: 40px; } /* .Owl Center theme */ .owl-center .owl-nav { top: 0; bottom: 0; position: static; margin-top: 0; opacity: 1; } .owl-center .owl-nav > div { right: 0; width: 30px; top: 40%; bottom: 0; margin: 0; height: 80px; text-align: center; opacity: 0; background-color: rgba(31, 35, 43, 0.6); transform: translateY(-50%); } .owl-center .owl-nav > div:first-child { left: 0; right: auto; } .owl-center .owl-nav > div:first-child:after { left: 4px; } .owl-center .owl-nav > div:after { position: absolute; top: 50%; color: #fff; font-size: 20px; left: 6px; transform: translateY(-50%); } .owl-center:hover .owl-nav > div { top: 50%; opacity: 1; } /* text-nav */ .text-nav { padding-right: 30px; padding-left: 30px; } .text-nav .owl-nav { position: static; } .text-nav .owl-nav > div { top: 0; bottom: 0; right: 0; margin-top: 0; background-color: #f2f2f2; } .text-nav .owl-nav > div:first-child { left: 0; } .text-nav .owl-nav > div:after { position: absolute; top: 50%; left: 50%; content: "next"; font-size: 13px; text-transform: uppercase; font-weight: 700; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 1; color: #1f232b; transform: translate(-50%, -50%) rotate(-90deg); } .text-nav .owl-nav > div:first-child:after { content: "prev"; } @media (min-width: 600px) { .text-nav { padding-right: 60px; padding-left: 60px; } .text-nav .owl-nav > div { width: 60px; } } /* owl images fix */ .owl-carousel .owl-item { -webkit-transition: opacity 0.2s ease 0.1s; transition: opacity 0.2s ease 0.1s; opacity: 0; } .owl-carousel .owl-item.active { opacity: 1; } .owl-center .owl-item { opacity: 1; } .with_shadow_items .owl-stage-outer { margin: -20px; padding: 20px; } /* flexslider */ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* 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; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .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 0; position: relative; zoom: 1; } .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; } .flexslider .slides { zoom: 1; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -40px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; font-size: 0; color: transparent; text-align: center; } .flex-direction-nav .flex-prev { left: 40px; } .flex-direction-nav .flex-next { right: 40px; text-align: right; } .flexslider:hover .flex-prev { opacity: 1; left: 40px; } .flexslider:hover .flex-next { opacity: 1; right: 40px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0; filter: alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 40px; content: '\f104'; color: #fff; opacity: 0.5; position: absolute; top: 5px; left: 12px; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .flex-direction-nav a:hover:before { color: #fff; opacity: 1; } .flex-direction-nav a.flex-next:before { content: '\f105'; left: 14px; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: 'rt-icons-2'; font-size: 20px; display: inline-block; content: "\e6a2"; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: "\e711"; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: 42px; text-align: center; z-index: 10; } .flex-control-nav li { text-align: center; display: inline-block; padding: 0 7px; zoom: 1; *display: inline; } .flex-control-paging li a { width: 10px; height: 10px; display: block; background-color: #0083b0; border: 0; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .ds .flex-control-paging li a, .cs .flex-control-paging li a { border-color: #fff; } .flex-control-paging li a:hover { border-color: #55bce7; background-color: #55bce7; } .flex-control-paging li a.flex-active { border-color: #55bce7; background-color: #55bce7; } .flex-control-thumbs { margin: 1px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: 0.7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 600px) { .flex-direction-nav .flex-prev { top: 14%; } .flex-direction-nav .flex-next { top: 14%; } .special-heading.text-left{ text-align:center; } .contactForm input#uploadtextfield{ position: relative; padding-top: 80px; padding-bottom: 20px; margin: 0 auto; text-align: center; } } } /* custom nav for flex slider*/ .flex-custom-nav { text-align: center; position: absolute; bottom: 38px; right: 0; left: 0; z-index: 3; line-height: 1; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .flex-custom-nav .flex-control-nav { width: auto; display: inline-block; position: static; } .flex-custom-nav .flex-custom-link { font-size: 12px; position: relative; bottom: 7px; margin: 0 8px; color: #1f232b; } .ds .flex-custom-nav .flex-custom-link, .cs .flex-custom-nav .flex-custom-link { color: #fff; } .flex-custom-nav .flex-custom-link:hover { color: #55bce7; } .intro_section:hover .flex-custom-nav { opacity: 1; } /* prettyPhoto */ div.facebook .pp_description { margin: 0 37px 0 0; } div.pp_pic_holder a:focus { outline: none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_content { height: 40px; min-width: 40px; overflow: hidden; } * html .pp_content { width: 40px; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; padding: 8px 10px; line-height: 1; background-color: #fff; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0 0 0 30px; } .pp_social .facebook { float: left; margin-left: 5px; width: auto; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav p { float: left; white-space: nowrap; margin: 4px 6px; font-weight: bold; opacity: 0.7; } .pp_nav .pp_play, .pp_nav .pp_pause, a.pp_arrow_previous, a.pp_arrow_next { float: left; text-align: center; font-size: 0; color: transparent; } .pp_nav .pp_play:before, .pp_nav .pp_pause:before, a.pp_arrow_previous:before, a.pp_arrow_next:before { line-height: 20px; display: inline-block; width: 20px; font-family: 'FontAwesome'; font-size: 12px; color: #1f232b; opacity: 0.7; content: "\f04b"; } .pp_nav .pp_play:hover:before, .pp_nav .pp_pause:hover:before, a.pp_arrow_previous:hover:before, a.pp_arrow_next:hover:before { opacity: 1; } .pp_nav .pp_pause:before { content: "\f04c"; } a.pp_arrow_previous:before { content: "\f04a"; } a.pp_arrow_next:before { content: "\f04e"; } a.pp_arrow_previous.disabled, a.pp_arrow_next.disabled { visibility: hidden; cursor: default; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0; } .pp_gallery ul a { border: 1px rgba(0, 0, 0, 0.1) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery ul .selected a { border-color: #55bce7; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { display: block; height: 33px; width: 50px; } div.facebook .pp_gallery .pp_arrow_previous, div.facebook .pp_gallery .pp_arrow_next { margin-top: 7px; } a.pp_next, a.pp_previous { position: relative; display: block; float: right; height: 100%; width: 49%; font-size: 0; color: transparent; opacity: 0; } a.pp_next:before, a.pp_previous:before { line-height: 1; background-color: rgba(31, 35, 43, 0.3); font-size: 18px; padding: 10px 15px 10px 18px; color: #fff; font-family: 'FontAwesome'; content: "\f105"; position: absolute; top: 50%; margin-top: -3px; right: 30px; } a.pp_next:hover, a.pp_previous:hover { opacity: 1; } a.pp_previous { float: left; } a.pp_previous:before { content: "\f104"; right: auto; padding: 10px 18px 10px 15px; left: 30px; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; position: absolute; right: 30px; top: 19px; z-index: 20000; font-size: 0; color: transparent; text-align: center; } a.pp_expand:before, a.pp_contract:before { font-size: 14px; line-height: 20px; color: #fff; font-family: 'FontAwesome'; content: "\f0b2"; background-color: rgba(31, 35, 43, 0.3); padding: 12px 13px; } a.pp_contract:before { content: "\f066"; } a.pp_close { display: none; position: absolute; right: -7px; top: -25px; font-size: 0; color: transparent; } a.pp_close:before { background-color: #0f0f0f; padding: 6px 8px; font-size: 14px; color: #fff; font-family: 'FontAwesome'; content: "\f00d"; } .pp_loaderIcon { height: 50px; width: 50px; left: 50%; top: 50%; position: absolute; margin: -25px 0 0 -25px; text-align: center; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .pp_loaderIcon:before { display: block; font-family: 'FontAwesome'; content: "\f1ce"; color: #fff; font-size: 50px; line-height: 50px; opacity: 0.6; } #pp_full_res { line-height: 1; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px; } div.ppt { color: #fff; display: none; font-size: 18px; z-index: 9999; margin: 0 0 5px 20px; } .pp_top, .pp_bottom { position: relative; } * html .pp_top, * html .pp_bottom { padding: 0 20px; } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_fade, .pp_gallery li.default a img { display: none; } /* easy pie chart */ .chart { position: relative; display: inline-block; min-height: 150px; min-width: 150px; margin-top: 0; margin-bottom: 10px; text-align: center; } .chart .chart-meta { position: absolute; width: 100%; top: 50%; margin-top: -32px; } .chart .chart-meta .title { margin-top: 0.2em; font-size: 20px; font-weight: 300; color: #808080; text-transform: none; letter-spacing: 0; } .percent { display: inline-block; font-size: 60px; font-weight: 600; z-index: 2; letter-spacing: 0; color: #1f232b; } .percent:after { content: '%'; } .angular { margin-top: 100px; } .angular .chart { margin-top: 0; } /* timetable */ #timetable span { display: block; } #timetable th, #timetable td { vertical-align: middle; font-weight: normal; text-align: center; padding: 25px 5px; } #timetable thead { color: #fff; } #timetable thead th { border: 1px solid rgba(255, 255, 255, 0.2); border-width: 0 1px; } #timetable tbody th, #timetable tbody td { border: 1px solid #e5e5e5; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } #timetable tbody .current { background-color: #55bce7; border-color: #55bce7; } #timetable tbody .current a { color: #fff; } /* totop */ #toTop { bottom: 10px; right: 10px; display: none; width: 50px; height: 50px; overflow: hidden; position: fixed; text-decoration: none; z-index: 9999; font-size: 0; color: transparent; background-color: #55bce7; border-radius: 50%; opacity: 0.7; } #toTop:after { color: #fff; content: '\f106'; font-size: 16px; line-height: 47px; font-family: 'FontAwesome'; text-align: center; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } #toTopHover, #toTop:hover { bottom: 8px; opacity: 1; } #toTop:hover:after { color: #fff; } #toTop:active, #toTop:focus { outline: medium none; } .modal-open #toTop { visibility: hidden; } /* jQuery Countdown styles 2.0.2. */ #comingsoon-countdown { text-align: center; } #comingsoon-countdown:before, #comingsoon-countdown:after { clear: both; display: table; content: ' '; } .countdown-rtl { direction: rtl; } .countdown-row { clear: both; display: table; margin: auto; padding: 20px 0; margin-bottom: 20px; text-align: center; } .countdown-section { display: table-cell; padding: 10px 30px 20px; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.2); } .countdown-section:first-child { border-left-width: 0; } .countdown-amount { font-size: 90px; line-height: 1; font-weight: 100; color: #55bce7; } .countdown-period { display: block; font-size: 28px; font-weight: 100; } .countdown-descr { display: block; } @media (max-width: 767px) { .countdown-section { padding: 20px 8px 0; } .countdown-amount { font-size: 40px; } .countdown-period { font-size: 16px; } } /* Simple Job Board */ .human-consult { /* Grid View */ } .human-consult .sjb-page { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 30px; margin-bottom: 15px; /* Top Filters */ /* Pagination */ } .human-consult .sjb-page .list-data { box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.15); border: 0; margin: 15px 0; /* Company logo */ /* Read more */ } @media (min-width: 500px) { .human-consult .sjb-page .list-data > .row { margin-right: -25px; margin-left: -25px; } .human-consult .sjb-page .list-data > .row > [class*="col-"] { padding-left: 25px; padding-right: 25px; } } @media (min-width: 992px) { .human-consult .sjb-page .list-data > .row { display: flex; } .human-consult .sjb-page .list-data > .row > [class*="col-"] { display: flex; flex-direction: column; } .human-consult .sjb-page .list-data > .row > [class*="col-"].job-meta-wrap { justify-content: center; } } .human-consult .sjb-page .list-data .company-logo img { border: 0; max-width: 100px; } .human-consult .sjb-page .list-data .job-info h4.job-title { margin: 0 0 10px; } .human-consult .sjb-page .list-data .job-info h4.job-title a { font-size: 28px; font-weight: 600; text-transform: none; letter-spacing: -0.02em; margin: 0; padding: 0; word-wrap: break-word; color: #1f232b; } .human-consult .sjb-page .list-data .job-info h4.job-title a:hover { color: #55bce7; } .human-consult .sjb-page .list-data .company-name { font-size: 16px; font-weight: 600; letter-spacing: -0.02em; text-transform: uppercase; color: #55bce7; background: -webkit-linear-gradient(#55bce7, #0083b0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .human-consult .sjb-page .list-data .job-description p:last-child { margin-bottom: 0; } .human-consult .sjb-page .list-data .job-description .btn.btn-primary { font-weight: 600; font-family: "Montserrat", sans-serif; letter-spacing: -0.02em; font-size: 12px; margin-left: 0; background: none; color: #55bce7; text-transform: uppercase; padding: 0; } .human-consult .sjb-page .list-data .job-description .btn.btn-primary:hover, .human-consult .sjb-page .list-data .job-description .btn.btn- primary:focus { color: #1f232b; } .human-consult .sjb-page .list-data .job-description .btn.btn-primary:after { font-family: FontAwesome; content: '\f149'; font-size: 14px; margin-left: 5px; } @media (min-width: 992px) { .human-consult .sjb-page .list-data .job-meta-wrap { border-left: 1px solid #e5e5e5; } } .human-consult .sjb-page .list-data .job-meta-wrap .job-type, .human-consult .sjb-page .list-data .job-meta-wrap .job-location, .human- consult .sjb-page .list-data .job-meta-wrap .job-date { font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: -0.02em; line-height: 1.4; color: #1f232b; display: flex; align-items: center; margin-bottom: 20px; } .human-consult .sjb-page .list-data .job-meta-wrap .job-type i, .human-consult .sjb-page .list-data .job-meta-wrap .job-location i, .human- consult .sjb-page .list-data .job-meta-wrap .job-date i { font-size: 20px; width: 20px; text-align: center; margin-right: 10px; } .human-consult .sjb-page .list-data .job-meta-wrap .job-type, .human-consult .sjb-page .list-data .job-meta-wrap .job-type i { color: #ff493c; } .human-consult .sjb-page .list-data .job-meta-wrap .job-location i, .human-consult .sjb-page .list-data .job-meta-wrap .job-date i { color: #55bce7; background: -webkit-linear-gradient(#55bce7, #0083b0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .human-consult .sjb-page .list-data.readmore-hidden .job-description .btn { display: none; } .human-consult .sjb-page .sjb-filters { position: relative; margin: 20px 0 45px; text-align: center; padding: 40px 20px 0; } @media (min-width: 768px) { .human-consult .sjb-page .sjb-filters { padding: 40px 50px 0; } } .human-consult .sjb-page .sjb-filters .row { margin-left: -10px; margin-right: -10px; } .human-consult .sjb-page .sjb-filters [class*="col-"] { padding-left: 10px; padding-right: 10px; } .human-consult .sjb-page .sjb-filters .sjb-search-button { position: absolute; right: 0; top: 10px; } .human-consult .sjb-page .sjb-filters .sjb-search-button .btn-search { border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: "FontAwesome"; font-size: 14px; font-weight: 400; color: #1f232b; height: 50px; margin-bottom: 0; padding: 0; width: 50px; background-color: #fff; } .human-consult .sjb-page .sjb-filters .sjb-search-button .btn-search:hover, .human-consult .sjb-page .sjb-filters .sjb-search-button .btn- search:focus, .human-consult .sjb-page .sjb-filters .sjb-search-button .btn-search.active { background-color: #55bce7; color: #fff; } @media (max-width: 992px) { .human-consult .sjb-page .sjb-filters .sjb-search-button { position: relative; right: auto; top: auto; padding-bottom: 40px; } .human-consult .sjb-page .sjb-filters .sjb-search-button .btn-search { width: 180px; text-align: center; } .team--section .row { display: flex; } } .human-consult .sjb-page .sjb-filters input[type="text"].form-control, .human-consult .sjb-page .sjb-filters select.form-control { background-color: rgba(15, 15, 15, 0.5); color: #fff; border: none; font-weight: 600; height: 50px; font-size: 12px; letter-spacing: -0.02em; text-transform: uppercase; text-indent: 20px; margin-bottom: 25px; } @media (min-width: 768px) { .human-consult .sjb-page .sjb-filters input[type="text"].form-control, .human-consult .sjb-page .sjb-filters select.form-control { margin-bottom: 40px; } } .human-consult .sjb-page .sjb-filters input[type="text"].form-control:-moz-placeholder, .human-consult .sjb-page .sjb-filters select.form- control:-moz-placeholder { color: #fff; opacity: 1; } .human-consult .sjb-page .sjb-filters input[type="text"].form-control::-moz-placeholder, .human-consult .sjb-page .sjb-filters select.form- control::-moz-placeholder { color: #fff; opacity: 1; } .human-consult .sjb-page .sjb-filters input[type="text"].form-control:-ms-input-placeholder, .human-consult .sjb-page .sjb-filters select.form-control:-ms-input-placeholder { color: #fff; } .human-consult .sjb-page .sjb-filters input[type="text"].form-control::-webkit-input-placeholder, .human-consult .sjb-page .sjb-filters select.form-control::-webkit-input-placeholder { color: #fff; } .human-consult .sjb-page .sjb-filters select { -webkit-appearance: inherit; -moz-appearance: inherit; appearance: inherit; background: #fff url(../img/select-arrow.png) no-repeat center right 15px; } .human-consult .sjb-page .sjb-filters select option { background: #1f232b; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } .human-consult .sjb-page .pagination li { margin-left: 6px; margin-right: 6px; } .human-consult .sjb-page .pagination li .page-numbers, .human-consult .sjb-page .pagination li .prev, .human-consult .sjb-page .pagination li .next { color: #808080; background-color: #f2f2f2; border: none; border-radius: 0; font-size: 14px; font-weight: 600; margin-left: 0; min-width: 50px; height: 50px; line-height: 50px; padding: 0; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .human-consult .sjb-page .pagination li .page-numbers:before, .human-consult .sjb-page .pagination li .prev:before, .human-consult .sjb-page .pagination li .next:before, .human-consult .sjb-page .pagination li .page-numbers:after, .human-consult .sjb-page .pagination li .prev:after, .human-consult .sjb-page .pagination li .next:after { line-height: 50px; font-size: 14px; font-weight: 600; } .human-consult .sjb-page .pagination li .page-numbers.current, .human-consult .sjb-page .pagination li .prev.current, .human-consult .sjb- page .pagination li .next.current, .human-consult .sjb-page .pagination li .page-numbers.current:hover, .human-consult .sjb-page .pagination li .prev.current:hover, .human-consult .sjb-page .pagination li .next.current:hover, .human-consult .sjb-page .pagination li .page- numbers.current:focus, .human-consult .sjb-page .pagination li .prev.current:focus, .human-consult .sjb-page .pagination li .next.current:focus { color: #fff; background-color: #55bce7; } .human-consult .job-grid-view .grid-item .list-data { margin: 5px 0; padding: 30px 20px; } @media (min-width: 400px) { .human-consult .job-grid-view .grid-item .list-data { padding: 35px; } } .human-consult .job-grid-view .grid-item .list-data .company-logo { margin-bottom: 25px; } .human-consult .job-grid-view .grid-item .list-data .company-logo img { border: 0; max-width: 100px; } .human-consult .job-grid-view .grid-item .list-data .job-info { margin: 0 0 20px; } .human-consult .job-grid-view .grid-item .list-data .job-info h4.job-title { margin: 0 0 5px; } .human-consult .job-grid-view .grid-item .list-data .job-info h4.job-title a { font-size: 20px; font-weight: 600; text-transform: none; letter-spacing: -0.02em; margin: 0; padding: 0; word-wrap: break-word; color: #1f232b; } .human-consult .job-grid-view .grid-item .list-data .job-info h4.job-title a:hover { color: #55bce7; } .human-consult .job-grid-view .grid-item .list-data .company-name { font-size: 16px; font-weight: 600; letter-spacing: -0.02em; text-transform: uppercase; color: #55bce7; background: -webkit-linear-gradient(#55bce7, #0083b0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .human-consult .job-grid-view .grid-item .list-data .job-meta { margin-bottom: 20px; } .human-consult .job-grid-view .grid-item .list-data .job-meta .job-type, .human-consult .job-grid-view .grid-item .list-data .job-meta .job-location, .human-consult .job-grid-view .grid-item .list-data .job-meta .job-date { font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: -0.02em; line-height: 1.4; color: #1f232b; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } .human-consult .job-grid-view .grid-item .list-data .job-meta .job-type i, .human-consult .job-grid-view .grid-item .list-data .job-meta .job-location i, .human-consult .job-grid-view .grid-item .list-data .job-meta .job-date i { font-size: 20px; width: 20px; text-align: center; margin-right: 10px; } .human-consult .job-grid-view .grid-item .list-data .job-meta .job-type, .human-consult .job-grid-view .grid-item .list-data .job-meta .job-type i { color: #ff493c; } .human-consult .job-grid-view .grid-item .list-data .job-meta .job-location i, .human-consult .job-grid-view .grid-item .list-data .job-meta .job-date i { color: #55bce7; background: -webkit-linear-gradient(#55bce7, #0083b0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .human-consult .job-grid-view .grid-item .list-data .job-description p { margin: 0; } .human-consult .job-grid-view .grid-item .list-data .job-description .btn.btn-primary { margin: 20px 0 0; } /* Category */ .tax-jobpost_category .entry-meta, .tax-jobpost_job_type .entry-meta, .tax-jobpost_location .entry-meta { display: none; } /* Single post */ .single-jobpost .sjb-page .sjb-detail { margin: 0; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 { padding: 30px 20px; box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.15); } @media (min-width: 400px) { .single-jobpost .sjb-page .sjb-detail .list-data .v1 { padding: 55px; } } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .job-title { font-size: 28px; font-weight: 600; text-transform: none; letter-spacing: -0.02em; margin: 0 0 35px; padding: 0; word-wrap: break-word; color: #1f232b; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 30px 0; margin-bottom: 30px; } @media (min-width: 768px) { .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block > .row { display: flex; align-items: center; } } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-info-wrap { display: flex; align-items: center; } @media (max-width: 767px) { .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-info-wrap { margin-bottom: 30px; } } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-info-wrap .company-logo { margin: 0 35px 0 0; width: auto; display: inline-block; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-info-wrap .job-info { display: inline-block; margin: 0; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-info-wrap .job-info .company-name { font-size: 20px; font-weight: 600; letter-spacing: -0.02em; text-transform: uppercase; margin-bottom: 10px; color: #55bce7; background: -webkit-linear-gradient(#55bce7, #0083b0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-info-wrap .job-info .company-tagline { font-size: 12px; text-transform: uppercase; font-weight: 600; margin-bottom: 0; letter-spacing: -0.02em; line-height: 1.4; color: #1f232b; } @media (min-width: 992px) { .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap { border-left: 1px solid #e5e5e5; padding-left: 45px; } } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap .job-type, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap .job-location, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job- meta-wrap .job-date { font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: -0.02em; line-height: 1.4; color: #1f232b; display: flex; align-items: center; margin-top: 14px; margin-bottom: 14px; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap .job-type i, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap .job-location i, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap .job-date i { font-size: 20px; width: 20px; text-align: center; margin-right: 10px; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap .job-type, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap .job-type i { color: #ff493c; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap .job-location i, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .single-top-block .job-meta-wrap .job-date i { color: #55bce7; background: -webkit-linear-gradient(#55bce7, #0083b0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .features-title, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .form-title { font-size: 20px; font-weight: 600; letter-spacing: -0.02em; color: #55bce7; background: -webkit-linear-gradient(#55bce7, #0083b0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 40px 0 30px; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .job-features .table td { padding: 15px; line-height: 30px; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .job-features .table td:first-child { color: #1f232b; font-size: 20px; font-weight: 600; letter-spacing: -0.02em; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group label { font-size: 14px; font-weight: 600; letter-spacing: -0.02em; text-transform: uppercase; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group label.small { font-size: 16px; font-weight: 400; text-transform: none; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group label .required { padding: 0 5px; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group label[for="jobapp_text_field"], .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group label[for="jobapp_text_area"], .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group label[for="jobapp_email_field"], .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group label[for="jobapp_phone_number"], .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group label [for="jobapp_date_picker"] { display: none; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group input[type="text"], .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group input[type="email"], .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group input[type="tel"], .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .file, .single-jobpost .sjb-page .sjb- detail .list-data .v1 .jobpost-form .form-group textarea, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group select, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .form-control { background-color: #f2f2f2; color: #808080; border: none; border-radius: 0; box-shadow: none; font-size: 12px; font-weight: 600; height: 50px; letter-spacing: -0.02em; line-height: 30px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; padding-top: 12px; text-transform: uppercase; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group textarea { min-height: 150px; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group input[type="radio"], .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group input[type="checkbox"] { margin: 5px 5px 0; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .file div { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: -0.02em; line-height: 28px; height: 38px; padding: 6px 16px; text-align: center; color: #fff; background-color: #55bce7; border-radius: 0; } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .btn-primary { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: -0.02em; padding: 18px 30px 18px; margin-bottom: 0; line-height: 1; display: inline-block; text-align: center; color: #fff; border: 1px solid #55bce7; background-color: #55bce7; border-radius: 0; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } @media (min-width: 992px) { .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .btn-primary { padding: 18px 40px 18px; } } .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .btn-primary:hover, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .btn-primary:focus, .single-jobpost .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-group .btn-primary:active { color: #55bce7; border: 1px solid #55bce7; background: transparent; } /* Widgets */ .sjb-recent-jobs-widget li { display: flex; flex-direction: column; justify-content: center; padding: 8px 0; border-bottom: 1px solid #e5e5e5; } .sjb-recent-jobs-widget li:first-child { padding-top: 0; } .sjb-recent-jobs-widget li:last-child { border-bottom: 0; padding-bottom: 0; } .sjb-recent-jobs-widget li a { color: #808080; } .sjb-recent-jobs-widget li a:hover, .sjb-recent-jobs-widget li a:focus { color: #1f232b; } .sjb-recent-jobs-widget li div { color: #0083b0; } .sjb-recent-jobs-widget li div i { margin-right: 5px; } /* **icons */ a[class*='soc-']:before { font-family: 'socicon'; font-size: 14px; } a.social-icon { display: inline-block; line-height: 1; text-align: center; vertical-align: middle; } a.social-icon span { opacity: 0.7; display: block; font-size: 14px; text-transform: uppercase; } a.social-icon span:first-child { font-size: 24px; margin-top: 8px; font-weight: bold; } a.social-icon [class*="rt-icon"] + span { font-size: 24px; margin-top: 8px; font-weight: bold; } a.social-icon + a.social-icon, .tooltip + a.social-icon { margin-left: 24px; } a.social-icon.bg-icon + a.social-icon.bg-icon, .tooltip + a.social-icon.bg-icon, a.social-icon.color-bg-icon + a.social-icon.color-bg-icon, .tooltip + a.social-icon.color-bg-icon, a.social-icon.border-icon + a.social-icon.border-icon, .tooltip + a.social-icon.border-icon { margin-left: 5px; } a.social-icon.block-icon { width: 100%; } a[class*='soc-'].rounded-icon { -webkit-border-radius: 50%; border-radius: 50%; border-width: 1px; border-style: solid; } a.big-icon { width: 112px; height: 112px; padding-top: 20px; padding-bottom: 20px; overflow: hidden; } a.big-icon[class*='soc-']:before { font-size: 32px; } a.big-icon [class*='rt-icon']:before { font-size: 32px; } .social-icons a.social-icon.color-bg-icon.rounded-icon { margin-left: 7px !important; } .social-icons a.social-icon.color-bg-icon.rounded-icon:first-of-type { margin-left: 0 !important; } .social-icons a.social-icon.color-bg-icon.rounded-icon:before { position: relative; top: 1px; } .social-icons a.social-icon.color-bg-icon.rounded-icon:hover { background-color: #f2f2f2; } /*corporate colors*/ a.color-icon.soc-twitter, a[class*="soc-"].soc-twitter:hover { color: #00abef; border-color: #00abef; } a.color-icon.soc-facebook, a[class*="soc-"].soc-facebook:hover { color: #507cbe; border-color: #507cbe; } a.color-icon.soc-google, a[class*="soc-"].soc-google:hover { color: #d93e2d; border-color: #d93e2d; } a.color-icon.soc-pinterest, a[class*="soc-"].soc-pinterest:hover { color: #c92619; border-color: #c92619; } a.color-icon.soc-foursquare, a[class*="soc-"].soc-foursquare:hover { color: #23b7e0; border-color: #23b7e0; } a.color-icon.soc-yahoo, a[class*="soc-"].soc-yahoo:hover { color: #6e2a85; border-color: #6e2a85; } a.color-icon.soc-skype, a[class*="soc-"].soc-skype:hover { color: #28abe3; border-color: #28abe3; } a.color-icon.soc-yelp, a[class*="soc-"].soc-yelp:hover { color: #c83218; border-color: #c83218; } a.color-icon.soc-feedburner, a[class*="soc-"].soc-feedburner:hover { color: #fc0; border-color: #fc0; } a.color-icon.soc-linkedin, a[class*="soc-"].soc-linkedin:hover { color: #3371b7; border-color: #3371b7; } a.color-icon.soc-viadeo, a[class*="soc-"].soc-viadeo:hover { color: #e4a000; border-color: #e4a000; } a.color-icon.soc-xing, a[class*="soc-"].soc-xing:hover { color: #005a60; border-color: #005a60; } a.color-icon.soc-myspace, a[class*="soc-"].soc-myspace:hover { color: #323232; border-color: #323232; } a.color-icon.soc-soundcloud, a[class*="soc-"].soc-soundcloud:hover { color: #fe3801; border-color: #fe3801; } a.color-icon.soc-spotify, a[class*="soc-"].soc-spotify:hover { color: #7bb342; border-color: #7bb342; } a.color-icon.soc-grooveshark, a[class*="soc-"].soc-grooveshark:hover { color: #f67e03; border-color: #f67e03; } a.color-icon.soc-lastfm, a[class*="soc-"].soc-lastfm:hover { color: #d41316; border-color: #d41316; } a.color-icon.soc-youtube, a[class*="soc-"].soc-youtube:hover { color: #d12121; border-color: #d12121; } a.color-icon.soc-vimeo, a[class*="soc-"].soc-vimeo:hover { color: #51b5e7; border-color: #51b5e7; } a.color-icon.soc-dailymotion, a[class*="soc-"].soc-dailymotion:hover { color: #004e72; border-color: #004e72; } a.color-icon.soc-vine, a[class*="soc-"].soc-vine:hover { color: #00b389; border-color: #00b389; } a.color-icon.soc-flickr, a[class*="soc-"].soc-flickr:hover { color: #0062dd; border-color: #0062dd; } a.color-icon.soc-500px, a[class*="soc-"].soc-500px:hover { color: #58a9de; border-color: #58a9de; } a.color-icon.soc-instagram, a[class*="soc-"].soc-instagram:hover { color: #9c7c6e; border-color: #9c7c6e; } a.color-icon.soc-wordpress, a[class*="soc-"].soc-wordpress:hover { color: #464646; border-color: #464646; } a.color-icon.soc-tumblr, a[class*="soc-"].soc-tumblr:hover { color: #45556c; border-color: #45556c; } a.color-icon.soc-blogger, a[class*="soc-"].soc-blogger:hover { color: #ec661c; border-color: #ec661c; } a.color-icon.soc-technorati, a[class*="soc-"].soc-technorati:hover { color: #5cb030; border-color: #5cb030; } a.color-icon.soc-reddit, a[class*="soc-"].soc-reddit:hover { color: #e74a1e; border-color: #e74a1e; } a.color-icon.soc-dribbble, a[class*="soc-"].soc-dribbble:hover { color: #e84d88; border-color: #e84d88; } a.color-icon.soc-stumbleupon, a[class*="soc-"].soc-stumbleupon:hover { color: #e64011; border-color: #e64011; } a.color-icon.soc-digg, a[class*="soc-"].soc-digg:hover { color: #1d1d1b; border-color: #1d1d1b; } a.color-icon.soc-envato, a[class*="soc-"].soc-envato:hover { color: #597c3a; border-color: #597c3a; } a.color-icon.soc-behance, a[class*="soc-"].soc-behance:hover { color: #007eff; border-color: #007eff; } a.color-icon.soc-delicious, a[class*="soc-"].soc-delicious:hover { color: #31a9ff; border-color: #31a9ff; } a.color-icon.soc-deviantart, a[class*="soc-"].soc-deviantart:hover { color: #c5d200; border-color: #c5d200; } a.color-icon.soc-forrst, a[class*="soc-"].soc-forrst:hover { color: #5b9a68; border-color: #5b9a68; } a.color-icon.soc-play, a[class*="soc-"].soc-play:hover { color: #5acdbd; border-color: #5acdbd; } a.color-icon.soc-zerply, a[class*="soc-"].soc-zerply:hover { color: #9dbc7a; border-color: #9dbc7a; } a.color-icon.soc-wikipedia, a[class*="soc-"].soc-wikipedia:hover { color: #000; border-color: #000; } a.color-icon.soc-apple, a[class*="soc-"].soc-apple:hover { color: #b9bfc1; border-color: #b9bfc1; } a.color-icon.soc-flattr, a[class*="soc-"].soc-flattr:hover { color: #f67c1a; border-color: #f67c1a; } a.color-icon.soc-github, a[class*="soc-"].soc-github:hover { color: #221e1b; border-color: #221e1b; } a.color-icon.soc-friendfeed, a[class*="soc-"].soc-friendfeed:hover { color: #2f72c4; border-color: #2f72c4; } a.color-icon.soc-newsvine, a[class*="soc-"].soc-newsvine:hover { color: #075b2f; border-color: #075b2f; } a.color-icon.soc-identica, a[class*="soc-"].soc-identica:hover { color: #000; border-color: #000; } a.color-icon.soc-bebo, a[class*="soc-"].soc-bebo:hover { color: #ef1011; border-color: #ef1011; } a.color-icon.soc-zynga, a[class*="soc-"].soc-zynga:hover { color: #dc0606; border-color: #dc0606; } a.color-icon.soc-steam, a[class*="soc-"].soc-steam:hover { color: #8f8d8a; border-color: #8f8d8a; } a.color-icon.soc-xbox, a[class*="soc-"].soc-xbox:hover { color: #92c83e; border-color: #92c83e; } a.color-icon.soc-windows, a[class*="soc-"].soc-windows:hover { color: #00bdf6; border-color: #00bdf6; } a.color-icon.soc-outlook, a[class*="soc-"].soc-outlook:hover { color: #0072c6; border-color: #0072c6; } a.color-icon.soc-coderwall, a[class*="soc-"].soc-coderwall:hover { color: #3e8dcc; border-color: #3e8dcc; } a.color-icon.soc-tripadvisor, a[class*="soc-"].soc-tripadvisor:hover { color: #000; border-color: #000; } a.color-icon.soc-appnet, a[class*="soc-"].soc-appnet:hover { color: #494949; border-color: #494949; } a.color-icon.soc-goodreads, a[class*="soc-"].soc-goodreads:hover { color: #1abc9c; border-color: #1abc9c; } a.color-icon.soc-tripit, a[class*="soc-"].soc-tripit:hover { color: #1982c3; border-color: #1982c3; } a.color-icon.soc-lanyrd, a[class*="soc-"].soc-lanyrd:hover { color: #3c80c9; border-color: #3c80c9; } a.color-icon.soc-slideshare, a[class*="soc-"].soc-slideshare:hover { color: #4ba3a6; border-color: #4ba3a6; } a.color-icon.soc-buffer, a[class*="soc-"].soc-buffer:hover { color: #000; border-color: #000; } a.color-icon.soc-rss, a[class*="soc-"].soc-rss:hover { color: #f26109; border-color: #f26109; } a.color-icon.soc-vkontakte, a[class*="soc-"].soc-vkontakte:hover { color: #5a7fa6; border-color: #5a7fa6; } a.color-icon.soc-disqus, a[class*="soc-"].soc-disqus:hover { color: #2e9fff; border-color: #2e9fff; } a.color-icon.soc-houzz, a[class*="soc-"].soc-houzz:hover { color: #7cc04b; border-color: #7cc04b; } a.color-icon.soc-mail, a[class*="soc-"].soc-mail:hover { color: #000; border-color: #000; } a.color-icon.soc-patreon, a[class*="soc-"].soc-patreon:hover { color: #e44727; border-color: #e44727; } a.color-icon.soc-paypal, a[class*="soc-"].soc-paypal:hover { color: #009cde; border-color: #009cde; } a.color-icon.soc-playstation, a[class*="soc-"].soc-playstation:hover { color: #000; border-color: #000; } a.color-icon.soc-smugmug, a[class*="soc-"].soc-smugmug:hover { color: #acfd32; border-color: #acfd32; } a.color-icon.soc-swarm, a[class*="soc-"].soc-swarm:hover { color: #fc9d3c; border-color: #fc9d3c; } a.color-icon.soc-triplej, a[class*="soc-"].soc-triplej:hover { color: #e53531; border-color: #e53531; } a.color-icon.soc-yammer, a[class*="soc-"].soc-yammer:hover { color: #1175c4; border-color: #1175c4; } a.color-icon.soc-stackoverflow, a[class*="soc-"].soc-stackoverflow:hover { color: #fd9827; border-color: #fd9827; } a.color-icon.soc-drupal, a[class*="soc-"].soc-drupal:hover { color: #00598e; border-color: #00598e; } a.color-icon.soc-odnoklassniki, a[class*="soc-"].soc-odnoklassniki:hover { color: #f48420; border-color: #f48420; } a.color-icon.soc-android, a[class*="soc-"].soc-android:hover { color: #8ec047; border-color: #8ec047; } a.color-icon.soc-meetup, a[class*="soc-"].soc-meetup:hover { color: #e2373c; border-color: #e2373c; } a.color-icon.soc-persona, a[class*="soc-"].soc-persona:hover { color: #e6753d; border-color: #e6753d; } a.color-icon.soc-amazon, a[class*="soc-"].soc-amazon:hover { color: #f90; border-color: #f90; } a.color-icon.soc-ello, a[class*="soc-"].soc-ello:hover { color: #000; border-color: #000; } a.color-icon.soc-mixcloud, a[class*="soc-"].soc-mixcloud:hover { color: #314359; border-color: #314359; } a.color-icon.soc-8tracks, a[class*="soc-"].soc-8tracks:hover { color: #122c4b; border-color: #122c4b; } a.color-icon.soc-twitch, a[class*="soc-"].soc-twitch:hover { color: #6441a5; border-color: #6441a5; } a.color-icon.soc-airbnb, a[class*="soc-"].soc-airbnb:hover { color: #ff5a5f; border-color: #ff5a5f; } a.color-icon.soc-pocket, a[class*="soc-"].soc-pocket:hover { color: #ed4055; border-color: #ed4055; } /*corporate background colors*/ .color-bg-icon { color: #fff; } .color-bg-icon.soc-twitter, a.soc-twitter.bg-icon:hover, .soc-twitter.color-icon.border-icon:hover { background-color: #00abef; border-color: #00abef; } .color-bg-icon.soc-facebook, a.soc-facebook.bg-icon:hover, .soc-facebook.color-icon.border-icon:hover { background-color: #507cbe; border-color: #507cbe; } .color-bg-icon.soc-google, a.soc-google.bg-icon:hover, .soc-google.color-icon.border-icon:hover { background-color: #d93e2d; border-color: #d93e2d; } .color-bg-icon.soc-pinterest, a.soc-pinterest.bg-icon:hover, .soc-pinterest.color-icon.border-icon:hover { background-color: #c92619; border-color: #c92619; } .color-bg-icon.soc-foursquare, a.soc-foursquare.bg-icon:hover, .soc-foursquare.color-icon.border-icon:hover { background-color: #23b7e0; border-color: #23b7e0; } .color-bg-icon.soc-yahoo, a.soc-yahoo.bg-icon:hover, .soc-yahoo.color-icon.border-icon:hover { background-color: #6e2a85; border-color: #6e2a85; } .color-bg-icon.soc-skype, a.soc-skype.bg-icon:hover, .soc-skype.color-icon.border-icon:hover { background-color: #28abe3; border-color: #28abe3; } .color-bg-icon.soc-yelp, a.soc-yelp.bg-icon:hover, .soc-yelp.color-icon.border-icon:hover { background-color: #c83218; border-color: #c83218; } .color-bg-icon.soc-feedburner, a.soc-feedburner.bg-icon:hover, .soc-feedburner.color-icon.border-icon:hover { background-color: #fc0; border-color: #fc0; } .color-bg-icon.soc-linkedin, a.soc-linkedin.bg-icon:hover, .soc-linkedin.color-icon.border-icon:hover { background-color: #3371b7; border-color: #3371b7; } .color-bg-icon.soc-viadeo, a.soc-viadeo.bg-icon:hover, .soc-viadeo.color-icon.border-icon:hover { background-color: #e4a000; border-color: #e4a000; } .color-bg-icon.soc-xing, a.soc-xing.bg-icon:hover, .soc-xing.color-icon.border-icon:hover { background-color: #005a60; border-color: #005a60; } .color-bg-icon.soc-myspace, a.soc-myspace.bg-icon:hover, .soc-myspace.color-icon.border-icon:hover { background-color: #323232; border-color: #323232; } .color-bg-icon.soc-soundcloud, a.soc-soundcloud.bg-icon:hover, .soc-soundcloud.color-icon.border-icon:hover { background-color: #fe3801; border-color: #fe3801; } .color-bg-icon.soc-spotify, a.soc-spotify.bg-icon:hover, .soc-spotify.color-icon.border-icon:hover { background-color: #7bb342; border-color: #7bb342; } .color-bg-icon.soc-grooveshark, a.soc-grooveshark.bg-icon:hover, .soc-grooveshark.color-icon.border-icon:hover { background-color: #f67e03; border-color: #f67e03; } .color-bg-icon.soc-lastfm, a.soc-lastfm.bg-icon:hover, .soc-lastfm.color-icon.border-icon:hover { background-color: #d41316; border-color: #d41316; } .color-bg-icon.soc-youtube, a.soc-youtube.bg-icon:hover, .soc-youtube.color-icon.border-icon:hover { background-color: #d12121; border-color: #d12121; } .color-bg-icon.soc-vimeo, a.soc-vimeo.bg-icon:hover, .soc-vimeo.color-icon.border-icon:hover { background-color: #51b5e7; border-color: #51b5e7; } .color-bg-icon.soc-dailymotion, a.soc-dailymotion.bg-icon:hover, .soc-dailymotion.color-icon.border-icon:hover { background-color: #004e72; border-color: #004e72; } .color-bg-icon.soc-vine, a.soc-vine.bg-icon:hover, .soc-vine.color-icon.border-icon:hover { background-color: #00b389; border-color: #00b389; } .color-bg-icon.soc-flickr, a.soc-flickr.bg-icon:hover, .soc-flickr.color-icon.border-icon:hover { background-color: #0062dd; border-color: #0062dd; } .color-bg-icon.soc-500px, a.soc-500px.bg-icon:hover, .soc-500px.color-icon.border-icon:hover { background-color: #58a9de; border-color: #58a9de; } .color-bg-icon.soc-instagram, a.soc-instagram.bg-icon:hover, .soc-instagram.color-icon.border-icon:hover { background-color: #9c7c6e; border-color: #9c7c6e; } .color-bg-icon.soc-wordpress, a.soc-wordpress.bg-icon:hover, .soc-wordpress.color-icon.border-icon:hover { background-color: #464646; border-color: #464646; } .color-bg-icon.soc-tumblr, a.soc-tumblr.bg-icon:hover, .soc-tumblr.color-icon.border-icon:hover { background-color: #45556c; border-color: #45556c; } .color-bg-icon.soc-blogger, a.soc-blogger.bg-icon:hover, .soc-blogger.color-icon.border-icon:hover { background-color: #ec661c; border-color: #ec661c; } .color-bg-icon.soc-technorati, a.soc-technorati.bg-icon:hover, .soc-technorati.color-icon.border-icon:hover { background-color: #5cb030; border-color: #5cb030; } .color-bg-icon.soc-reddit, a.soc-reddit.bg-icon:hover, .soc-reddit.color-icon.border-icon:hover { background-color: #e74a1e; border-color: #e74a1e; } .color-bg-icon.soc-dribbble, a.soc-dribbble.bg-icon:hover, .soc-dribbble.color-icon.border-icon:hover { background-color: #e84d88; border-color: #e84d88; } .color-bg-icon.soc-stumbleupon, a.soc-stumbleupon.bg-icon:hover, .soc-stumbleupon.color-icon.border-icon:hover { background-color: #e64011; border-color: #e64011; } .color-bg-icon.soc-digg, a.soc-digg.bg-icon:hover, .soc-digg.color-icon.border-icon:hover { background-color: #1d1d1b; border-color: #1d1d1b; } .color-bg-icon.soc-envato, a.soc-envato.bg-icon:hover, .soc-envato.color-icon.border-icon:hover { background-color: #597c3a; border-color: #597c3a; } .color-bg-icon.soc-behance, a.soc-behance.bg-icon:hover, .soc-behance.color-icon.border-icon:hover { background-color: #007eff; border-color: #007eff; } .color-bg-icon.soc-delicious, a.soc-delicious.bg-icon:hover, .soc-delicious.color-icon.border-icon:hover { background-color: #31a9ff; border-color: #31a9ff; } .color-bg-icon.soc-deviantart, a.soc-deviantart.bg-icon:hover, .soc-deviantart.color-icon.border-icon:hover { background-color: #c5d200; border-color: #c5d200; } .color-bg-icon.soc-forrst, a.soc-forrst.bg-icon:hover, .soc-forrst.color-icon.border-icon:hover { background-color: #5b9a68; border-color: #5b9a68; } .color-bg-icon.soc-play, a.soc-play.bg-icon:hover, .soc-play.color-icon.border-icon:hover { background-color: #5acdbd; border-color: #5acdbd; } .color-bg-icon.soc-zerply, a.soc-zerply.bg-icon:hover, .soc-zerply.color-icon.border-icon:hover { background-color: #9dbc7a; border-color: #9dbc7a; } .color-bg-icon.soc-wikipedia, a.soc-wikipedia.bg-icon:hover, .soc-wikipedia.color-icon.border-icon:hover { background-color: #000; border-color: #000; } .color-bg-icon.soc-apple, a.soc-apple.bg-icon:hover, .soc-apple.color-icon.border-icon:hover { background-color: #b9bfc1; border-color: #b9bfc1; } .color-bg-icon.soc-flattr, a.soc-flattr.bg-icon:hover, .soc-flattr.color-icon.border-icon:hover { background-color: #f67c1a; border-color: #f67c1a; } .color-bg-icon.soc-github, a.soc-github.bg-icon:hover, .soc-github.color-icon.border-icon:hover { background-color: #221e1b; border-color: #221e1b; } .color-bg-icon.soc-friendfeed, a.soc-friendfeed.bg-icon:hover, .soc-friendfeed.color-icon.border-icon:hover { background-color: #2f72c4; border-color: #2f72c4; } .color-bg-icon.soc-newsvine, a.soc-newsvine.bg-icon:hover, .soc-newsvine.color-icon.border-icon:hover { background-color: #075b2f; border-color: #075b2f; } .color-bg-icon.soc-identica, a.soc-identica.bg-icon:hover, .soc-identica.color-icon.border-icon:hover { background-color: #000; border-color: #000; } .color-bg-icon.soc-bebo, a.soc-bebo.bg-icon:hover, .soc-bebo.color-icon.border-icon:hover { background-color: #ef1011; border-color: #ef1011; } .color-bg-icon.soc-zynga, a.soc-zynga.bg-icon:hover, .soc-zynga.color-icon.border-icon:hover { background-color: #dc0606; border-color: #dc0606; } .color-bg-icon.soc-steam, a.soc-steam.bg-icon:hover, .soc-steam.color-icon.border-icon:hover { background-color: #8f8d8a; border-color: #8f8d8a; } .color-bg-icon.soc-xbox, a.soc-xbox.bg-icon:hover, .soc-xbox.color-icon.border-icon:hover { background-color: #92c83e; border-color: #92c83e; } .color-bg-icon.soc-windows, a.soc-windows.bg-icon:hover, .soc-windows.color-icon.border-icon:hover { background-color: #00bdf6; border-color: #00bdf6; } .color-bg-icon.soc-outlook, a.soc-outlook.bg-icon:hover, .soc-outlook.color-icon.border-icon:hover { background-color: #0072c6; border-color: #0072c6; } .color-bg-icon.soc-coderwall, a.soc-coderwall.bg-icon:hover, .soc-coderwall.color-icon.border-icon:hover { background-color: #3e8dcc; border-color: #3e8dcc; } .color-bg-icon.soc-tripadvisor, a.soc-tripadvisor.bg-icon:hover, .soc-tripadvisor.color-icon.border-icon:hover { background-color: #000; border-color: #000; } .color-bg-icon.soc-appnet, a.soc-appnet.bg-icon:hover, .soc-appnet.color-icon.border-icon:hover { background-color: #494949; border-color: #494949; } .color-bg-icon.soc-goodreads, a.soc-goodreads.bg-icon:hover, .soc-goodreads.color-icon.border-icon:hover { background-color: #1abc9c; border-color: #1abc9c; } .color-bg-icon.soc-tripit, a.soc-tripit.bg-icon:hover, .soc-tripit.color-icon.border-icon:hover { background-color: #1982c3; border-color: #1982c3; } .color-bg-icon.soc-lanyrd, a.soc-lanyrd.bg-icon:hover, .soc-lanyrd.color-icon.border-icon:hover { background-color: #3c80c9; border-color: #3c80c9; } .color-bg-icon.soc-slideshare, a.soc-slideshare.bg-icon:hover, .soc-slideshare.color-icon.border-icon:hover { background-color: #4ba3a6; border-color: #4ba3a6; } .color-bg-icon.soc-buffer, a.soc-buffer.bg-icon:hover, .soc-buffer.color-icon.border-icon:hover { background-color: #000; border-color: #000; } .color-bg-icon.soc-rss, a.soc-rss.bg-icon:hover, .soc-rss.color-icon.border-icon:hover { background-color: #f26109; border-color: #f26109; } .color-bg-icon.soc-vkontakte, a.soc-vkontakte.bg-icon:hover, .soc-vkontakte.color-icon.border-icon:hover { background-color: #5a7fa6; border-color: #5a7fa6; } .color-bg-icon.soc-disqus, a.soc-disqus.bg-icon:hover, .soc-disqus.color-icon.border-icon:hover { background-color: #2e9fff; border-color: #2e9fff; } .color-bg-icon.soc-houzz, a.soc-houzz.bg-icon:hover, .soc-houzz.color-icon.border-icon:hover { background-color: #7cc04b; border-color: #7cc04b; } .color-bg-icon.soc-mail, a.soc-mail.bg-icon:hover, .soc-mail.color-icon.border-icon:hover { background-color: #000; border-color: #000; } .color-bg-icon.soc-patreon, a.soc-patreon.bg-icon:hover, .soc-patreon.color-icon.border-icon:hover { background-color: #e44727; border-color: #e44727; } .color-bg-icon.soc-paypal, a.soc-paypal.bg-icon:hover, .soc-paypal.color-icon.border-icon:hover { background-color: #009cde; border-color: #009cde; } .color-bg-icon.soc-playstation, a.soc-playstation.bg-icon:hover, .soc-playstation.color-icon.border-icon:hover { background-color: #000; border-color: #000; } .color-bg-icon.soc-smugmug, a.soc-smugmug.bg-icon:hover, .soc-smugmug.color-icon.border-icon:hover { background-color: #acfd32; border-color: #acfd32; } .color-bg-icon.soc-swarm, a.soc-swarm.bg-icon:hover, .soc-swarm.color-icon.border-icon:hover { background-color: #fc9d3c; border-color: #fc9d3c; } .color-bg-icon.soc-triplej, a.soc-triplej.bg-icon:hover, .soc-triplej.color-icon.border-icon:hover { background-color: #e53531; border-color: #e53531; } .color-bg-icon.soc-yammer, a.soc-yammer.bg-icon:hover, .soc-yammer.color-icon.border-icon:hover { background-color: #1175c4; border-color: #1175c4; } .color-bg-icon.soc-stackoverflow, a.soc-stackoverflow.bg-icon:hover, .soc-stackoverflow.color-icon.border-icon:hover { background-color: #fd9827; border-color: #fd9827; } .color-bg-icon.soc-drupal, a.soc-drupal.bg-icon:hover, .soc-drupal.color-icon.border-icon:hover { background-color: #00598e; border-color: #00598e; } .color-bg-icon.soc-odnoklassniki, a.soc-odnoklassniki.bg-icon:hover, .soc-odnoklassniki.color-icon.border-icon:hover { background-color: #f48420; border-color: #f48420; } .color-bg-icon.soc-android, a.soc-android.bg-icon:hover, .soc-android.color-icon.border-icon:hover { background-color: #8ec047; border-color: #8ec047; } .color-bg-icon.soc-meetup, a.soc-meetup.bg-icon:hover, .soc-meetup.color-icon.border-icon:hover { background-color: #e2373c; border-color: #e2373c; } .color-bg-icon.soc-persona, a.soc-persona.bg-icon:hover, .soc-persona.color-icon.border-icon:hover { background-color: #e6753d; border-color: #e6753d; } .color-bg-icon.soc-amazon, a.soc-amazon.bg-icon:hover, .soc-amazon.color-icon.border-icon:hover { background-color: #f90; border-color: #f90; } .color-bg-icon.soc-ello, a.soc-ello.bg-icon:hover, .soc-ello.color-icon.border-icon:hover { background-color: #000; border-color: #000; } .color-bg-icon.soc-mixcloud, a.soc-mixcloud.bg-icon:hover, .soc-mixcloud.color-icon.border-icon:hover { background-color: #314359; border-color: #314359; } .color-bg-icon.soc-8tracks, a.soc-8tracks.bg-icon:hover, .soc-8tracks.color-icon.border-icon:hover { background-color: #122c4b; border-color: #122c4b; } .color-bg-icon.soc-twitch, a.soc-twitch.bg-icon:hover, .soc-twitch.color-icon.border-icon:hover { background-color: #6441a5; border-color: #6441a5; } .color-bg-icon.soc-airbnb, a.soc-airbnb.bg-icon:hover, .soc-airbnb.color-icon.border-icon:hover { background-color: #ff5a5f; border-color: #ff5a5f; } .color-bg-icon.soc-pocket, a.soc-pocket.bg-icon:hover, .soc-pocket.color-icon.border-icon:hover { background-color: #ed4055; border-color: #ed4055; } a.social-icon { color: #bebebe; } a.border-icon { border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 12px; margin-bottom: 4px; } a.border-icon:before { font-size: 14px; line-height: 16px; } a.bg-icon { color: #fff; background-color: #808080; padding: 11px 12px; margin-bottom: 4px; } a.social-icon.color-icon:hover { color: #1f232b; } a.social-icon.bg-icon:hover { color: #fff; } a.color-bg-icon { color: #fff; background-color: #1f232b; margin-bottom: 4px; padding: 15px 16px; } a.color-icon:hover { color: #1f232b; } a.color-icon.border-icon:hover { color: #fff; } .darklinks a.social-icon { color: #1f232b; border-color: #1f232b; } .demo-icon { display: inline-block; text-align: center; padding: 15px 20px 10px; } .demo-icon span { display: block; } .demo-icon .name { font-size: 1.01em; font-weight: 700; } .demo-icon a[class*="soc-"] { font-size: 24px; margin: 10px 0 0; } .social-icons-demo [class*='col-'] a[class*="soc-"] { margin: 10px; } /* isotope portfolio and gallery pos */ .gallery-item { text-align: center; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.66%; } .gallery-columns-7 .gallery-item { width: 14.28%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.11%; } .gallery-icon img { display: block; margin: 0 auto; width: 100%; } .gallery-caption { display: block; padding: 0.5em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery- caption { display: none; } @media (max-width: 600px) { .team--section .row { display: block; } .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-caption, .gallery-columns-5 .gallery-caption, .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } } .isotope_container { -webkit-transition: height 0.2s ease-in-out 0s; transition: height 0.2s ease-in-out 0s; } .single-post .isotope_container { margin: 20px 0; clear: both; } /*# sourceMappingURL=main.css.map */ @media (max-width: 768px) { .aboutSection .row{ display:flex; flex-direction:column-reverse; } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 50%; height: auto; } h3.section_header,.section_header { font-size:25px; } .FlowChart img { max-width: 70% !important; } } @media (max-width: 810px) { .member-description p{ font-size: 12px !important; line-height: 1 !important; text-align: center !important; } .isotope-item.item-layout-item-extended { width: 55%; } .qoc .row,.DORP .row{ display:flex !important; flex-direction:column-reverse !important; } } @media (max-width: 801px) { .qoc .row,.DORP .row{ display:flex !important; flex-direction:column-reverse !important; } .imageClass .col-xs-12.col-md-6{ text-align:center; } .aboutSection .row{ display:flex; flex-direction:column-reverse; } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 50%; height: auto; } } @media (max-width: 600px) { .isotope-item.item-layout-item-extended { width: 100%; } h3.section_header,.section_header { font-size:22px; } .Accoridon02 li.active{ width:100%; } .Accoridon02 a{ width:100%; } .Accoridon02 .nav-tabs > li + li , .Accoridon02 .nav-tabs > li{ width:100%; margin-left:0px; } } @media (max-width: 480px) { .fw-main-row.ls.ms.section_padding_top_150.section_padding_bottom_130.columns_padding_15.parallax.Accoridon02 { padding: 15px !important; } .extra-heading { font-size: 60px !important; top: 15px; padding-right: 15px !important; } } @media (max-width: 320px) { .extra-heading { font-size: 45px !important; top: 15px; padding-right: 15px !important; } .Accoridon01 li.active{ width:100%; display: flex; } .Accoridon01 a{ width:100%; } .Accoridon01 .nav-tabs > li + li , .Accoridon01 .nav-tabs > li,.Accoridon01 .ls .nav > li > a { width:100%; margin-left:0px; display: flex; } .Accoridon02 .nav-tabs > li > a { padding: 8px; display: block; } .FlowChart img{ max-width:100% !important; } } .contactForm .text-block { background: rgba(255, 255, 255, 0.7); padding: 50px 25px 50px 25px; border-radius: 15px; } .contactForm input.wpcf7-form-control.has-spinner.wpcf7-submit.theme_button.topmargin_10.wide_button { display:block; margin:0 auto; } .FlowChart img{ max-width:50%; } .quick_form_25_css form { padding-bottom: 0px !important; } .header_right_buttons a.theme_button.inverse.color1{ } h3.widget-title { text-align:center; } } .header_right_buttons a.theme_button.inverse.color1{ display:block; }
Solar panels on a commercial roof
Why Solar Energy Companies Must Recruit Better in 2023

The future of our planet is solar, and there’s no question about it. Almost all energy on earth—whether renewable or non-renewable—comes from the sun. Fossil fuels such as coal and natural gas are products of decomposed organisms from millions of years ago, which ultimately stored sunlight as chemical energy. Even the elements used for nuclear power owe their existence to the cores of stars.

If human civilization is to survive and grow, we must learn to harvest the power of the most powerful fusion reactor in the 40 trillion miles radius of home—the sun. However, a shift to solar is as disruptive an innovation as we can imagine— pushback from energy corporations kept the pace of innovation in solar technologies in the last century to a minimum.

The Beaming Dawn Of Solar Energy

Recently, the awareness of the human impact on the planet has breathed new life into solar energy. A growing number of consumers prefer greener alternatives, giving companies real incentives to develop more sustainable solutions.

The solar energy industry of today is full of opportunities. The companies that plant their feet firmly in the ground today will rule the energy markets tomorrow. However, having the right people making decisions in your company is critical for establishing a future-proof solar energy company. This makes solar energy recruitment arguably the most important decision for renewable energy companies right now.

At Whitham Group, we’re a team of solar energy recruiters that works with companies of all sizes to find top talent. We specialize in renewable energy recruiting for executive roles and other positions where expertise is of the greatest importance.

We’ve created a database of 18,000+ candidates we met at various events during our 12 years of involvement in the renewable energy industry. 4 out of 5 candidates in our database have never uploaded their resumes on job boards. In other words, we find talent that’s off the grid™. Get in touch to recruit top talent for your company.

Solar Power Is About To Go Supernova

The solar energy sector is expected to grow faster than ever in the upcoming years. One of the major drivers of this growth is the falling costs of solar panels. As technology continues to improve, the cost of producing solar panels is expected to decrease, making them more affordable for residential and commercial use. Improved battery technologies will also allow the use of solar energy at night time.

Government policies are also increasingly promoting the use of renewable energy sources. Many countries set ambitious targets for renewable energy production in COP 27. Governments are also offering incentives and subsidies to encourage the adoption of solar power. This will make it more financially viable for businesses and individuals to invest in solar power systems.

Increasing awareness about the environmental benefits of solar power is also playing a role. The combined effect of these factors will result in the industry’s rapid growth.

A solar roof

The Industry is Full Of Opportunities

The solar energy industry of today offers a wide range of business opportunities. The road a company chooses now will determine the competition it will face, its maximum potential, and overall chances of success. Proper recruitment in executive roles can help companies develop an optimal business plan. Work with executive recruiters at Whitham Group to find ideal candidates for your company.

Here are some of the opportunities in the solar energy industry right now:

Installation And Maintenance

Companies can specialize in installing and maintaining solar panels on residential and commercial buildings. This can include design, engineering, and ongoing monitoring and maintenance of the systems.

 A person installing solar panels

Solar Panel Manufacturing

Companies can manufacture and supply solar panels for both residential and commercial use. This includes the production of photovoltaic cells, as well as the assembly of the panels themselves.

Energy Storage Solutions

As solar power becomes more prevalent, companies can focus on developing and manufacturing energy storage solutions such as batteries to store excess solar energy for use during periods of low sunlight.

Solar Project Development

Companies can focus on developing large-scale solar projects, such as solar farms, and securing financing for these projects. This can include site selection, permitting, and project management.

Sales And Marketing

Companies can focus on promoting and selling solar products and services to residential and commercial customers. This can include developing marketing strategies, creating educational materials, and providing customer support.

Research And Development

Companies can invest in research and development to improve solar technology and reduce costs, leading to more efficient and cost-effective solar products and services.

Financing And Investment

Companies can provide financing and investment options for individuals and organizations looking to install solar panels or develop solar projects. This can include leasing options, power purchase agreements, and other financial products.

Grid Integration And Management

Companies can focus on integrating solar energy into the existing electrical grid and managing the flow of energy to ensure a stable and reliable supply.

Remote Monitoring And Management

Companies can provide remote monitoring and management services for solar systems, allowing customers to track the performance of their solar panels and ensure that they are operating at optimal levels. This can include advanced analytics, predictive maintenance, and remote troubleshooting.

Decisions Will Determine Success Tomorrow

The competition is heating up in the solar energy industry right now. You’ll need all the help you can get no matter which path you choose to go down. People in the industry have a better idea of where it’s headed. They know which technologies are more promising, which fields are being researched more rigorously than others, and which markets are ready for renewables.

Solar energy recruiters interviewing a candidate

Executive recruiters at Whitham Group help companies recruit the talent they otherwise wouldn’t have been able to reach. We give every business a chance to level the playing field by recruiting top talent from the industry.

Work with renewable energy headhunters to ensure your future. Contact us now!

Person working for an energy recruitment agency
How We Find Top Talent in The Energy Industry

If you’re an energy executive, you’re probably of the major talent deficit in the industry. You can’t rely on job search sites to find the top talent in the energy industry. The majority of the workforce has retired, and this has created a significant gap in the talent pool while others have moved onto other career paths.

According to the 2022 GETI report, around 75% of professionals in the energy industry have considered changing their careers within three years. Luckily, most professionals are switching to the renewable energy industry, which has worked well in favor of renewable energy executive recruiters at Whitham Group.

The energy industry has become globally dynamic. Internation candidates are also willing to relocate so they can work across multiple continents on different projects. This has helped renewable energy recruiters widen their employee search and embrace the fact that they would have to look for skilled employees beyond a business’s location.

In this guide, we’ll take a look at how energy industry recruiters at Whitham Group are using insights regarding industry employees, companies and recruiters, and job seekers to find top talent. With so many changes ad challenges on the horizon, we are making sure that we find candidates who make an impact.

Why Job Search Sites Don’t Work For Renewable Energy Firms

Most candidates that are perfect for the renewable energy industry are not registered with job search sites. Sometimes, job sites cannot widen their search results, so companies may be unable to find candidates that meet the right criteria.

Other times, job seekers are looking for something completely different which doesn’t align with what a renewable energy firm is searching for. It’s frustrating for an employer when they’re unable to find candidates that fit their requirements.

Additionally, when renewable energy firms are marketing their job descriptions, many search sites are unable to properly connect the qualifications with the job responsibilities. At Whitham Group, we have an exclusive search process.

Our experts have years of experience in Executive search for top talent in the energy industry. Even if a firm has a complex job description that job sites aren’t able to filter candidates for, we can find employees for those hard-to-fill technical positions.

We use our vast network to immediately filter out the right candidates that won’t just fill an empty position but also make an impact in your organization. We may not be a big firm, but we use our top talent to recruit the best talent for your company. We’re strategic in our search and have agile methods in place for a successful recruitment process.

Person handing their job application to a recruiter

How We Find Talent That’s Off The Grid™

At Whitham Group, we’ve spent over a decade in this industry. We have a huge network of fresh, professional contacts—all belonging to the Renewable Energy field. We’ve even partnered with top companies for international events, such as Solar Power International.

Tesla is our partner for World Energy Innovation Forum. We see our clients as well as our candidates at these exhibits and events. This helps us strengthen our organization and find the top talent in the energy industry for your company.

The Process

The search process begins with hiring managers or the client themselves meeting us at Whitham Group offices. We outline each client’s search requirements, future plans, organizational strategy, mission, and timelines during the meeting. This helps us gain a better understanding of their corporate culture.

Next, we performed a detailed and thorough client analysis. If you’re the client, our executive recruiters will find key opportunities and candidate profiles that would fit in your company’s organizational and corporate structure.

Following this, our renewable energy headhunters will create a job profile outlining the job description. Our market analysis also helps us find the ideal candidates for your company’s competitive environment. The job descriptions will have information regarding the role and responsibilities, client, career outline, educational requirements, key opportunities, etc.

Next, our executives then start looking for candidates that will fit the job profile. We have access to the top talent in the energy industry. We have research tools and a database that allows us to browse through contacts and various networks.

 Job interview

Once we’ve explored enough and found some potential targets, we start conducting interviews. We thoroughly check each candidate’s background to learn about their interests and competencies. Clients can then go through all our official submissions, where each candidate has gone through an in-depth recruiting process.

We ensure that each candidate has a passion for the renewable energy field and an interest in the job position and role. After the first round, we make adjustments according to what our clients like or dislik.

After some back and forth, we narrow the list of candidates. With our client, we conduct reference checks. Once we’re done with external references and interviews, we start the negotiation process. Usually, our executive recruiters act as mediators. Finally, Whitham Group assists each candidate’s successful on boarding with the client.

Candidate with renewable energy executive recruiter

How the Candidates Will Fit Your Organization

Around 42% of job applicants don’t meet the required skills, but they still apply for a job. This is also why job search sites don’t work well for the energy sector. To find the top talent available in the energy industry, we have a strict rule of not submitting candidates that don’t meet 90% of the skills required by the client.

We only present a candidate to our clients when they have the relevant skill set and experience, are willing to work within the salary stated by our client, and are motivated by their passion or interest rather than money.

Whitham Group’s Executive Recruiters

If you want to work with renewable energy recruiters at Whitham Group, you can learn more about us on our website. We ensure that our executives help you find the top talent in the renewable energy industry.

We use our existing database and find candidates that meet your company’s goals and values. In the last five years, 96% of our candidate recommendations have been accepted with amazing offers from our clients.

Get in touch with our executive recruiters in the energy industry today.

Overhead view on solar panels
4 Roles in Solar Energy a Recruitment Firm Can Help You Fill

The solar energy industry is growing at cosmic rates, and understandably so. Almost all energy on Earth comes from the sun. The amount of sunlight that hits the Earth in one hour has more energy than the world consumes in a year. The future of energy is undeniably solar.

As a solar energy company, you have limitless potential to grow. However, how you compare to other similar companies in the industry is determined by the people you hire. This puts recruitment at the center of your business strategy for survival and growth.

Whitham Group specializes in finding highly suitable candidates for solar energy companies. Our team has been working as renewable energy recruiters for 12 years, and we’ve helped many dust clouds mature to become the stars they are today. We serve well-known companies like Panasonic Eco Solutions as well as small businesses and startups. We’ve also partnered with Tesla Motors for The World Energy Innovation Forum.

Our database of 18,000+ people includes engineers, sales experts, marketers, executives, and other experienced professionals. Here, we discuss some of the departments we can help you fill. We only talk about roles broadly in this article. Please refer to our services page for the complete list of positions.

1- Business Development

The solar energy industry has been evolving fast. Researchers all over the globe are trying to figure out ways to improve the efficiency of photovoltaic cells and make the technology cheaper and more accessible. Businesses need to keep evolving just to survive. The only way to find your position in the market is to develop yourself into something distinct from others. Companies that capture a good market share today will be the leaders when solar energy reaches scale.

Whitham Group can find experienced and talented individuals to lead your business to success. Our 24-step process filters only the very best from our vast database of candidates. Get in touch to hire VP, Director, and Managers for business development in your company.

2- Marketing Professionals

Marketing is a vital business process in the renewable energy industry that startups often underestimate. It’s not enough to have a good product; you also have to communicate it to the audience in a way that highlights everything superior about it. Marketing will also help you establish trust and authority, ensuring you’re a step ahead of the competition when solar energy is more common.

Marketing is essential even if you’re a B2B business working on innovative solutions for other companies. You need investors to know about your company, and marketing is the only way to reach out to them. You also want to convince investors that your company is doing something truly innovative and useful so they can see profitability in investing in your company. Marketing experts can present facts and figures about your company for maximum impact.

People conducting an online interview

Solar energy is also a radiating topic for documentaries, YouTube videos, and news websites right now. If your company can catch the media’s attention with good marketing, you’ll get free press across different platforms and channels. This can improve your sales and get more people to invest in your company.

We can help you find marketing executives, brand ambassadors, digital marketers, communications managers, SEO experts, and other professionals. Get in touch and start hiring today!

3- Engineering Team

Engineers are the people who get stuff done. They come up with solutions to your problems and give your products and services value in the market. If your engineers are truly exceptional, they’ll be able to create products that are better than others in meaningful ways and have a place in the market. This can make life easier for your other teams, including business development, marketing, and sales.

Close-up image of a photovoltaic grid

Engineers play an even more critical role in evolving industries as opposed to more static industries such as FMCG. They’re the only ones that give companies a real competitive edge. Decisions from business development executives can’t materialize either if the engineering team isn’t qualified enough.

Unsurprisingly, engineers are highly sought after by solar energy companies, especially those with experience in the renewable energy industry. You won’t find the most talented individuals on job sites either—80% of candidates in our database don’t have resumes online.

Whitham Group can help you find engineers that meet your requirements and are willing to accept your decided salary. The secret is that we find engineers who find your company personally fascinating. They’re not primarily motivated by money to work for you. They will accept the job role even if you can’t match the salary of their other job offers.

We have environmental, hydro, geotechnical, civil, dam, mechanical, and various other types of engineers in our database. Visit our website now and find talent for your company!

An CEO posing for a camera

4- C and V-Level Positions

C-level executives are as pivotal in solar energy as in other industries. They make all the big decisions, including how much to invest in different roles and deciding the importance of different processes. C and V-Level officers are responsible for everything in their respective departments except the CEO, who’s responsible for the entire company. In the solar energy industry today, choosing CEO will determine the future of a small business or startup more than anything else.

As renewable energy executive recruiters, we specialize in C and V-Level positions at Whitham Group. We’ve identified talented professionals from across the renewable energy industry for top positions in companies. We use an intricate 26-step recruitment system to find the most suitable employees for you.

Ready to find talent for your company? Contact expert solar energy recruiters now!

A wind turbine
Here’s Why You’re Having Trouble Finding the Right Candidate for Your Renewable Energy Firm

The renewable energy industry is growing faster than ever right now, and it’s projected to do so until it has completely taken over the global energy market! Still, the industry is relatively new, and talent is scarce. The job market is highly competitive, where only the biggest players can consistently hire the most talented individuals.

As a renewable energy recruiting firm, Whitham Group has been building relationships in the industry for over 12 years. We have around 18,000 candidates in our database with experience in the energy industry. Our 26-step search process finds the most suitable candidates for you that will stay with your company for the long term. Companies have accepted 96% of our offers in the last five years.

Whatever your requirements are, we can find candidates that meet them. Get in touch and find the candidates you’ve been looking for!

In this article, we discuss some of the reasons most companies in the renewable energy industry fail to find the right candidates and why employees leave soon after recruitment. So without further ado, let’s get to the point.

Top Talent Doesn’t Use Job Search Websites

Talented and experienced professionals in the renewable energy industry generally don’t use job search sites. In our database, 80% of the 18,000 people have never created a resume profile on a job search website. They look for companies through their connections in the industry or through recruitment firms like Whitham Group.

This is because the renewable energy job market is competitive. The industry has grown faster than colleges train professionals in renewable energy fields. The demand for talent is high. The advertisement model of job search websites simply cannot work in a competitive job market where employees choose companies as much as companies choose employees.

If you’ve been looking for candidates through ads on job search websites, you shouldn’t be surprised that the applicants don’t fit your requirements. Get in touch with renewable energy recruiters at Whitham Group, and let us connect you with experienced and capable candidates.

An engineer posing for a camera

You’re a New Company That Lacks Reputation and Connections

Many talented people in the renewable energy industry choose companies based on what they’re passionate about. This is one of the few industries where people can put their skills to good use. If you’re a new company that lacks a reputation, few professionals have heard of you, and even fewer want to work for you. Companies in this industry also find candidates through the connections they’ve made in the industry. New companies lack that too.

Whitham Group has been in the renewable energy industry for over a decade. We’ve built relationships with industry events such as Solar Power International and met talented individuals from all areas of expertise. We’ve also partnered with Tesla at the World Energy Innovation Forum.

We can use our relationships and connections to find talented people for your company. Get in touch now!

A grid of photovoltaic panels on a field

You’re Unwilling to Invest in Recruitment

Have you ever thought about how much you lose when you hire the wrong person who leaves within months? That amount should be your available budget for recruitment. Recruitment needs resources in any industry. However, in a competitive job market where talent is hard to find, you can’t afford to cheap out on the recruitment budget.

Setting a proportionate budget will open up possibilities to use services such as renewable energy headhunters, making recruitment easier. Investing in recruitment also assures the candidate that you value them and want them to stay with you for a long time. This increases job security and retention.

Candidates You Hire Don’t Fit Your Company Culture

If you have a high employee turnover rate and you can’t find the right candidates that won’t leave, this might be the problem. People whose personality matches your company culture are more likely to enjoy working in your company. They’re also more likely to socialize, form relationships, and get personally invested in the company. People who socialize more are statistically less likely to switch companies.

At Whitham Group, we have a large database of candidates with experience in the renewable energy industry. We can find tens of candidates that the skills you’re looking for and are willing to work for your offered salary. Such a large number of suitable candidates allows us to filter for personality traits such as management styles and personal preferences.

We use these to determine which candidates would better fit your company culture. We ensure the candidate will enjoy working with your team and will likely continue working for you for years. Visit our website to learn more about our recruitment process.

You Don’t Focus On Employee Satisfaction

In a competitive job market, employees have a lot of options to work for. Companies offer highly competitive salaries to incentivize talented individuals to switch. The turnover rate is different to keep low for many small businesses in the renewable energy industry. This is unfortunate because renewable energy projects need long-term focus from the same people.

If you can’t pay competitive salaries, retain employees with greater satisfaction. As a smaller company, you can create a more casual, comfortable, and inclusive environment where employees feel at home. This may not be more attractive than higher pay for most people, but you don’t need many employees anyway. You only need a small group of people who value working with you.

image 2

Find Quality Candidates with Whitham Group

Whitham Group is considered among the most trusted renewable energy recruiting firms in the US. When we recommend candidates, we ensure they meet at least 90% of the requirements you list. We only recommend candidates motivated to work with you by something other than money, so they’re less likely to leave for a higher-paying offer.

Ready to let renewable energy recruiters solve hiring problems in your highly specialized industry? Get in touch now!

an executive at an energy firm
A Deep Dive Into Executive Search Process

Hiring the right executive for your renewable energy firm is trickier than it looks. You need the best recruitment strategies to find the best person for a top-tier role at your organization. Needless to say, energy executive search is a time-consuming and thorough process that requires an energy recruitment agency for the job.

Here’s what the process looks like:

Client Analysis

The first step of a renewable energy executive search is understanding the client’s needs. After all, the executive search firm is tasked with finding senior-level professionals who’d be involved in their company’s managerial and decision-making processes.

Recruiters can’t apply a one-size-fits-all approach when hiring for top-tier roles. This is why the first thing they need to do is meet with their client representatives and discuss the role objectives and requirements. A detailed client analysis allows executive recruiters to fully grasp the specifics of the role they’ll be hiring for. It also gives them an insight into the company culture, management style, and organizational mission and structure. This enables them to begin their search for candidates who’d be a good fit for these requirements.

Candidate Specification

The next step of an executive search process is creating a candidate profile specifying all the required elements. Recruiters draft optimized job profiles to compel prospective candidates. This is done after thorough market research and analysis to ensure the description provided is as accurate and detailed as possible.

During candidate specification and profile creation, recruiters list the responsibilities, reporting relationships, and other core details about the role they want to fill. For instance, they mention the core competencies they’re looking for, such as years of experience or specific technical and soft skills. Ideally, the candidate profile should also include the key opportunities the hired individual will have access to, giving them a complete picture of the role at hand.

candidate meeting the company head

Search Strategy

Once the client approves the candidate specification prepared by the executive search firm, it’s time to develop a search strategy. This is a way to identify potential organizations, individuals, and avenues recruiters can target to get the best talent.

For instance, the executive search firm will identify potential companies in the renewable energy sector that they can use for their talent hunt. They can also list firms they won’t be targeting due to certain reasons to narrow down their options. The client may have certain requirements or objections regarding the companies recruiters reach out to, which is accounted for during the search strategy development process.

The search strategy helps clients ensure their preferred companies, networks, and avenues are contacted for executive roles. It also serves as a blueprint for recruiters, allowing them to identify potential candidates likely to yield successful results. Various channels may be used to develop a search strategy. The executive firm can target the specified firms mentioned by the client, use their vast database, or conduct online and offline searches to determine where best to find the top talent for executive roles.

Querying & Qualifying

What happens once search firms have created initial search lists for prospective candidates? They add more names to the list by querying sources. This essentially means they also look within their networks and sources for candidate referrals. For instance, they may find a lead through a professional association, media group, or another source they are or have been affiliated with. If the candidates meet the requirements set earlier, they’re added to the search list.

Having developed an impressive search list, it’s now time to start reaching out to relevant parties. The executive search team contacts prospective candidates to gauge their interest in the role and assess if they meet the primary requirements. This is also a way for them to determine a candidate’s motivation and establish what would make them willingly accept an offer from their client. Obtaining this knowledge then allows recruiters to schedule initial, in-depth interviews.

executive interview

Interviewing & Referencing

The search team then schedules interviews with multiple shortlisted candidates to evaluate them further. This gives the recruiters a more detailed perspective of the candidate’s skills, experience, qualifications, past performances, and other important details. The interviews may be conducted in person or virtually. The goal of these initial interviews is to determine which candidates should be presented to the client and remove the ones that seem unfit for the role from the list.

The executive search team then prepares candidate profiles for individuals they’ve shortlisted for the client to review. Once the client approves the profiles, a second round of interviewing commences, where the client meets the candidates. These interviews are usually more detailed, competitive, and specific. The client and the executive recruiting team work together to assess each candidate and further narrow down the selection to two or three individuals.

This is also the stage where the executive search team checks references and contacts the people candidates had mentioned. Great care is taken to ensure this happens discreetly and under confidentiality. Referencing also includes verifying other academic, professional, or non-professional details shared by candidates.

Offer & Negotiation

Finally, the executive search firm reaches out to the final candidate who appears to be the best fit for the role and extends an offer. This typically kick-starts the salary negotiation process, although that may not necessarily occur. If the preferred candidate declines the offer even after negotiation, the next finalist is contacted for the position.

The executive search process ends once the candidate has accepted the offer made by the company. In some cases, the executive search firm also assists the client and the candidate with the onboarding process.

person accepting a job offer

Initiate a Successful Renewable Energy Executive Search with Whitham Group

With over a decade of experience in the renewable energy sector, Whitham Group has a vast network of professionals and an updated database. We’ve built valuable relationships with individuals and organizations over the years and have participated in countless industry-specific events. When you partner with us, you can count on finding the right executive fit for your renewable energy company!

Check out our website for more information about our renewable energy executive recruiters, and contact us now to get started.

People writing on a board
How Upskilling, Reskilling, and Continuous Learning Can Help Organizations Retain Talent

High employee turnover is a major problem for many small and medium-sized businesses. Estimates suggest that the average turnover rate in 2022 will jump from 20% to 24% in the US. An estimated 37.4 million people in the US have quit their jobs by the end of this year, and this retention rate is expected to remain high in the upcoming years. 

Whitham Group is a team of renewable energy recruiters that helps companies find suitable candidates in the renewable energy industry. Around 79% of the candidates we’ve placed in different companies have retained their position over the last five years. This makes our experts at Whitham Group uniquely qualified to enlighten you with lessons in employee retention.

So without further ado, let’s get down to business.

What is Upskilling?

Upskilling is a common business term that refers to teaching employees new skills. These skills can be those that people in other job roles in the company already have, allowing the employees in question to get a deeper understanding of the business processes in your company. These skills can also set the employee up for growth and greater responsibilities.

More commonly, upskilling refers to teaching employees new innovative skills that improve their productivity and output quality. Upskilling helps companies survive disruptive innovations. An effective upskilling strategy can even give small companies an edge over larger companies that aren’t as flexible and stick to their dated practices.

Upskilling is almost a necessity in the renewable energy industry. The science of renewable energy is still in its infancy, with thousands of papers published yearly. These studies offer ways to lower production costs, improve efficiency and make the technologies more practical in numerous ways. Companies that fail to upskill in this industry cannot hope to survive more than a few years.

Some people are naturally better able to learn new skills than others. If a good number of your employees are not very passionate about the technological advancements in the renewable energy industry, your investments in upskilling will be wasted. A renewable energy recruiting firm can help you find candidates just as eager to evolve as you are. At Whitham Group, we have over 18,000 renewable energy candidates in our database with different skills and personality traits.

What is Reskilling?

Reskilling is the process of teaching employees new skills and training them to assume a new job role in your company. Companies often reskill employees in entry positions that they think have the potential for a higher position. Employees too often join companies at entry-level positions hoping to one day be promoted to the job they want.

Reskilling can also train people for new job roles that your company previously didn’t have. As we discussed, the field of renewable energy is constantly evolving. Innovations in automation and data science are also making many job roles obsolete while creating new opportunities. 

Instead of firing employees in job roles companies no longer need, you can reskill employees in those departments for other positions. Employees who have been with your company for a long time may be better suited for the position than new talent. However, reskilling isn’t practical in all cases. For example, you can’t retrain an engineer to be an accountant or vice versa.

Again, people who are enthusiastic about the developments in renewable energy and fit your company culture better are more likely to be willing to reskill themselves instead of leaving. Professional renewable energy recruiters can help you find the best talent for your company.

Employees learning new skills in a conference

What is Continuous Learning?

Continuous learning is an aspect of a company’s culture than emphasizes perpetual growth. Companies that value continuous learning actively encourage new innovative ideas and make business processes incrementally better. Such companies also never accept the status quo and are always on the lookout for new industry research trends. Continuous learning is a particularly powerful process for small businesses, allowing them to overtake larger companies.

In particular, companies in the renewable energy industry cannot hope to survive without continuous learning. Several small and medium-sized businesses in the industry are coming up with new ways to do things, and just as many startups are giving existing businesses a run for their money. You must keep evolving and improving to have a future in the industry.

Companies can systematically and strategically encourage continuous learning by implementing reward systems and giving employees platforms to share their innovations. People in executive positions are essential in empowering continuous learning in any company. If you currently don’t have executives experienced in systematic continuous learning, executive search firms such as Whitham Group can find candidates suited to your company. 

Even more so than the management, strategies, and company philosophy, continuous learning is fueled by the company’s culture. If most of your employees are genuinely passionate about developments in renewable energy, they’ll discuss innovations even in their free time. You don’t need to implement any systems to encourage continuous learning. Team members will inform you of the latest innovations in their respective fields.

Our renewable energy recruiters at Whitham Group specialize in finding candidates that meet your required skills and have the personality traits that suit your company. Even a few good apples can reignite your team’s enthusiasm for renewable energy technologies. 

Person sharing their ideas with the team

How Upskilling, Reskilling, and Continuous Learning Helps Retain Talent

It must be clear by now that upskilling, reskilling, and continuous learning have a range of implications for businesses. Most companies in the renewable energy industry can’t even survive without these processes. Continuous evolution and retraining of employees improve retention in several ways, some of which are the following:

Making The Job More Meaningful

Many job roles today are highly repetitive and lack a clear purpose. Quite frankly, the biggest source of motivation for most of us is money. However, it doesn’t have to be that way in renewable energy companies. This industry is one of the few doing something inherently meaningful for the planet and future generations. Still, most people working in the industry are so disconnected from real-world applications that these jobs can feel just as boring.

A company culture that encourages continuous learning and upskilling can motivate employees to get better at what they do. It can add purpose and meaning to the job, giving employees something to aim for. This can improve employee satisfaction across the board and improve retention.

Employees having productive conversations

Making Employees Feel Like an Integral Part of The Company

Most industries today have highly specialized jobs. Employees are limited to performing their subset of tasks, having no say in the overall processes of the company. Specialization has proven highly profitable since it maximizes productivity, but it can make employees feel left out of the bigger picture. It’s good that many companies in various industries are moving towards more integrated workplaces that welcome all employees’ input.

A company culture that encourages continuous learning and welcomes new ideas makes employees feel like more than just cogs in the machine. Influencing business processes gives employees a sense of belonging, improving satisfaction and lowering employee turnover.

Improving Job Security

Job security can have a significant effect on employee turnover intention. When employees fear that they might lose their job unexpectedly any day, they’re more likely to accept a job offer from another company that appears to value their skills more. In many industries today, innovations in AI and automation are leaving companies no choice but to downsize and let people go. Innovations in energy can have a similar impact on the renewable energy industry.

When you, as a company, invest in upskilling and reskilling your employees, it reassures them that you value their experience in your company. It lets them know that you will find a place for them in your company in case of future major disruptive innovations, making them less likely to accept offers from your competitors.

Satisfying Employees Who Value Self-Improvement 

Many people are inherently lifelong learners. They enjoy learning new skills and want to continue improving themselves. Such individuals are highly valuable to companies in almost every industry. They’re quick learners who can easily understand even the most abstract ideas and offer innovative insights. However, such individuals easily get dissatisfied with companies that fail to benefit from everything they have to offer.

A company with a continuous learning culture that systematically encourages innovation is the ideal workplace for people who value self-improvement. They can see that the company values their talents and benefits from their input.

People in a conference room learning

Additional Effective Ways To Improve Employee Retention

If retaining talent is your main goal, several other ways to achieve that. Here are some of the most effective strategies to improve employee retention.

Hire People That Are Not on Job Boards

Some people inherently have job-hopping tendencies. They consider switching to bigger companies as a better way to evolve than progressing in their existing companies. Because they don’t have any long-term plans with their employers, they’re also less involved in the company’s evolution. These individuals are also willing to accept jobs from any company that offers high pay and don’t have any motivation to work in any particular company.

Job boards are full of such candidates. People who care about the company culture, philosophy, and values use agencies to find suitable companies for them. Nearly 80% of the 18,000 candidates we have at Whitham Group don’t have their resumes posted on any job boards. If you want to hire people motivated to join your company for reasons other than money, get in touch with us!

Hire Executives With Consistent Management Styles

Management plays a huge role in talent retention. Executives with modern management styles can better ensure employee satisfaction without sacrificing productivity. Something even more important—and often overlooked—is consistency. Employees need to know what they can expect from their superiors in different situations. Executives with inconsistent management styles are disturbing to many.

Whitham Group is a unique executive search firm that carefully finds candidates that suit the specifics of your company. If you currently don’t have an executive with a modern, consistent management style, allow us to help.

A renewable energy recruiter greeting a candidate

Hire Employees That Fit Your Company Culture

Even if you have a company culture that encourages innovation and is ideal for your industry, employees that don’t fit in will eventually leave. This is why hiring people that fit your company culture and not merely meet your basic requirements is important. In addition to evaluating how good a fit they are for your company, you have to ensure if your company is a good fit for them.

Whitham Group is a renewable energy recruiting firm that considers personality traits and company culture. All the candidates we recommend meet at least 90% of your requirements, are willing to accept your offered salary, and are motivated to join your company for reasons other than money. 

We’ve been in the industry for over 12 years now and have built countless lasting relationships in the industry. Our team of executive recruiters also finds candidates best suited to improving your company.

Need help improving employee retention in your company? Get in touch now!

A renewable energy recruiting interview
Recruitment Strategies for Startups Scaling Their Business

Recruitment is the most critical business process in startups. Hiring people with the right balance of enthusiasm and professionalism is vital to sustainable growth in today’s competitive markets. You need people who can think out of the box but are experienced enough not to repeat mistakes made by other startups. This is a challenge, especially in a niche industry such as renewable energy.

Whitham Group is a leading executive search firm that routinely helps startups find candidates fit for their needs. We specialize in renewable energy recruiting and have been in business for over 12 years. We have built successful relationships with over 18,000 candidates in our database. This puts us in an ideal position to discuss the most effective recruitment strategies.

So without further ado, here are some of the best recruitment strategies for startups scaling their business.

1- Adapt Our 3-Criterion Approach 

While hiring someone as soon as possible may be important for your startup, sacrificing suitability for it is a recipe for disaster. You need to list the criteria according to which you’ll assess candidates for the positions. These criteria can be as open or restricted as you want. We’ve found the following criteria to be the most effective in finding candidates that fit the job description the best:

  1. The candidate must meet at least 90% of the required skills and experience
  2. The candidate must be willing to accept the salary you’re offering
  3. The candidate must have personal interests in the industry and your company, so they’re motivated by more than just the money

Admittedly, finding candidates that fit these criteria can be challenging for startups. You probably don’t have many connections with other firms in the industry. 

If you’re looking for someone for a leading position, you can let our executive search firm find a candidate that fits our 3-criterion approach. We can also help you with renewable energy recruiting if you’re in this industry.

2- Use Competitive Recruiting to Find the Best Fit

If you can find more than a few candidates that meet your basic recruitment, you can use competitive recruiting to find candidates that fit your company the best. It’s not always easy to compare candidates with various skill sets in terms of how useful they’d be at your firm.

The trick is to interview and evaluate candidates in the same time frame. Once you have a list of acceptable candidates, call them for interviews as close to each other as possible. The candidates already meet all the basic requirements. You can better evaluate and compare their skills and aptitude this way.

You get the most out of competitive recruiting if you have many candidates. If you can’t find many candidates suitable for the position, let our executive recruiters do it for you!

Business runners evaluating candidates from executive recruiters 

Acquire Talent At Conferences and Events in Your Industry 

Conferences and events are swarming with talent. Everyone from experienced industry professionals to enthusiastic fresh graduates full of out-of-the-box ideas attends these events. Whitham Group has been exhibiting at Solar Power International for six years now. We’ve also met many candidates at the Inter-Solar Conference. Most of the candidates you’ll meet there are people with immense interest in the industry; all that matters is if they meet your requirements.

We have a database of thousands of candidates we met through conferences and events. Around 80% of our candidates are those that have never sent out their resumes, perhaps because they only expect to get offers from serious recruiters that consider them a good fit.

Industry events and conferences are only held once a year. As a startup, these conferences will be more helpful in establishing your business in the industry than in acquiring new candidates. If you’re a startup in the energy industry, get in touch with our renewable energy recruiters to find the most suitable candidates from our database.

Choose Candidates With High Social Intelligence

Startups often mistake only considering the industry experience and technical skills when hiring employees. If you’re looking for a candidate for an executive position, we highly recommend considering social intelligence as a major factor. Any good leader will spend a better part of their time motivating others to work better instead of putting their hard skills to use. Executives with high social intelligence may keep your business afloat.

Evaluating social intelligence is a soft skill; just like social intelligence itself, it can’t be taught. If you don’t know how to evaluate social intelligence in a candidate, hire our executive search firm instead! We build long-term relationships with our candidates to evaluate them thoroughly, so you get candidates that are ideal for your startup.

Productive satisfied employees at a startup

Get an Executive Search Firm to Find Candidates For You

As a startup, you probably don’t have the time or the resources to find the best candidates for your company. At the same time, you can’t settle for a less suitable candidate either. This is where we come in.

Whitham Group is an executive search firm that helps companies find candidates for executive positions. 79% of the candidates we chose for our clients five years ago still hold their position. Around 50% of those have already been promoted. With us, you get ideal candidates for your company and for whom your company is an ideal workplace. We also offer renewable energy recruiting to startups and established businesses. 

Want to find the most suitable candidates for your business? Get in touch now! 

An interview taking place.
Everything You Need to Know About Successful Executive Recruiting

One of the biggest hurdles a company faces is having to look for an executive. There’s a reason why executives generally have to inform well in time that they’re leaving, as the search process isn’t as straightforward as finding any competent individual. The process can often be daunting and take around half a year or so to complete. It’s also a standard approach for companies to hire executive search firms to take care of the task, as they have the necessary resources with their networking to help companies hire the right individual. Here’s all you need to know about it:

What Differs Between a Recruiter and an Executive Recruiter

The typical recruiter will find people to fill a variety of positions, but they generally do not exceed senior managerial positions. Regardless of their niche, they will stick to senior-level positions as their ceiling for the kind of recruitment they can take. Also called head-hunters, executive recruiters are hired to hire higher-ups beyond senior managers, such as managers, directors, and executives for different companies.

Numerous aspects need extra attention, requiring a higher level of networking and understanding to find executives. For this reason, executive recruiters are in a league of their own.

How the Executive Search Process Works

An executive search firm helps companies find the right candidate for executive posts within their ranks. First, the client provides the executive search firm with all of the requirements that they seek from a potential candidate. The executive search firm has its exclusive set of connections and networks, which it consults in conjunction with the provided input from the client to find the best possible candidate for the job.

Here’s a breakdown of all of the steps in the process in detail:

Search Firm Meeting

When it comes to executive positions, the requirements that the client has may be fairly specific. Unlike other positions, clients will generally have detailed needs and requirements for executives and directors. Not only is this necessary to understand what you’re looking for, but many important questions like timeline, company structure, and culture are also discussed in detail.

search firm and a client having a meeting.

Creating the Job Description

Once the executive search firm has determined how the company wants to proceed in the future and what its organizational culture is like, they get to work on creating a job description. The executive JD has details like the role and responsibility the candidate will fulfill, what kind of experience is required, what educational requirements there are, and what skills the client is looking for.

Talent Mapping and Sourcing

Once the job description is finished, companies can finalize their search plan. The search consultant forms a list of candidates using different sourcing and talent mapping methods. Companies generally have detailed contact networks, in-house databases, internet sources, and more to find candidates for the job.

The result allows them to have a detailed list of potential candidates that they can get in touch with and work with.

Approaching the Candidates for Interviews

Once the executive search firm has a list of candidates, they will eventually set meetings with each of them. Generally, this process is to filter out most of the candidates. The process is generally detailed and its goal in the first half is to bring down the number of potential people making it to the next stage.

Depending on their needs, the meetings will include assessments and interviews via audio or video call. When it comes to executive searches, companies could start with 100s of candidates with only 10 or even fewer people making it to the shortlist. The search process here is much more rigorous as compared to other recruitment options.

Shortlisting the Most Qualified Candidates

Even when the executive recruiters are down to 10 or so candidates, they do not stop filtering out candidates. Considering it’s such a vital role and the entire process already takes a lot of time, their goal is to limit the final set of applicants to a handful of names. For these individuals, the company might also conduct qualification, background, and skill verification checks to ensure they’re reliable, legitimate applicants.

Client Interviews

After the select few best qualifying individuals have been selected, the client company is also involved in the process. As they get the final say in the matter, they will conduct meetings of their own. Generally, they will narrow down options of their own to one or two individuals and meet them in person to discuss details.

An in-person group negotiation taking place.

Offer, Negotiation, and Onboarding

Eventually, after a detailed set of interviews, the client will pick one candidate. There are numerous matters before onboarding, such as salary negotiations, that the executive search firm will mediate for both parties to ensure everyone walks away happily. At this stage, the search firm’s work is concluded, and the selected individual will be onboarded and starts working for the new firm.

Be aware that you’ll have to be personalized in your approach, as directors and executives generally have more offers at hand that they could easily pick. You’ll also have to make the right approach to meet their expectations and convince them to take the job.

Important Aspects to Figure Out

Detailed Research

Because executive recruitment takes place less frequently as compared to other posts, it becomes more important to have a detailed understanding of both the post that’s vacant and the state of the industry. The goal is to have all things cleared out to ensure that you’re working with the best pool of candidates. A crucial step is to produce the best possible job description, ensuring that it meets all your requirements. Because it’s an executive-level post, you need to consider elements like industry and company culture in your job description as well.

A common mistake is listing far too many requirements. Your goal should be to figure out only the most essential requirements. This is helpful for the executive search team, as they can solely focus on the right markers that they want to look for when picking a candidate for the listing.

Use Employee Referrals

Even at the highest level, employee referrals play a huge role in the hiring process. Contacts across various social media accounts will lead to many candidates being discovered. Around 48% of businesses believe some of the top-quality hires are referred through by other employees. Another estimate suggests that it’s 55% faster to hire such individuals while leading to25% more profit when compared to candidates hired through other means.

There are numerous people available in the company that might be able to suggest candidates, and it’s a wise decision to work with them in the process and have their recommendations. You’ll have to give a detailed explanation of the kind of candidate you’re looking for to paint a clear picture of the potential person. For example, if you require someone capable of recruiting and developing skilled workers, this is the description you should give. This will allow your resource to find people competent at growing the company size and who have relevant experience in your industry of doing so.

Discreetness and Confidentiality

One of the major mistakes that people make is not maintaining the right level of discreetness during the interview process. Ideally, you’d want to get in touch with them using a private address. Even the top executives and directors can be approached via their accounts. An Experteer study suggests around 77.9% of executive candidates responded positively about being contacted through an online network, and 86.9% preferred being reached out to on their private accounts and addresses.

An online interview taking place.

Maintain a high level of professionalism, keeping confidentiality when reaching out to executive candidates.  Allow them ample time to get back to you.

Understand What They Need

The people that you meet for executive searches have spent a significant amount of time in the industry, having established great careers and achieved a lot in their time. This allows them to have their expectations set. Not everyone is focused on money. Some people enjoy power and influence, while others are passionate about the sector in which they operate. Others are fond of working in competitive, performance-oriented teams.

It’s not just about what the company wants, but understanding what they are looking for. It’s also recommended that you understand their accomplishments and desires, allowing you to offer the right incentives. Such individuals generally have lots of offers lined up, so you also have to sweeten the deal for them.

Develop a Connection with Your Candidates

A major difference between normal and executive recruitment is that they’re focused on building relationships. As the number of people is narrowed down and the person in question is taking on big responsibilities, it’s your task to ensure that you have a personalized take with them. As previously stated, these people are generally in demand and might likely have other offers on the board that they could opt for.

The recruitment team will have to take on some persuasion tactics to ensure that the right client signs the dotted line, which requires you to do your proper homework about the person in question. If a particular candidate isn’t picked, it’s recommended that you get in touch with them to let them know if they’ve made it through or not. Preserving contacts is a recommended practice for the industry. Inevitably they’re a resource that will prove to be fruitful in the future, hence, worthy of maintaining a long-term relationship with.

Other businesses will most certainly be vying for them as well, which makes it necessary that you have a top-notch search experience for executives that makes a difference.

Being Patient

While many will promise you executive recruitment in record times, be aware that these positions generally take months to be filled. At the level of executive search, the people coming in have a lot of authority and major responsibilities and can make or break your business. Executive search firms are fully aware of that and respect that fact, which is why they have such a lengthy process to filter out 100 to 1.

An in-person negotiation taking place

Companies should have faith in the executive search companies that they work with to provide them with the best resources. Similarly, the best search companies will be transparent to you throughout the process, alleviating any pain points and assisting you throughout the process to ensure you get the relevant resource you’re looking for.

Conclusion

Higher top-level resources can often be an arduous process, especially as there are fewer candidates available. To make matters worse, they might be sought-after by many competitors in the industry. Because of the influence of these positions, not only do you have to invest time and money in the hiring process, but you also have to appeal to the candidate to ensure that they’re ready to work for you. You must work with an executive search team that understands the value of company infrastructure, company, and work culture at your business to ensure you have the relevant resource.

Your in-house team may prove to be inadequate, so working with dedicated professionals in the capacity is generally the go-to option. They’ll provide you with transparency and take care of the heavy lifting in the process to help you achieve your goals and find the relevant candidates for your listing.

Work with Whitham Group

Are you looking to hire a high-level resource? You’re better off working with a business that has a strong network of the best professionals in your niche to set you right. Whitham Group is an executive search and recruitment firm. The company’s headquartered in the Bay Area and has a team of experienced, professional executive recruiters, including solar energy and renewable energy recruiters. The company is focused on helping businesses find top candidates for positions like CEO, CFO, director, and high-level managers.

Check out Whitham Group’s website for more information. Alternatively, contact them to learn more.

Handshake before an interview.
An Essential Guide for Surviving High-Volume Hiring

In the modern era, the hiring process has changed significantly. While there have been various positive elements that have improved the whole experience by leaps and bounds, there are many classical challenges in different forms that companies need to filter through.

High-volume hiring is one of them, which can be a problem for any listing below the executive tier. It’s a difficult process that can consume a lot of resources and take up significant time in certain cases, but it’s a pivotal step for companies to scale up. Considering how it’s a crucial element to expanding the brand and puts businesses in a good light, there’s no way around the high-volume hiring conundrum. ‘Here’s everything you need to know about high-volume hiring and how to ensure ‘it’s properly taken care of:

What Is High-Volume Hiring?

The process of hiring a large of people within a particular period is known as high-volume hiring. Imagine hundreds of people applying for either a single job role, which counts as high-volume hiring as well. As you can understand, with the larger pool of applicants, the process is a lot more challenging, requiring quality recruiters for the job. ‘They’ll use a wide variety of means, from their experience to various tools to get the job done.

Two people writing job descriptions.

It’s easier said than done when you consider you have to find applicants and assess them for the role, which involves interviewing them multiple times to negotiate and onboard them. ‘It’s a fairly difficult and stressful process overall.

How To Ensure Things Work Out Smoothly in High Volume Recruiting

Make The Most of Networking

The best human resources groups have a wide network of individuals available to them. In the past, it was much more challenging to find the right people, but various HR teams have a detailed database that they can use to find relevant resources. Not only do they consult this network for help, but the network can relay the signal to other people, which helps propagate the message about the listing to others.

But because of an influx of several applicants, you must write the write listing and job description to prevent unnecessary applications. The required experience variable also manages to limit the number of applicants.

Writing a Good Job Description

A major problem in the high-volume hiring aspect is the number of applications that ‘don’t fit the criteria, to begin with. A lot of it can be avoided by writing a better job description. List out all of the skills that you require from the candidate, and rather than create a large list of bullet points, only look for those skills that you need.

It’s no use if a candidate applies based on a skill that they’re great at but isn’t a major requirement to do a good job for you. Be clear and concise about all of the details while keeping your company’s vision in mind so that you have people onboard that possess the necessary experience, skills, and intention to help the company reach that benchmark in a reasonable manner.

Candidate Experience Matters

Unfortunately, the candidate experience is not a great concern for many companies. Regardless of whether you hire a person or not, they will have a thing or two to say about your experience with them. ‘They’ll also be potential customers in some capacity. In many cases, especially during an executive search, ‘you’ll be interviewing people who already have a lot more people looking to hire them.

Firstly, it’s a matter of setting a strong impression to ensure that the potential employee wants to join your company. Secondly, it’s about maintaining a brand reputation. With high-volume hiring, you might notice a drop in applications and people willing to fill up particular positions if word gets out that the hiring process is inadequate. Commonly, the hiring process can be a great indicator of the working experience as a whole.

Work With a Recruitment Team

When it comes to high-volume recruitment, your internal teams are more likely to be overwhelmed not just by the high count but the number of details. It’s a different ballpark at times, and it’s easy for mistakes to snowball and cause problems. In such cases, companies directly hand the task over to third-party resources.

A recruitment discussion taking place.

It’s their bread and butter, and they are fully dedicated to the job with enough resources to easily manage things. They also have ample experience working with companies from various industries, which allows them a deeper understanding of the issues along with the success factors.

Conclusion

High-volume hiring is always a challenge, especially so if you have a team that doesn’t have enough experience in the sector. There isn’t much room for error, and it requires a lot of deliberation and careful thought to ensure that things get off on the right foot. Errors at any stage can lead to varying degrees of problems. Considering you want the right people for your organization that can help you fulfill your vision, you should work with executive recruiters and professionals with experience.

Whether you’re looking through hundreds of applicants for a single job post or looking to scale an entire company or department, they will help you get the job done.

Have a Recruitment Company Onboard

Want to expand your team and get a large number of employees? The preferred option for most businesses is to work with third-party businesses that have the experience and resources for a more efficient process. Whitham Group is an executive search and recruitment firm. The company helps businesses streamline their hiring process, having a team of dedicated solar energy and renewable energy recruiters as well. One of our major services is helping businesses find the best candidates in high-volume recruitment runs.

Head on over to Whitham Group’s website for more details. You can directly reach out to us for personalized queries.

//whithamgroup.com/wp-content/uploads/2022/06/Whitham-Logo-white.png

Whitham Group has over 12 years’ experience recruiting in renewable energy. We operate as an expert advisor, not a vendor.

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!