.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; }
An image of wind turbines in a field
What’s In Store For the Clean Energy Sector

The renewable or clean energy sector has seen significant growth in recent years. It is because burning fossil fuels to produce electricity is increasingly contributing to climate change. Approximately 75% of greenhouse gas and 90% of all carbon dioxide emissions globally are due to burning fossil fuels.

This has increased the need for clean energy production. It refers to electricity generation through more sustainable sources, such as wind or solar power, leading to little or no greenhouse gas emissions and environmental effects. Some clean energy sources include hydropower, solar, wind, and more. Using them can reduce carbon emissions by at least $4.2 trillion yearly by 2030, which is why they are gaining popularity.

Let’s examine the current trends, problems, and future goals and predictions for the clean energy sector.

Current Trends in Clean Energy

Currently, renewable energy accounts for 20% of electricity production in the US. Wind power produces the most energy (9.2%), followed by hydropower (6.3%), solar (2.8%), biomass (1.3%), and geothermal (0.4%). It is expected to increase to 30% by 2024.

Another popular trend in the clean energy sector is the use of electric vehicles. Many automobile manufacturers are also producing electric vehicles (EVs). They are not only cost-effective but are also good for the environment.

Due to the increasing demand for EVs, sales doubled in 2021 and reached 6.6 million units. Moreover, the global market value of EVs is expected to reach 26 million units by 2030. This growth is driven by the high cost of gas, reduced battery costs, and government subsidies and incentives to encourage the adoption of EVs.

The increasing demand for sustainable and environmentally-friendly energy has also increased the demand for labor in the clean energy sector. Renewable energy recruiters are looking for talent to fill the job positions in the industry.

There are 12.7 million jobs in the renewable energy industry as of 2021, compared to 7.3 million in 2012. It shows there will be a steady increase in the demand for workers in the coming years. Therefore, environmental recruitment agencies and executive search firms must find suitable candidates to fulfill this demand.

An image of a solar panel field under the bright sky

 Challenges in the Clean Energy Sector

With growth comes challenges too. From the limited availability of renewable energy sources to the high investment in clean technologies, let’s talk about some challenges for the clean energy sector.

Limited Availability of Renewable Energy Sources

The availability of renewable energy sources, such as wind and solar power, is dependent on weather conditions. It makes it difficult for companies to provide a stable supply of electricity.

High Investment

Setting up solar panels, wind turbines, and other energy grids can be costly. The cost of electricity from clean energy sources has fallen significantly in recent years. However, the implementation cost of the system can still be more expensive than fossil fuels. It makes it difficult for clean energy to compete with fossil fuels in some markets.

An image of a solar panel field

Labor Shortage

The renewable energy department requires skilled and professional employees to develop innovative solutions. The clean energy industry will need an additional 1.3 million employees to meet sustainability goals and projected capacities of 2030. It includes project managers, engineers, project developers, and more.

However, the labor shortage in the industry is increasing due to a lack of people with relevant skills and experience. Moreover, most workers switching to different industries.

Energy Storage

Producing energy is a challenge, and storing it for a stable supply is another. Other than investing in green energy technologies, companies also require additional capital to invest in developing energy storage technologies.

Future Goals and Predictions for the Clean Energy Sector

The goal is to achieve net zero global energy-related carbon dioxide emissions by 2050. It is expected to be done by increasing the use of renewable energy sources and reducing dependence on fossil fuels. However, it will require significant investments in renewable energy technologies and infrastructure.

However, the industry also plans to improve energy storage technologies. They are critical for ensuring a stable supply of electricity. Therefore, as the industry increases clean energy production, it will also need the resources to store and efficiently supply that energy. Improved energy storage technologies will enable the integration of renewable energy into the grid and provide a more reliable supply of electricity.

An image of employees at a research facility

The future looks promising for the clean energy sector. According to the IEA, the production of renewable energy will increase as much in the next 5 years as it did in the last 20 years. It will also be the fastest-growing source of electricity generation in the next five years and is expected to produce more electricity than coal. It will lead to the creation of more jobs, a lower cost of electricity, and an economic boost.

The industry is looking for the best talent to achieve these goals and overcome the challenges, and our energy industry recruiters can help provide it.

We Find Talent That’s Off the Grid

Whitham Group is one of the leading environmental recruitment agencies that help renewable energy companies find skilled, specialized, and experienced candidates for multiple job positions. Our energy industry recruiters follow a comprehensive search and recruitment process to find the best talent in the industry for your company.

With 12 years of experience in the clean energy sector, our renewable energy recruiters can give your company a hiring advantage and help you reach all your production and development goals by supplying the best talent.

If your company is having difficulty in finding suitable candidates to fill job positions in the clean energy market, book a consultation and get immediate help. Contact us now!

The True Cost of a Bad Hire
The True Cost of a Bad Hire

