.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; }
Building a career in renewable energy
Building a Career in Renewable Energy: A Guide for Recent Graduates

Renewable energy has emerged as an important driver in tackling global issues such as climate change and environmental degradation. As a recent graduate, you have a unique chance to contribute to this changing business while establishing a satisfying career that benefits the globe. This guide will give a detailed road map for building a career in renewable energy.

Building a career in renewable energy

Understanding Renewable Energy

The energy produced from replenishing sources is known as renewable energy. Solar, hydro, wind, geothermal, and bioenergy are some of the most popular energy forms emerging as successful careers. The vast differences in these energies, their benefits, limitations, and possibility of adoption are crucial to understanding for any fresh graduate looking to establish a successful career.  

When we compare renewable energy to fossil fuels, several benefits come to light. Diversifying the energy mix lowers carbon emissions considerably, boosts energy security, and improves air quality. Your resolve to pursue a career in renewable energy will be strengthened by your knowledge of these advantages and this industry’s wider environmental, social, and economic ramifications.

Globally, the market for renewable energy is expanding remarkably. As per the 2023 report of Grand View Research, the global renewable energy market is projected to grow at a CAGR of 16.9% by 2030.

Certain elements fuel this growth, including rising public support, business investment, and consumer demand for sustainable energy. By investigating current industry trends and growth estimates, you may find industries, geographical areas, and market trends that provide opportunities for professional progression. With this information, you may match your professional objectives to the sector’s changing demands.

Building a Career in Renewable Energy: Different Paths

The growing renewable energy market offers numerous career options to people pursuing this field. However, each career option has a different path and responsibilities. Here are some of the most common careers in the renewable energy industry:

  • Engineering: Renewable energy engineers are responsible for designing, developing, and implementing clean energy solutions. Each renewable energy type has a unique system desiring distinct solutions for optimal performance. Engineers ensure the offered solutions integrate reliably into the systems while increasing efficiency.
  • Project Management: Projects using renewable energy demand efficient coordination, planning, and implementation. Initiatives for renewable energy are developed and implemented under the supervision of project managers, who guarantee that the projects are finished on schedule, within budget, and by legal criteria. To guarantee effective project delivery, they collaborate closely with cross-functional teams of engineers, financial experts, and stakeholders.
  • Research and Development: Renewable energy is a relatively new field requiring extensive research and development to devise new solutions and improve traditional systems. R&D professionals overlook experiments and data analysis while collaborating with other experts to enhance the system’s efficiency.
  • Policy and Advocacy: At the local, national, and international levels, policy and advocacy specialists are crucial in developing laws, regulations, and incentives for renewable energy. They collaborate with governmental bodies, charitable institutions, and trade organizations to create and advance policies that encourage the use of renewable energy. Careers in this area include policy analysts, lobbyists, and sustainability consultants.
  • Finance: To get funds, determine the profitability of projects, and manage financial risks. The renewable energy business needs financial skills. Renewable energy finance experts construct financial models, research investment prospects, and get funding for sustainable energy initiatives. They collaborate closely with project developers, investors, and financial institutions to ensure that renewable energy initiatives are financially sustainable and profitable.

Each professional path in the renewable energy industry calls for a certain set of abilities and credentials. For instance, a renewable energy engineer requires a solid foundation in arithmetic, physics, and applicable engineering principles, whereas project managers must be well organized with strong leadership qualities. An individual’s competencies can help determine their educational and professional growth.

New employment profiles and specialties are constantly emerging due to the sector’s evolution. For instance, data analytics, sustainable urban planning, energy storage and grid integration, and green financing are becoming more well-known. You can position yourself as a valued asset to the industry and proactively be ready for the changing employment market by staying updated about these developing positions. Look at these new positions and decide which fits your skills and interests.

Renewable energy recruiting firms are always worth checking out to stay updated with the current requirements and in-demand skills employers are finding in candidates.

Building a career in renewable energy

Job Searching and Career Advancement

Building a career in renewable energy requires proper placement in the job sector and goes beyond an individual’s education. You can follow different tips and tricks to ensure a successful career by finding a worthwhile job in the industry.

Optimizing Your Online Presence and Networking

A good online presence is essential for job hunting and career progression in the modern digital era. Make a polished LinkedIn profile that showcases your knowledge, expertise, and passion for renewable energy. Engage in conversation and remain current on industry news by actively participating in relevant online communities, forums, and social media groups. I

