.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; }