A bad hire can be the most expensive mistake your business could make. What can be costlier than a faulty product or poor budgeting, is the price of repeatedly hiring underqualified, short-term employees. Opposingly, the right hire can be significantly beneficial.

The first sign that your hiring process needs help is a high employee turnover rate.

Considering that 1 in 2 candidates will misrepresent themselves on their resume, and 1 in 5 candidates will be likely to blatantly lie in an interview, how can you decide who to invest in? In this article, you’ll discover exactly what it could cost you if you don’t figure it out soon.

The Price of a High Employee Turnover Rate

The CEO and owner of Zappos has a net worth of about $840 million. But it cost him many bad hires before he learned how to get it right, according to him “well over $100 million” he estimates.

Even if you don’t have millions to lose, look at those percentages! But like Zappos, the loss was counted in more than just dollars.

Firing and replacing regularly dampens morals. While you make changes hoping to get it right this time, your employees, even the good ones, begin to feel dispensable and insecure. This is not the employee infrastructure of a successful company. A high employee turnover rate makes you vulnerable to losing valuable team members who seek security and a place they can grow with.

Unfortunately, keeping the bad hire causes nearly double the damage. A study done by Career Builders shows that 60% of long-term, contributing employees could spot a bad hire by their inability to work in a team setting. This often resulted in reduced teamwork, less productivity, and diminished the work culture.

As it goes, what happens within and the organization soon happens without it. The cost of a bad hire can wreak havoc on your company’s reputation, especially if the hire had a senior-level position or an executive role. Repeated bad hires run the risk of damaging professional and customer relationships and significantly damaging your organization’s authority.

How to Avoid Bad Hires

Is hiring always going to be like a blind shot in the dark? Absolutely not.

According to the US Department of Labor, the cost of a bad hire can exceed 30% of that employee’s first-year earnings. And 74% of companies admit to making bad hires!

But your hiring process no longer has to result in another bad statistic

Stop relying on the untrackable HR process, make changes to exhaustive screening processes, and hire a specialized team of professional recruiters. Collaborating with recruitment experts is an investment in your work environment, productivity, team morale, time, bottom line, and scalability.

At Whitham, we know recruiting isn’t solely about filling a role, but selecting the most skilled and talented candidates that want to grow with a reputable organization.

If every single hire was a reflection of your organization, what would people see? Reach out now and never lose to a bad hire again.

Top 5 reasons to hire an Executive Recruiter
Top 5 reasons to hire an Executive Recruiter

According to Forbes, the biggest investment every fortune 500 company (and beyond) makes is in its hiring process, particularly for an executive position. As part of their staff-building strategy, many of these successful companies keep an executive recruiter on hand who knows exactly what they need.

You may still be on your way to becoming fortune 500, but your executive hiring choices make just as big an impact on your business and its scalability. For some, the ramifications of a bad hire may be more than you can afford.

Job ads, recruitment forums, or hours spent on LinkedIn aren’t going to help you navigate the perfect combination of experience and skill needed for a highly-qualified senior-level candidate.

Fortunately, that’s our specialty.

Still on the fence on whether the investment’s worth it? Here are 5 reasons to hire an executive recruiter to find the perfect hire for a critical role in your company.

Exclusive Access to Highly-Qualified Candidates

Is your list of referrals leaving you at a dead-end? Hiring an executive recruiter gives you access to a global network of contacts. If you want an executive that ticks off all of the boxes, you may need to access a larger and more refined pool of talent.

Reduce Turnover Rate

Retained executive recruiters don’t consider a hire a success. Whitham Group measures success based on longevity and contribution. Not contingency. We can tell the difference between an impressive resume and long-term potential.

Additionally, a high turnover rate for an executive position is more expensive than replacing other roles, it negatively impacts brand image, and reduces employee moral.

Discretion May Be Required

Executive recruiters solve a unique problem– a need for discretion. Replacing an executive role is often kept under wraps to alleviate workplace secrecy in the event the current position is still filled. Outsourcing recruitment gives you all the control over the hire with none of the office drama.

Hiring For a New Role

If the current position you’re hiring for didn’t previously exist within your business it’s nearly impossible to create a benchmark for reference. A skilled executive recruiter can quickly and easily assess the unique requirements of the role and will tailor the candidate-search accordingly.

Executive Recruiters Protect Business Relationships

Hiring through a third-party prevents potential conflict in the office and amongst your competitors. Swimming through the same pool of talent can be tricky. Executive recruiters are impartial and discreet, making the candidate search much less complex.

Save Time and Money

How much is your time worth? Scouring CVs, making phone calls, and conducting interviews are already set you back thousands of dollars and hours to be spent running a business. If any detail is missed, you run the risk of a wrong hire which will cost you even more time and money.

Executive recruiters efficiently and strategically create a detailed analysis of every qualified candidate without skipping a beat. Consider executive recruiters are the skilled headhunters that many successful companies rely on.

