.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; }
Overhead view on solar panels
4 Roles in Solar Energy a Recruitment Firm Can Help You Fill

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

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

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

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

1- Business Development

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

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

2- Marketing Professionals

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

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

People conducting an online interview

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

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

3- Engineering Team

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

Close-up image of a photovoltaic grid

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

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

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

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

An CEO posing for a camera

4- C and V-Level Positions

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

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

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

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

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

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

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

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

Top Talent Doesn’t Use Job Search Websites

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

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

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

An engineer posing for a camera

You’re a New Company That Lacks Reputation and Connections

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

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

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

A grid of photovoltaic panels on a field

You’re Unwilling to Invest in Recruitment

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

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

Candidates You Hire Don’t Fit Your Company Culture

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

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

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

You Don’t Focus On Employee Satisfaction

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

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

image 2

Find Quality Candidates with Whitham Group

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

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

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

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

Here’s what the process looks like:

Client Analysis

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

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

Candidate Specification

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

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

candidate meeting the company head

Search Strategy

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

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

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

Querying & Qualifying

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

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

executive interview

Interviewing & Referencing

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

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

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

Offer & Negotiation

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

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

person accepting a job offer

Initiate a Successful Renewable Energy Executive Search with Whitham Group

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

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

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

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

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

What Is High-Volume Hiring?

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

Two people writing job descriptions.

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

How To Ensure Things Work Out Smoothly in High Volume Recruiting

Make The Most of Networking

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

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

Writing a Good Job Description

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

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

Candidate Experience Matters

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

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

Work With a Recruitment Team

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

A recruitment discussion taking place.

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

Conclusion

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

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

Have a Recruitment Company Onboard

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

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

Candidate and interviewer shaking hands.
6 Steps to Optimize Your Recruitment in 2022

Many companies struggle heavily with recruitment. Whether it’s a lack of applicants, being unable to find competent resources, or having short retention after finding an employee, there is a myriad of problems that companies face. All of these can be fixed with a better recruitment process in place to help companies out. It’s also fairly common to work with third-party resources like executive search firms to grow. Here’s all you need to know:

Work On Your Job Posts and Descriptions

One of the biggest mistakes companies make is writing a generic job description. In 2022, the average applicant is a lot smarter. They don’t just incline towards a higher salary only. A good job description is detailed yet concise, focusing on all those important markers that matter. Instead of creating an ocean of bullet points, figure out what kind of impact you want an individual to make and what their responsibilities are.

If you’re looking for a back-end developer, don’t mention that they should also be proficient in working with front-end technologies. You want to make the whole ordeal easier for your recruitment team, and writing up a clear job description is the first step to achieving that.

Plan It Out

Once you’ve got an open position, it’s necessary that you start considering all of the important details and have a necessary plan for that. Before the listing goes out, the salary should be discussed and approved beforehand. Even if you assign an executive search firm to take care of the hiring process for you, you will have to select a few people from the company to conduct or be involved in the final interview of the candidate.

Similarly, you’ll have to pick someone that will be involved in the onboarding process as well. While companies generally prefer picking one person for the task, it’s smart to have a  few backup candidates in mind in case the person in question leaves the company.

Figure Out What You Need

Whenever you’re looking for a new person to take a position in your company, your goal isn’t to just find someone that ticks boxes on a list of requirements. A business needs to assess itself in its current standing, plans, and needs. For example, instead of looking for someone that’s just a manager, look for an individual that has the kind of experience in the results you’re looking for.

Suppose your goal is to have someone with excellent managerial skills with experience in growing a team for scalability. You’d want to have your job description list that aspect so that you get candidates that have worked on similar ventures in the past. It’s far more effective than just looking for someone with specific skillsets alone.

Use Different Social Media Platforms

Social media platforms are being heavily leveraged by companies to connect with their customers. Businesses want to bridge the gap between their customers, so they use branded content to communicate with people. This has led to a flurry of informational content, and loyal followers look out for it regularly. At the same time, it’s also perfect for job listings.

The effectiveness of the platform can vary a lot. While LinkedIn will always be the go-to option, a majority of your potential candidates could be on other platforms too. Many businesses avail Facebook and even TikTok to spread the word about job listings. They’re effective tools that companies should be open to utilizing for their needs.

Improve the Onboarding Process

A major mistake that companies tend to make is investing all of their time in the process of talent acquisition, only to fumble in the onboarding process. If a new employee does not integrate into the environment properly and is not accommodated to have a smooth transition into your working setup, they’re highly likely to depart.