n the field of renewable energy, networking is essential, and making valuable business contacts may open doors to employment and professional advancement.

Tailoring Resumes and Cover Letters for Renewable Energy Roles

In the job application process, resumes and cover letters are essential instruments. Highlight your relevant education, internships, research projects, and any other experiences that show your dedication to and familiarity with the area in these papers that are particularly tailored for renewable energy positions.

Furthermore, ensure all your application materials are tailored to the specifications and obligations listed in job advertisements. Your chances of catching the attention of hiring managers and landing interviews rise with this focused strategy.

Preparing for Interviews in the Renewable Energy Industry

Interviews allow you to demonstrate your expertise, abilities, and enthusiasm for renewable energy. Research typical renewable energy interview questions and prepare thoughtful, educated replies. Learn about the company you are interviewing with, including its goals, initiatives, and successes in renewable energy.

In addition, test your technical knowledge, problem-solving skills, and comprehension of the effects of renewable energy on the environment and society by completing practice problems. Your confidence will rise due to your thorough interview preparation, making you a good contender for the job.

Building a career in renewable energy

Professional Development and Career Advancement

Regardless of where you stand today in the renewable energy market, you can always progress or regress depending on your relevance. To ensure a successful career, you must always look for professional development opportunities and focus on career advancement instead of staying with your initial job because of comfort.  

Continuous Professional Development in Renewable Energy

Your ability to remain competitive and relevant in renewable energy depends on your commitment to continued professional development. Participate in chances for ongoing learning, such as seminars, graduate school, and training programs tailored to your sector. It’s also crucial to keep up with the most recent developments, trends, and regulatory shifts in the ever-evolving renewable energy sector.

Moreover, adopt a growth mentality and seize the chance to improve your abilities, increase your knowledge, and sharpen your skills. You can also check renewable energy recruiting firms and learn what talents and skills employers seek.  

Resources for Skill Enhancement and Advanced Education

Many resources are accessible to improve one’s knowledge and pursue additional education in renewable energy. In renewable energy technology, legislation & regulations, project management, and sustainability, reputable online learning environments provide specialized courses, certificates, and degree programs. Find resources by researching and matching them to your hobbies and professional aspirations.

Utilize these tools to broaden your knowledge, learn new skills, and improve your employment chances.

Potential Career Advancement Paths

There are many prospects for job progression in the renewable energy sector. Think about prospective career routes for advancement as you gain knowledge and experience. This can entail assuming leadership positions, specializing in particular parts of renewable energy, or even starting your own business.

Moreover, set long-term objectives and create a plan to direct your career. You can continue to develop, contribute, and influence the renewable energy industry by taking the initiative to progress your career.

Strategies for Growth Within the Renewable Energy Sector

To achieve sustained growth in the renewable energy sector, consider the following points:

Develop a comprehensive strategy:

  • Identify your goals and create a roadmap for your career growth in renewable energy.
  • Set clear objectives and milestones to track your progress.

Network with industry professionals:

  • Attend industry events, conferences, and seminars to connect with like-minded individuals.
  • Build relationships with professionals already established in the renewable energy field.
  • Join online communities and participate in discussions to expand your network.

Seek mentorship:

  • Find experienced individuals in the industry who can provide guidance and insights.
  • Learn from their experiences and leverage their knowledge to accelerate your growth.

Engage in industry associations and organizations:

  • Join relevant industry associations and organizations that focus on renewable energy.
  • Actively participate in their activities, events, and committees to stay current.
  • Research top renewable energy recruitment companies to learn about the latest employer demands.

Collaborate on projects and initiatives:

  • Look for chances to work with others on creative projects and sustainable development programs.
  • Contribute your knowledge and abilities to further progress in renewable energy.

Stay updated with new developments in technology, governmental changes, and market trends:

  • Keep up with the most recent innovations and changes in the renewable energy sector.
  • Monitor policy changes and regulations that impact the industry.
  • Stay abreast of market trends and consumer preferences to identify new opportunities.

Continuously refine your skills and expertise:

  • Invest in continuous learning and professional development opportunities.
  • Attend workshops, webinars, and courses to expand your knowledge and skills.
  • Stay curious and adaptable to stay competitive in a rapidly evolving industry.
Building a career in renewable energy

Overcoming Challenges and Making an Impact