Your executive is a reflection of your business–are you choosing wisely? Contact us today to find out how the Whitham Group can help your business.

How much is employee turnover really costing you
How much is employee turnover really costing you?

EMPLOYEE TURNOVER COMES AT A HIGH COST. 

Turnover is inevitable in these times. It is not like the 1960’s where someone expected to be at their job until their pension kicks in. Today turnover is the number one cost for organizations and here are a few examples of not only cost, but morale as well. 

  • Replacing an employee making $100,000 salary can be more than $213,000; over twice their annual salary! 
  • The cost of hiring a new employee including the advertising, interviewing, screening, and hiring.
  • Cost of onboarding a new person, including training and management time.
  • Lost productivity—it may take a new employee one to two years to reach the productivity of an existing person.
  • Lost engagement—other employees who see high turnover tend to disengage and lose productivity.
  • Training cost—for example, over two to three years, a business likely invests 10 to 20 percent of an employee’s salary or more in training.
  • Cultural impact—whenever someone leaves, others take time to ask why

When using an Executive Search Firm, the first thing you should ask them about is their retention rate on their placements and how long their guarantee period is. If their answer is anywhere from 30-90 days, please just hang up the phone right then and there. Those types of firms are usually contingent and their candidates have a dollar sign on their foreheads. The end goal for these types of firms are a big fat fee, not placing the right person in the right role. 

Another retention strategy is how you interview. What is your process? How many people are involved in interviews? Do you have more than 2 interviews? The suggested amount of interviews for a candidate would be 5-6 before brining them onboard. This shows their commitment to the role and organization prior to them even starting. It will also expose the candidate to more of your team to gain a concensus and it is more of a collabrative hiring strategy. 

How to reduce risk when hiring.
How to reduce risk when hiring.

When considering a new vendor, there are certain aspects of risk such as:

Execution Risk – The chance the search firm does not perform

Financial Risk – The possibility that your return on investment for will be less than expected or required

Professional Risk – The chance the decision maker’s judgment will be questioned in the future and affect him or her negatively

When we engage with a new client, we assess what your strategies are, how you operate, and what your goals are both short and long term. Our responsibility as recruitment experts is to get as close to that knowledge base as possible to understand your organizations goals and objectives.

Bringing industry and peer knowledge, knowledge of the marketplace, we implement processes and systems into your search assignment that reduce your exposure to risk of hiring the wrong person and having a high turnover rate. To replace an employee making a salary of $100,000 will end up costing $213,000. If the financial implications of hiring the wrong person were not enough, the impact on morale, lost time, culture damage, and missed opportunity can far exceed financial losses.

Hiring a new employee for some is like running with scissors in your hand. The main reasons organizations make hiring mistakes are basing your hire solely on a personal interview, needing to fill a role quickly, or making the decision to hire too soon in the process without multiple interviews.

Hiring high performers requires a shift in thinking. Hiring a strong team does not come from putting ads on the internet. We focus on passive candidates who are heads down generating revenues. With our expansive network in renewables, we can attract the right person to the right position.

You work how many hours a week
You work how many hours a week?

There was an article on LinkedIn that came out in early December about how Elon Musk works 100-120 hours a week. The comments on that post were pretty brutal and judgmental on how Musk decides to spend his time. Then another article came out by Geoffrey James that stated, “People who do 40 hours a week change the world all the time.” So, how many hours should you work?

We cannot put all people in the workforce on the same clock. Musk is 47 years old and a Gen X’er. He has not had a vacation since 2001 which was one glorious week off due to malaria. He went to his brother’s wedding and stayed two hours and went right back to the Tesla factory. Here is how much Elon Musk makes an hour according to Entrepreneur.com “Currently, Musk says he’s working 120 hours a week. That translates to just over 17 hours a day, more than 6,240 hours per year and, over the next 10 years, over 62,400 hours of work. If Musk’s total 10-year payout is a theoretical $55.8 billion, that means if he sticks to the same work schedule in delivering Tesla to its goal, every hour of his time could be worth close to $900,000.” No one can compare themselves to Musk. He is an anomaly. And most of us would not trade $900K an hour for 120-hour work week that went on for years. 

What about the CEO’s, Entrepreneurs, and Business Owners? Should they stick to only 40 hours a week or maybe 32? Eventually less hours will shift to be the norm, but not until Millennials are running things in about 15-20 years. And you know, they may be the ones who change it up for other generations to come and ensure the work-life balance is the number one priority for their employees. According to Korn/Ferry, the largest Executive Search firm in the world, states “The average age for a CEO across industries is 58, with the oldest average CEO age 60 in financial services and the youngest 55 in the technology sector.” So now we have heard it from the experts, Gen X are the majority CEO’s right now. Now let’s see how much time they put on the clock. 