An employee going through onboarding.

Companies often struggle with employee retention, and a major problem is a poor onboarding process. Even if they don’t outright leave, they might not be able to provide the kind of output that’s expected or what they’re capable of. Make sure that the new employee is given a proper orientation, with the right resources made available to them from day one with all their concerns addressed.

Be Patient with Executive Searches

The search process for an ordinary employee compared to an executive-level post is very different. Executives have to declare several months in advance that they’re leaving the company to provide the business with adequate cushion time to find other resources.

A company having an internal discussion.

The truth is that the right resource can be hard to find. Generally, internal HR teams might not have a wide enough network to find the right person for the job. It’s very common for executive search firms to be onboard as they have a more powerful database to help companies find the right individual.

Conclusion

With the right approach, your recruitment process can go through a much-needed overhaul that has major benefits in the long run for the company. With atomic improvements across various steps in the pipeline, it can create a sense of stability and evident improvements in the long run. Not only will you be able to acquire more resources, but you will work with more reliable people that fit your criteria for better retention.

It’s always smart to work with third-party sources on such ventures as they have the necessary resources to help companies scale up and acquire the right personnel for their ranks.

Work With a Recruitment Company

Looking to improve the recruitment process for your company? Work with a business that has the relevant network and resources to make matters easy for you. Whitham Group is an executive search and recruitment firm. The company’s headquartered in the Bay Area and has a team of experienced, professional recruiters, including solar energy and renewable energy recruiters. The company specializes in helping find some of the top employees fit for your company.

4 Talent Acquisition Strategies
4 Talent Acquisition Strategies
That Will Save You Millions

You approach every aspect of your successful business with a thoughtful strategy in mind. Why should hiring be any different? Whitham Group is dedicated to tracking down the perfect exec for your team but we’re also dedicated to letting you in on the process. It’s important for us that you discover why our talent acquisition strategies work and how you can move forward in all your hires to create the lucrative long term team your company deserves and requires.

Here are just a few key components the Whitham recruitment experts put to work when identifying the best executive fit for organizations worldwide.

Combine Data & Marketing For Optimized Acquisitioning

The most important piece of data used for acquiring and recruiting executives is the detailed hiring patterns produced by recruitment metrics. Tracking recruitment metrics is essential to as it gives insight into what candidates respond to a variety of marketing strategies. Data can also help determine how long it would take to find, interview, hire, and onboard a candidate depending on the needs of the position.

Narrowing down your search criteria begins at the conception of the job post. How it’s marketed, where it (or if it’s shared publicly), and who has access to it is the first step to efficiently finding a candidate that fits your search description, aligns with your business goals, and fits effortlessly into your organization’s work culture.

Employer Branding

Once you’ve narrowed how to reach your target applicant it’s time to brand your organization as accurately and strategically as possible. 62% of desirable professional candidates across 26 countries ranked employer branding as their deciding factor.

The candidate you want will be in high demand and comparing your company to others. How will you attract the team you want? What does your employer branding say to those looking to commit to your vision? Cultivating an impressive employer brand will set your hiring opportunity apart and attract better talent and long-term employees.

Defining the Candidate Experience

Talent acquisition strategies include viewing the search and recruiting process from the candidate’s perspective. Often the most overlooked tactic, defining the candidate experience is an ideal way to attract elite candidates for executive positions. Your most valuable candidates are going to see the application, interview, and offer process as a direct reflection of what it would be like working for you. It’s meant to be as professional, accommodating, direct, and meaningful as possible.

Business-Goal Alignment

Executives and other critical organization members are leaving their roles more frequently than ever before. This alarming statistic has resulted in the need to take a progressive approach during the interview process. While skills, talents, and experience are still a major part of the process, ensuring that the candidate’s career goals align with your organizational goals helps improve the likelihood of a long-term hire.

This approach also opens up new ways to discover opportunities. For example, we had a client hiring in one country but had a goal to expand the business to South America. In our discovery with an elite candidate, their personal goals were to eventually make their way to South America. The opportunities aligned and the hired executive now runs the South American HQ of the organization.

These are just four of many talent acquisition strategies Whitham Group applies to pair you perfectly with a qualified and dedicated executive. Contact us today to find out how we can help your business build your dream team.

https://e2ge48.p3cdn1.secureserver.net/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!