Building a career in renewable energy isn’t a straightforward path. You’ll come across various obstacles and challenges that may impede your growth. However, evaluating your challenges, limitations, and resources can aid in developing a strategy and moving forward in the industry.

Challenges Faced by Recent Graduates

Navigating the renewable energy sector as a recent graduate has its fair share of challenges. The growing sector has increased in demand leading to extensive competition for even the basic-tier jobs. Moreover, lacking practical experience can hinder the job application process or slow career growth.

Overcoming Challenges in Renewable Energy Careers

While obstacles do exist, there are tried-and-true solutions that can help you thrive in professions in renewable energy. Create a powerful personal brand highlighting your knowledge, successes, and beliefs. Attend conferences, seminars, and events in your sector to grow your professional network.

Besides that, utilize your transferable skills from other fields and show how you can use them to make a real difference in employment involving renewable energy. Be flexible and willing to learn from failures since they frequently present chances for learning and new perspectives.

Making a Positive Impact in the Renewable Energy Sector

Building a career in renewable energy is beyond an individual’s personal success. Making a difference for society and the environment is also important. It is crucial to emphasize the necessity of coordinating your professional aspirations with sustainability to advance efforts that encourage the use of renewable energy.

Look for chances to contribute to initiatives addressing energy poverty, environmental justice, and community empowerment. Making a difference helps address global issues, inspires others, and builds a more sustainable future.

Building a career in renewable energy

Whitham Group Is One of the Largest Renewable Energy Recruiting Firms Worldwide

Building a career in renewable energy is a chance for substantial personal development, professional advancement, and positive influence. You can offer solutions for climate change, promote sustainability, and accelerate the transition to a clean energy future by working in this sector, one of the gleaming hopes for this world.

Fresh graduates interested in renewable energy must take advantage of the available opportunities. To establish a successful career in renewable energy, embrace continual learning, networking, and personal growth. Your efforts can help influence the industry’s future and make the planet a more sustainable place for future generations.

At Whitham Group, we work with global renewable energy businesses to assist them in hiring ideal candidates for their companies. We’re one of the world’s largest renewable energy recruiting firms, with years of experience in aiding firms in building a team that’s well aligned with the company’s values and vision.

Want to hire the best fresh talent for your company? Visit our website or contact us for more details on our renewable energy recruitment services.

Wind turbines
The Renewable Energy Workforce: Challenges and Opportunities for Workforce Development Programs

Concerns about climate change, energy security, and economic development have fueled an international movement toward renewable energy sources. The growth of renewable energy sources such as solar, wind, hydro, and geothermal power has tremendous potential for lowering greenhouse gas emissions and dependency on fossil fuels.

Realizing this potential, however, necessitates a professional and knowledgeable workforce capable of planning, constructing, running, and sustaining renewable energy systems. Workforce development programs can help to meet this need by providing training and education to workers who want to enter the renewable energy field.

Learn all about workforce development programs in renewable energy and their challenges and opportunities.

What Are the Requirements for Skilled Renewable Energy Workers?

The renewable energy business needs a wide spectrum of professional engineering, building, operations, and maintenance personnel. Because of the technological complexity of renewable energy systems, specialist knowledge and experience are required. On the other hand, renewable energy workforce development initiatives have their own set of obstacles and opportunities.

The renewable energy business needs a wide spectrum of professional engineering, building, operations, and maintenance personnel. Because of the technological complexity of renewable energy systems, specialist knowledge and experience are required.

For workforce development initiatives, the renewable energy industry presents obstacles and opportunities. Let’s look at some of the major difficulties and prospects in this field:

Challenges and Opportunities for Workforce Development Programs

The renewable energy sector presents obstacles and opportunities for workforce development initiatives. Let’s look at some of the major difficulties and prospects in this field:

Challenges

Lack of Skilled Workers

One of the key issues is the need for more experienced people with the specific expertise necessary for the renewable energy business. As renewable technologies progress and expand, there is an increasing demand for professionals educated in solar panel installation, wind turbine maintenance, grid integration, and energy storage systems.

Limited Standardized Training

The need for standardized training programs makes workforce growth difficult. The renewable energy market includes a wide range of technologies and disciplines, making it challenging to provide consistent training requirements. This lack of consistency can harm the quality and trustworthiness of training programs.

Inadequate Awareness and Perception