Inc. online asked some of the top CEO’s about their workhours and here is a short summary;

Apple CEO Tim Cook begins emailing employees at 4:30am, is the first one in the office and the last to leave. He also holds staff meetings on Sunday evenings to prepare for the week.

Amazon CEO Jeff Bezos in his earlier days was working 12-hour days 7 days a week and started at 3am. He has significantly toned that down after his company has joined the $1 trillion dollar club. 

The former CEO of General Electric Jeff Immelt spent 24 years putting in 100-hour work weeks.

Mark Cuban, billionaire investor and owner of the Dallas Mavericks quoted “Work like there is someone working 24 hours a day to take it all away from you.” Before Cuban had kids, he was working non-stop and would wake up in the middle of the night with an idea and would start working on it staying up until the next night. He also went 7 years without taking one vacation. 

Pepsi CEO Indra Nooyi put herself through Yale earning her master’s degree while working a graveyard shift as a receptionist. Her work schedule now starts at 4am and it is not out of the ordinary that she stops working at midnight. 

After reading about the CEO’s above, you may be thinking that these CEO’s probably never see their kids, are divorced, are in poor health, will not be wishing they worked more on their deathbed, should delegate more, etc., etc. We all can speculate on how people should spend their time and what is best for them. Most of us are not a CEO of a Fortune 500 company, nor can we relate to Musk or any of the CEO’s above and their work habits. We are equipped and trained to endure the complexities of our own role and not accountable for 100,000 employees and reporting to a board of directors. 

There is a Janitor named Liang in San Francisco who makes $276,000 a year. He immigrated to America and works for BART cleaning the station, sweeping and gathering garbage, cleaning the bathrooms, picking up various lost items from the tracks and bringing them to lost and found, mopping the floors, etc. If there are any overtime slots available, he is the first to sign up. With significant overtime he has a similar income to some of the Silicon Valley VP’s. The local news station tried to get him to interview on their channel, but he declined stating he is too busy working. 

Here in the Bay Area it is not uncommon for a commute of one hour each way. So, breaking that down, you have two hours of commute time, 9 hours in the work place (one-hour lunch) so that equals 11-hour days times 5 days a week you are looking at 55 hours for the average office worker. That is well over the 40-hour mark for many of us who work in an office environment. 

To get ahead, there is nothing wrong with working extra hours. Some of you can get ahead working less than 40 hours. Some people work zero hours and don’t want to get ahead, much less have a job in the first place. Who are we to judge who works what hours? In the end each of us are the leader of our own lives shaping our own dreams and destinies, which at times require more than a 40-hour work week.

Interview with Carina Whitham THE SUIT Magazine
Interview with Carina Whitham THE SUIT Magazine

Renewable Energy, Sustainable Executives
Interview with Carina Whitham- By Travis Taylor

Renewable energy is a multi-billion dollar industry. Investment in technologies such as solar power, wind power and hydroelectricity, reached $257 billion in 2011 alone. Rapid growth like that creates a need among companies for top-notch executives focused on renewable energy. This is where Carina Whitham and the Whitham Group come into play. Whitham, founder and President, brought the company together in 2010 after spending over 10 years in recruiting and staffing. Whitham and her associates found a niche in renewable energy recruiting and brought both their talent and passion to bear on that industry. “The one thing we noticed was that the people within the renewable energy industry, they take their talent and direct it toward the bettering of the environment,” Whitham said. “And they’re just good people to work with.”In less than two years, the Whitham Group has already found success. “In 2012 our revenues skyrocketed. This year – 2013, we are slated to double last year’s revenues,” noted Whitham. “And we are now expanding our offices globally.”Already Whitham Group has concentrations in solar power, with expansion into the biofuel, geothermal and wind industries. Part of the reason for the scope of this achievement is the way Whitham and her associates go about finding talent for companies, saving them money in the process. Before taking on any new client, for instance, Whitham Group goes through an assessment process. First, they only consider companies that are in the renewable energy industry. Secondly, each potential client’s revenue and capitalization is taken into consideration and thirdly, Whitham Group uses their vast connections to feel out the company, look into their corporate culture and interview people who work for that potential client. “We don’t want to place a candidate anywhere that’s not a viable position in a viable company with a good reputation,” Whitham said.Whitham Group’s candidates positively impact their Clients’ organizations in less than 90 days. Whitham’s network alone is a huge competitive advantage for her Clients. With so much success already, Whitham Group is poised to continued their significant growth and influence in the renewable energy industry. “In 2014 our plan is to align ourselves with some of the top energy companies and diversify by expanding our client portfolio,” said Whitham.This combination of passion, talent and even a sense of fun has driven Whitham Group to the top of renewable energy executive search firms. “We love what we do,” said Whitham, “so it doesn’t really seem like work.”

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

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

NEWSLETTER

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