Many people, including students, job seekers, and career counselors, may need to be aware of the potential in the renewable energy field. Furthermore, outmoded conceptions of renewable energy employment as low-paying or with few growth opportunities may discourage potential individuals from pursuing careers in the industry.

Financing and Financing

Adequate financing is required to establish and maintain comprehensive workforce development initiatives. Inadequate funding can limit the breadth and efficacy of training activities. Securing long-term funding for training programs remains a critical barrier to renewable energy workforce development.

Uncertainties in the Renewable Energy business

Rapid technical breakthroughs and changing regulatory environments can create uncertainties in the renewable energy business. Shifting laws, incentives, and rules can impact the demand for certain skills and certifications, making it difficult for workforce development programs to stay up and match their training offerings properly.

Rapid Technical Developments

Rapid technical developments define the renewable energy sector. It can be difficult to keep up with these developments and ensure that workforce development programs give training on the latest technology. Training materials and curricula must be updated and revised regularly to keep up with changing industry demands.

Evolving Skill Needs

As renewable energy technology advances, so will the skill needed for various employment categories. Workforce development programs must be adaptive and flexible to address increasing skill shortages and provide workers with the information and skills required to meet changing industry needs.

Lack of Qualified Instructors

Finding and retaining qualified instructors and trainers with specific knowledge of renewable energy technology might be difficult. The fast expansion of the sector and the need for trained personnel can outstrip the supply of experienced specialists who can act as teachers in training programs.

Certification and Accreditation

Developing accepted certification and accreditation systems in the renewable energy sector may be difficult. Creating industry-accepted standards for skills and credentials helps to guarantee that trained personnel have the required competence and can satisfy industry expectations. However, establishing and sustaining such standards across different technologies and areas may be difficult.

Opportunities

Green Job Creation and Economic Growth

Renewable energy workforce development initiatives can provide new job opportunities while contributing to economic growth. As the industry grows, a greater workforce is required to support production, installation, operations, and maintenance activities. This expansion can boost local economies and create ongoing job opportunities.

The shift to renewable energy sources increases the demand for trained professionals in various industries, including solar, wind, hydro, and geothermal. Workforce development efforts that provide training and prepare workers for these new green career prospects can help bridge the skills gap.

Regional Improvement

Renewable energy workforce development initiatives can help with economic development and regional development. These initiatives may stimulate local economies, generate job opportunities, and drive sustainable development by attracting investment in renewable energy projects, educating local employees, and supporting the expansion of allied companies.

Diverse Skill Sets and Interdisciplinary Collaboration

The renewable energy business includes various disciplines such as engineering, construction, project management, policy formulation, and data analytics. Workforce development programs may help people build a varied skill set while encouraging interdisciplinary cooperation and creativity in the workplace.

Green Skills for Conventional Sectors

Renewable energy allows people in conventional sectors to learn new skills and migrate into the clean energy industry. Workers with experience in conventional energy sectors, such as coal or oil, can, for example, participate in training programs to learn the skills required for renewable energy occupations, providing a more seamless workforce shift.

Industry and Academia Working Together

Effective collaboration between business and academic institutions helps bridge the renewable energy sector’s theoretical and practical knowledge gaps. Partnerships may help students and employees get hands-on experience and industry-relevant skills through facilitating curriculum development, internships, apprenticeships, and research partnerships.

Inclusion and Diversity

Workforce development initiatives allow for the promotion of diversity and inclusion in the renewable energy sector. These programs may build a more diverse and inclusive workforce by aggressively recruiting and educating employees from understated groups, including women and minorities, resulting in increased creativity and expanded views.

Innovation and Entrepreneurship

Workforce development initiatives can help to stimulate innovation and entrepreneurship in the renewable energy sector. These programs empower individuals by providing the essential skills and expertise to create and implement new ideas and technologies, driving innovation, and developing the renewable energy sector.

Collaboration With Industry Stakeholders

Collaboration between workforce development programs and industry stakeholders, such as renewable energy firms and trade groups, allows training programs to align with industry demands. Partnerships with industry may give significant insights into the specific skills and competencies needed, ensuring that training programs stay relevant and successful.

Transition to a More Sustainable Workforce

Renewable energy workforce development initiatives can help workers shift from traditional energy industries to the clean energy economy. These initiatives help people transfer their skills to the renewable energy sector by providing retraining and reskilling possibilities, ensuring a just and sustainable workforce transformation.

Tips to Overcome the Challenges in the Workforce Development Programs in Renewable Energy

There are several opportunities to overcome these challenges, including:

Increased funding: Governments and businesses can increase funding for workforce development programs, allowing them to provide more training and education to workers.

Improved coordination: Workforce development programs can be coordinated more effectively, making it easier for workers to find the necessary training and education.

Increased awareness: Workers can be made more aware of the benefits of workforce development programs, which would encourage them to participate.

Here are some suggestions for renewable energy workforce development programs:

Diversity should be prioritized: Workforce development initiatives should attempt to recruit persons from underrepresented groups. It may be accomplished through collaborating with community groups, promoting minority media, and providing scholarships and financial aid.

Provide inexpensive training: Workforce development initiatives should provide affordable training opportunities to people of all backgrounds. Examples include online courses, evening and weekend programs, and payment options.

Be adaptive: Workforce development programs should be versatile and flexible to satisfy the ever-changing demands of the renewable energy sector. It might involve giving training on new technology, continuing education, and assisting employees in finding work.

Partner with employers: Workforce development programs can partner with employers to identify the skills in demand and build training programs that meet those needs.

Offer flexible training options: Workforce development programs can offer flexible training options, such as online courses, evening and weekend classes, and self-paced learning, to make it easier for workers to fit training into their busy schedules.

Financial assistance: Workforce development programs can provide financial assistance to help workers pay for training.

Track the outcomes of training: Workforce development programs can track the outcomes of training to ensure that workers are getting the skills they need and that they can find jobs in their field.

Final Thoughts

The difficulties and possibilities surrounding renewable energy workforce development initiatives are critical to reaching a sustainable energy future. The move to renewable energy sources is fraught with difficulties, such as a shortage of competent personnel, a lack of standardized training, knowledge of employment options, finance limits, and regulatory uncertainty. These issues, however, may be solved by strategic actions.

The sector may overcome its obstacles by recognizing the need for competent renewable energy employees and adopting extensive training programs, industry collaborations, and legislative assistance. Investing in workforce development programs solves the skilled labor shortage and promotes job creation, economic growth, and regional development. Furthermore, these initiatives can increase the renewable energy industry’s diversity, inclusiveness, and creativity.

To fully realize the benefits of renewable energy, stakeholders such as governments, educational institutions, industry leaders, and training organizations must work together and commit to a long-term endeavor. Workforce development initiatives can generate a qualified and diverse workforce that will push the renewable energy revolution forward by offering accessible and up-to-date training, creating recognized certificates, and assuring equitable access to opportunities.

Renewable energy is a critical component of a sustainable future. We can cultivate a skilled workforce capable of supporting the growth and success of the renewable energy industry while also contributing to a cleaner and more sustainable planet for future generations by addressing the challenges and capitalizing on the opportunities through well-designed workforce development programs.

Adapt the Latest Renewable Energy Strategies in 2023

A multifaceted strategy is required to address the problems and capitalize on the potential of renewable energy workforce development. Collaboration is required among government agencies, educational institutions, industry representatives, and training groups.

Workforce development initiatives may help to generate a trained and sustainable workforce in the renewable energy sector by investing in comprehensive and adaptive training programs, developing collaborations, and addressing regional imbalances.

Innovations in renewable energy trends cannot go unnoticed now. Businesses are now extensively focused on producing and using clean and sustainable energy to overcome the devastating effects of climatic change.

With improvements in hardware such as state-of-the-art photovoltaics and offshore wind energy production to reliance on artificial intelligence and data analytics, renewable energy production, storage, and distribution have come a long way.

While several challenges still hamper the transition from fossil fuels to renewable energy sources, the recent trends look promising.

However, one challenge green energy companies may experience is recruiting the right talent for their business.

Whitham Group can assist if you’re a responsible energy company looking forward to recruiting talent that can help your business navigate the ever-changing renewable energy landscape.

We are a leading renewable energy recruitment company committed to helping businesses attract and retain top talent in various business environments.

So, what are you waiting for?

Contact our team of experts today as We Find Talent That’s Off the Grid ™.

An image showing windmills
Green Hydrogen: Is It the Key to Clean Energy Transition?

The world is facing a global energy crisis due to rising carbon emissions, climate change, and the depletion of non-renewable energy sources. In the search for alternative energy sources, green hydrogen has emerged as a promising option for the clean energy transition. Hydrogen is a versatile energy carrier that can be produced from renewable sources, stored, and transported for use in various applications such as transportation, industry, and power generation. This blog explores the potential of green hydrogen and its role in the clean energy transition.

What Is Green Hydrogen?

Green hydrogen refers to hydrogen gas that is produced through an electrolysis process that utilizes renewable energy sources, such as solar or wind power. This process involves passing an electric current through water, which separates the hydrogen and oxygen molecules. The resulting hydrogen gas is referred to as “green” because it is produced using clean and renewable sources of energy and does not emit any carbon dioxide (CO2) or other harmful greenhouse gases.

In contrast to green hydrogen, hydrogen gas can also be produced using non-renewable sources, such as coal or natural gas. However, hydrogen production from these sources generates significant CO2 emissions, which are detrimental to the environment and contribute to climate change. Therefore, utilizing green hydrogen is crucial to reducing carbon emissions and achieving a sustainable future.

Green hydrogen can potentially revolutionize how we think about energy and transportation. It can be used as a clean and efficient fuel source for vehicles, power generation, and industrial processes. Furthermore, producing and utilizing green hydrogen can help create new economic opportunities and support the growth of renewable energy industries.

The Process of Producing Green Hydrogen

Green hydrogen gas, also known as renewable hydrogen, is produced using a process called electrolysis. This process uses electricity generated from renewable sources like wind or solar power to split water molecules into hydrogen and oxygen. The hydrogen produced is then compressed and stored for use as a clean energy source in various applications, including transportation and power generation.

  • The process of producing green hydrogen gas starts with the collection of water, either from a natural source or via desalination. The water is then purified to remove any impurities that could affect the electrolysis process. Once the water is purified, it is pumped into an electrolyzer, which is a device that uses electricity to split water molecules into hydrogen and oxygen.
  • The electrolyzer consists of two electrodes – an anode and a cathode – that are separated by a membrane. When electricity is applied to the electrodes, the water molecules are split into hydrogen ions (protons) and oxygen ions (hydroxide ions). The hydrogen ions migrate toward the cathode, where they combine to form hydrogen gas, while the oxygen ions migrate toward the anode, where they combine to form oxygen gas.
  • The hydrogen gas produced during the electrolysis process is then compressed and stored in tanks for later use. The oxygen gas produced during the process is typically released into the atmosphere or used for other applications, such as medical or industrial use.
  • It is important to note that the efficiency of the electrolysis process can vary depending on several factors, including the type of electrolyzer used, the purity of the water, and the source and reliability of the renewable energy used to power the process. However, as technology advances and the cost of renewable energy continues to decrease, the production of green hydrogen gas is becoming increasingly cost-effective and efficient, making it a promising clean energy source for the future.

The Advantages of Green Hydrogen

Reduces Carbon Emissions

Green hydrogen production involves using renewable energy sources like solar, wind, or hydropower, which are environmentally friendly and do not produce greenhouse gas emissions. This means that using green hydrogen as an alternative to traditional fuels will significantly reduce carbon emissions, which is crucial in combating climate change. Using green hydrogen as fuel in transportation, power generation, and industrial processes can reduce our reliance on fossil fuels and decrease carbon emissions.

Energy Storage

One of the significant advantages of green hydrogen is its ability to store excess energy generated from renewable sources. Wind and solar power are intermittent energy sources, meaning that the energy output fluctuates depending on weather conditions. Green hydrogen can be used to store excess energy that is generated during peak periods of renewable energy production. The stored hydrogen can be used to generate electricity during periods of low renewable energy production, ensuring a constant supply of clean energy.

Moreover, hydrogen storage has significant advantages over traditional battery storage systems. Batteries have limited energy storage capacity, and their lifetime is limited. On the other hand, hydrogen storage systems have higher energy storage capacity and longer lifetimes, making them more suitable for long-term energy storage.

Versatile

Green hydrogen is a versatile energy carrier that can be used in various applications. It can be used as fuel for fuel cells in vehicles, providing an alternative to gasoline and diesel. Fuel cell vehicles powered by hydrogen do not produce any harmful emissions, making them a promising alternative to traditional fossil fuel-powered vehicles. In the industrial sector, green hydrogen can be used as a feedstock in various processes such as steel and ammonia production, reducing reliance on fossil fuels and reducing carbon emissions.

Green hydrogen can also be used in power generation. Hydrogen fuel cells can generate electricity without producing harmful emissions, making them a cleaner alternative to traditional power generation methods. Moreover, hydrogen can be used to store excess electricity generated from renewable sources, providing a constant supply of clean energy.

Zero Pollution

The use of green hydrogen does not produce any harmful emissions, such as nitrogen oxides, sulfur dioxide, or particulate matter, making it an ideal choice for urban areas where air pollution is a major concern. The only by-product of using hydrogen fuel cells is water vapor, which is not harmful to the environment. This makes hydrogen fuel cells a cleaner alternative to traditional power generation methods, which produce harmful emissions that pollute the environment and contribute to climate change.

The Challenges of Green Energy

Along with advantages, there are certain challenges with green energy as well. These include the following:

Cost

The cost of producing green hydrogen is currently higher than that of hydrogen produced from non-renewable sources. This is due to the high cost of renewable energy sources and the high capital cost of electrolysis equipment. However, as the cost of renewable energy sources decreases and the technology for producing green hydrogen improves, production costs are expected to decrease.

Moreover, the cost of green hydrogen production can be reduced by increasing the scale of production, increasing the efficiency of the electrolysis process, and improving the durability of the equipment used in the process. Governments can also provide incentives to encourage investment in green hydrogen production, making it more economically viable.

Infrastructure

The use of green hydrogen requires a significant investment in infrastructure, such as hydrogen production facilities, storage facilities, and transportation infrastructure. This requires a significant investment in time and resources and may require significant government support to make it economically viable.

Moreover, the current infrastructure for transporting and storing hydrogen is not well developed. This poses a significant challenge to the widespread adoption of green hydrogen. The infrastructure for transporting and storing hydrogen needs to be developed to make transporting hydrogen from production facilities to end-users easier.

Energy Intensity

Producing green hydrogen requires a significant amount of energy, which can be challenging in areas where renewable energy sources are not readily available or the energy grid is not well developed. The amount of energy required for producing green hydrogen can be reduced by improving the efficiency of the electrolysis process and increasing the scale of production.

Moreover, green hydrogen can be optimized by locating hydrogen production facilities in areas where renewable energy sources are readily available, reducing the need for long-distance hydrogen transportation.

Safety Concerns

Hydrogen is highly flammable and requires special safety measures to prevent accidents. While hydrogen can be safely used and stored, there is a need for special safety measures and regulations to ensure safe handling.

The storage and transportation of hydrogen require special safety measures to prevent accidents. Developing safety standards and regulations is crucial for ensuring the safe handling of hydrogen.

Moreover, public perception and awareness of the safety of green hydrogen need to be improved. The general public needs to be educated about the safety measures and regulations put in place to ensure the safe handling of hydrogen.

Role of Green Hydrogen in the Clean Energy Transition

Green hydrogen has the potential to play a significant role in the clean energy transition by reducing carbon emissions and increasing the use of renewable energy sources. Hydrogen can be used as a fuel for transportation, industry, and power generation, reducing reliance on fossil fuels and decreasing carbon emissions.

Transportation

Green hydrogen can be used as a fuel for fuel cell vehicles, providing an alternative to gasoline and diesel. Fuel cell vehicles are powered by electricity generated by a fuel cell using hydrogen as fuel. Fuel cell vehicles have zero emissions and offer a range and refueling time similar to gasoline vehicles, making them a viable alternative for transportation.

Industry

Green hydrogen can be used as a feedstock for industrial processes, such as steel and ammonia production. This can reduce the reliance on fossil fuels and reduce carbon emissions in the industrial sector.

Power Generation

Green hydrogen can be used to generate electricity through fuel cells, providing a clean alternative to fossil fuels for power generation. Hydrogen can also be used to store excess electricity generated by wind and solar power, ensuring a constant supply of clean energy.

  • In addition to the benefits mentioned above, green hydrogen can also help to address the intermittency challenge of renewable energy sources. Renewable energy sources like solar and wind power are subject to variability and intermittency, meaning they don’t always produce electricity when it’s needed. Green hydrogen can be used to store excess energy during high production and supply it when renewable energy sources are not producing enough power, providing a stable and reliable energy source.
  • Another benefit of green hydrogen is that it can be produced using renewable energy sources such as wind, solar, and hydropower. This means that the production of green hydrogen is not dependent on fossil fuels and can be completely decarbonized. This can significantly reduce carbon emissions and help to mitigate climate change.
  • Moreover, the production of green hydrogen can create job opportunities and stimulate economic growth in regions with abundant renewable energy sources. It can also provide energy security by reducing dependence on foreign energy sources and increasing domestic production.
  • However, it’s worth noting that the production of green hydrogen requires significant investment in infrastructure, technology, and research and development. The cost of producing green hydrogen is still relatively high compared to other energy sources, but it is expected to decrease as technology advances and economies of scale are achieved.
  • In conclusion, the role of green hydrogen in the clean energy transition is significant and has the potential to provide a sustainable and reliable source of energy. Its application in transportation, industry, and power generation can help reduce carbon emissions, increase the use of renewable energy sources, and address the intermittency challenge of renewable energy sources.

Conclusion

Green hydrogen has the potential to play a significant role in the clean energy transition by reducing carbon emissions and increasing the use of renewable energy sources. While there are challenges to producing and using green hydrogen, such as cost and infrastructure, the benefits of using hydrogen as a clean energy source make it an attractive option for a sustainable future. Governments and industry need to work together to invest in infrastructure and technology to make green hydrogen economically viable and accessible and to develop regulations and safety measures to ensure the safe handling and use of hydrogen. By working together, we can transition to a cleaner and more sustainable future with green hydrogen as a key player.

Whitham Renewable Energy Recruiters is a recruitment agency specializing in helping companies in the renewable energy industry find qualified candidates for various positions, from entry-level to executive positions. The agency works with multiple companies, including startups, established corporations, and government organizations, and offers various services to help these companies build strong teams. Contact us today because We Find Talent That’s Off the Grid

How Do I Conquer Interview Jitters
How Do I Conquer Interview Jitters?
Whether this is your first interview in 5 years, or the tenth one this month, interviewing for a new job can give any qualified candidate anxiety. From pre-interview prep, to closing the meeting, here are a few tips that will help reduce your anxiety and help you secure an offer.
1.  Research the Company
The internet is a wonderful place filled with many free resources. Now is the time to utilize this tool.  The company you are interviewing for will most likely have an online footprint, and you should follow those tracks in any direction they travel. Look through their “About Us” page, follow all of their social media profiles, and read/watch any interviews that their CEO may have given. Learning about the company and what they stand for will help you align your own values with theirs and help you visualize where you will fit in. 
2.  Be a Matchmaker 
Remember, it’s what “you can do for the company” not “what the company can do for you”.   Print out a copy of the Job Description and your resume and start playing matchmaker.  Highlight any pertinent information on your resume that the company is looking for on their job description. The client will be pleased to know that you are thinking of the company’s needs, rather than your own. 
3.  Your Background – Backward & Forward 
You are the one who can explain your experience best. Learn how to maneuver your way through your background as effectively and as efficiently as possible. Keep your transitions brief and positive. Turn any negative experiences you had in the past into constructive learning moments. Your answers shouldn’t take longer than one or two seconds. It can be fun to talk about your accomplishments, but it can easily be the place where the potential employer quickly loses interest.
4.  Ask Questions 
Like in step 2, it is crucial to remember what the first interview is about – Learning what value you will add.  Prepare two, open-ended questions for your interview.  Use some of the research you have done about the company and position to demonstrate you are both interested and knowledgeable.  Is there a part of the job you need more clarity about? What are the company’s expectations for this role during your first 30, 60, 90 days? Can you tell me more about your firm’s culture? What is your company the most excited about for the coming year?  Of course, never ask about the salary, vacation days or benefits. There is a time and place for that conversation, but it is not during the first interview.
5.  Be a “Closer”
You’ve made it through the hour and it’s closing time! This is an important step that should not be overlooked. Thank your interviewer and don’t forget to reaffirm your interest! At the very least, you should ask for the next steps in the process.  As a follow up, it is good practice to send a thank-you email (or personal note) to your interviewer.  A well-written and sincere thank-you will set you apart from other applicants. 
6.   Reflect 
It can be difficult to remember parts of a long interview, so jot down some notes immediately after. Not only will this help you prepare for future interviews but may also help if called back for a second interview or with an offer.  Was there a question that the employer asked that you gave an insightful response to, or perhaps would change your answer next time? Were there particular staff members whose names or roles you should remember? Even if nothing comes to mind, at least jot down an overview of the interview and any questions you remember the employer asking.  Then, take a few minutes to relax and congratulate yourself on being the best candidate for the job!
//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!