-
WIBUHAX0R1337
-
/
home
/
zqegovsj
/
public_html
/
us3.supplierlist.com
/
haibonet
/
master
/
css
/
[ Home ]
Create Folder
Create File
Nama File / Folder
Size
Action
animations.css
41.289KB
Edit File
Delete File
Rename
bootstrap.min.css
119.191KB
Edit File
Delete File
Rename
dashboard.css
54.417KB
Edit File
Delete File
Rename
main.css
144.673KB
Edit File
Delete File
Rename
@charset "UTF-8"; /** *** Table Of Contents * * Bootstrap Overrides - columns - container - breadcrumbs - pagination - forms - carousel - accordion - progressbar - navs and tabs - tables - etc. * General Styles for HTML tags * Styled Lists * Buttons * JQuery Plugins - Owl Carousel - Easy pieChart - toTop * Vertical Margins and Paddings * Common Sections Styles - page preloader - animated elements - boxed layout * Helper Utilites - layout - borders, colors and backgrouns - dividers, margins and paddings - alignment - media items * Header * Side Header - side header layout - side menu styles - sidebar scroll plugin * Light Section - .ls * Grey Section - .ls.ms * Dark Sections - .ds * Color Section - .cs * Widgets - common widgets styles - search * Shortcodes - teasers - contact forms * Social Icons */ /* ** Template colors * Accent Colors: 1: #45c2e9 2: #00bac6 3: #e7003e 4: #f4a115 Light section (.ls) colors: Text color in light section: #666666 Background color for light section and font color in dark section: #ffffff Color for headings in light section and for background in dark section (.ds): #555555 Background color for light muted section (grey - .ls.ms): #f5f7fa Background color for dark muted section (.ds.ms): #1a1a1a Border colors for elements in light section (and .with_border elements): #e5e5e5, rgba(0, 0, 0, 0.1) Background color for elements in light section (.with_background): #f8f9f9 Dark section (.ds) colors: Text color in dark section: #9a9a9a Border colors for elements in dark section: #454545 Background color for elements in dark section (.with_background): rgba(255, 255, 255, 0.06) Color section (.cs) colors: Border colors for elements in color section: rgba(255, 255, 255, 0.15) */ /* ** Bootstrap Overrides */ /* columns with 20 and 40 percents width */ .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-20 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-20 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-20 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-20 { width: 20%; float: left; } } .col-xs-40, .col-sm-40, .col-md-40, .col-lg-40 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-40 { width: 40%; float: left; } @media (min-width: 768px) { .col-sm-40 { width: 40%; float: left; } } @media (min-width: 992px) { .col-md-40 { width: 40%; float: left; } } @media (min-width: 1200px) { .col-lg-40 { width: 40%; float: left; } } /* half on .container in .container-fluid */ .container-left-half, .container-right-half { padding-right: 15px; padding-left: 15px; } .container-left-half { margin-right: 0; margin-left: auto; } .container-right-half { margin-right: auto; margin-left: 0; } @media (min-width: 768px) { .container-left-half, .container-right-half { width: 375px; } } @media (min-width: 992px) { .container-left-half, .container-right-half { width: 485px; } } @media (min-width: 1200px) { .container-left-half, .container-right-half { width: 585px; } } /* bootstrap breadcrumbs*/ .breadcrumb { margin: 0; padding: 0; background-color: transparent; border-radius: 0; text-transform: uppercase; color: inherit; font-weight: 700; letter-spacing: 0.5em; } .breadcrumb > .active { color: inherit; opacity: 0.9; } .breadcrumb > li + li:before { font-family: 'FontAwesome'; content: "\f105"; } /* pagination */ .pagination { margin: 0; } .pagination > li { display: inline-block; } .pagination > li > a, .pagination > li > span { text-align: center; font-weight: 400; padding: 4px 6px 2px; margin-left: 2px; margin-bottom: 0; margin-top: 4px; min-width: 28px; border-radius: 3px; } /* forms */ input[type="file"] { border-radius: 2px; padding: 2px; font-size: 14px; border: 0px solid #333; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select, .form-control { border-radius: 2px; color: #1a1a1a; font-size: 14px; padding: 10px; background-color: #FFF; border: 1px solid #333; } .form-input { background-color: #FFF; border: 1px solid #333; } textarea, textarea.form-control { padding-top: 20px; height: auto; } .form-group { position: relative; } .form-group:last-child { margin-bottom: 0; } /* select styling */ .form-control option { color: #555555; background-color: #ffffff; } .form-control-unstyled { border: none; background-color: transparent; } .form-control, .form-control:focus { box-shadow: none; } .form-control.invalid { box-shadow: 0 0 0 2px #45c2e9; } .form-control:focus { border-color: #bfbfbf; } .form-control:-moz-placeholder { color: #666666; opacity: 1; } .form-control::-moz-placeholder { font-style: italic; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.4em; color: #666666; opacity: 1; } .form-control:-ms-input-placeholder { font-style: italic; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.4em; color: #666666; } .form-control::-webkit-input-placeholder { font-style: italic; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 0.4em; color: #666666; } .form-control:focus:-moz-placeholder { color: transparent; } .form-control:focus::-moz-placeholder { color: transparent; } .form-control:focus:-ms-input-placeholder { color: transparent; } .form-control:focus::-webkit-input-placeholder { color: transparent; } /*icons for forms */ form label + [class*="icon2-"], form label + [class*="fa-"] { position: absolute; font-size: 16px; left: 15px; top: 22px; width: 1em; text-align: center; } form label + [class*="icon2-"] + .form-control, form label + [class*="fa-"] + .form-control { padding-left: 40px; } label { font-weight: inherit; } .checkbox label, .radio label { font-weight: inherit; } .checkbox label[for], .radio label[for] { font-weight: inherit; } .form-control + [class*="icon2-"] { position: absolute; font-size: 24px; left: 20px; top: 50%; color: #45c2e9; } .checkbox label[for] + input[type=checkbox], .checkbox label[for] + input[type=radio], .radio label[for] + input[type=checkbox], .radio label[for] + input[type=radio] { left: 20px; } input[type=checkbox], input[type=radio] { margin-top: 8px; margin-right: 8px; margin-left: 8px; } .form-wrapper.with_background, .form-wrapper.muted_background, .form-wrapper.cs, .form-wrapper.ds, .form-wrapper.ls { padding: 35px; } .form-inline-button .form-inline { position: relative; } .form-inline-button .form-inline .form-control { width: 100%; margin: 0; } .form-inline-button .form-inline label { display: block; } .form-inline-button .form-inline label[for] { display: none; } .form-inline-button .form-inline .form-group { display: block; vertical-align: top; position: relative; } @media (min-width: 768px) { .form-inline-button .form-inline .form-group.inline-block { min-width: 370px; margin-right: 5px; } } .form-inline-button .form-inline [type="text"], .form-inline-button .form-inline [type="password"], .form-inline-button .form-inline [type="search"], .form-inline-button .form-inline [type="email"] { padding-right: 50px; width: 100%; } .form-inline-button .form-inline [type="submit"], .form-inline-button .form-inline .theme_button { font-size: 0; padding-left: 22px; padding-right: 22px; margin: 0; position: absolute; right: 0; top: 0; border: none; background-color: #45c2e9; color: #ffffff; } .form-inline-button .form-inline [type="submit"] i, .form-inline-button .form-inline .theme_button i { font-size: 16px; content: "\e656"; font-family: 'rt-icons-2'; line-height: 1; top: 0; } .form-inline-button .form-inline [type="submit"]:hover, .form-inline-button .form-inline .theme_button:hover { opacity: 0.5; } .has-error .form-control { border-color: #45c2e9; } .has-error label, .has-error .help-block { color: #45c2e9; } /*styled checkbox */ .checkbox input[type="checkbox"] { display: none; } .checkbox label + input[type="checkbox"], .checkbox label > input[type="checkbox"] { top: 0; display: inline-block; } input[type="checkbox"] + label { padding-left: 0; } input[type="checkbox"] + label > a { color: #555555; } input[type="checkbox"] + label:before { content: ""; display: inline-block; vertical-align: middle; margin: 1px 10px 4px 0; text-align: center; padding-right: 0.1em; width: 16px; height: 16px; line-height: 14px; font-size: 15px; border: 1px solid #e5e5e5; font-family: "FontAwesome"; } input[type="checkbox"]:checked + label:before { content: "\f00c"; color: #555555; } input[type="checkbox"]:disabled + label:before { background-color: #e5e5e5; } /*styled radio*/ .radio input[type="radio"] { display: none; } .radio label + input[type="radio"], .radio label > input[type="radio"] { top: 0; display: inline-block; } input[type="radio"] + label { padding-left: 0; } input[type="radio"] + label > a { color: #999999; } input[type="radio"] + label:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 2px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #e5e5e5; } input[type="radio"]:checked + label:before { padding: 3px; background-color: #555555; background-clip: content-box; } input[type="radio"]:disabled + label:before { background-color: #e5e5e5; } /* inline input with button */ .button-on-input { position: relative; } .button-on-input input[type*="text"], .button-on-input input[type*="email"] input[type*="password"], .button-on-input .form-group { width: 100%; } .button-on-input button, .button-on-input input[type*="submit"] { position: absolute; right: 0; top: 0; margin: 0; } /* carousel */ .carousel { overflow: hidden; } .carousel-indicators li { width: 10px; height: 10px; border-width: 0; background-color: #555555; 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: #45c2e9; } .carousel-control.left, .carousel-control.right { border: 1px solid #ffffff; color: #ffffff; border-radius: 0px; width: 50px; height: 50px; left: -50px; top: 50%; margin-top: -25px; text-shadow: none; opacity: 1; background-image: none; filter: alpha(opacity=100); text-align: center; } .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: 700; letter-spacing: 0.1em; line-height: 1; display: block; padding: 24px 50px 24px 30px; background-color: #45c2e9; color: #ffffff; border: none; border-radius: 2px; word-wrap: break-word; } .panel-heading .panel-title > a.collapsed:hover, .panel-heading .panel-title > a:hover { background-color: #555555; color: #ffffff; } .panel-heading .panel-title > a.collapsed { color: #555555; background-color: #f5f7fa; } .panel-heading .panel-title > a:after { color: #ffffff; content: '-'; position: absolute; text-align: center; right: 0; top: 0; bottom: 0; width: 60px; line-height: 60px; letter-spacing: 0; font-size: 20px; font-weight: 400; } .panel-heading .panel-title > a.collapsed:after { content: '+'; color: #45c2e9; } .panel-heading .panel-title > a > i { position: relative; top: 0; padding-right: 8px; font-size: 1.1em; width: 2em; 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-color: transparent; } .panel-group .panel + .panel { margin-top: 8px; } .panel-body { border: 1px solid transparent; border-top: none !important; } .panel-body .media-left { padding-right: 28px; } .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 { padding: 23px 30px 30px; border-radius: 0px; } .collapse-unstyled .panel h4 { margin: 0 0 0.5em; } .collapse-unstyled .panel h4 a:after { color: #45c2e9; 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; } /* progress bars */ .progress-bar-title { font-size: 12px; margin-bottom: 2px; } .progress { overflow: visible; height: 4px; margin-bottom: 30px; position: relative; border-radius: 0; box-shadow: none; border: none; } .progress-bar { background-color: #45c2e9; color: inherit; box-shadow: none; height: 4px; } .progress-bar span { position: absolute; right: 0; top: -22px; font-size: 12px; font-weight: 700; letter-spacing: 0.2em; } .progress-bar-success { background-color: #94b86e; } .progress-bar-info { background-color: #45c2e9; } .progress-bar-warning { background-color: #ffb848; } .progress-bar-danger { background-color: #ed6b75; } /* nav and tabs */ .nav > li > a { color: #555555; } .nav > li > a:hover, .nav > li > a:focus { background-color: inherit; } .unstyled-tabs-title { margin-bottom: -40px !important; } .nav-unstyled { list-style: none; padding: 0; margin-bottom: 20px; text-align: right; border-bottom: 1px solid #e5e5e5; } .nav-unstyled li { display: inline-block; margin-bottom: -1px; } .nav-unstyled li a { font-size: 12px; text-transform: uppercase; font-weight: 700; display: inline-block; padding: 0 10px 17px; border-bottom: 3px solid transparent; } .nav-unstyled .active a { border-color: #45c2e9; } /*tabs*/ .tab-content { border-radius: 0 0 0 0; padding: 50px 60px; border: none; background-color: #f5f7fa; } .tab-content.no-border { padding: 36px 0 0; background-color: transparent; } .tab-content.top-color-border { position: relative; } .tab-content.top-color-border:before { content: ''; position: absolute; left: 0px; right: 0px; top: -1px; height: 6px; background-color: #45c2e9; } .tab-content.tab-unstyled { padding: 10px 0 0; } .ls .tab-content.tab-unstyled, .ds .tab-content.tab-unstyled, .cs .tab-content.tab-unstyled { background-color: transparent !important; } .tab-content .featured-tab-image { margin: -50px -60px 50px -60px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: none; } .nav-tabs { border-bottom-color: transparent; margin-top: 0px; margin-bottom: -1px; } .nav-tabs > li { margin-bottom: 0; } .nav-tabs > li > a { font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.2em; padding: 23px 24px; margin-right: 1px; margin-top: 0px; border: none; background-color: transparent; color: #555555; border-radius: 0; } .small-tabs .nav-tabs > li > a { padding: 10px 10px 9px; } .nav-tabs > li > a i { position: relative; top: 2px; padding-right: 8px; font-size: 1.6em; width: 1.5em; text-align: center; display: inline-block; line-height: 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-color: #f5f7fa; background-color: #f5f7fa; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs.nav-justified > .active > a { border-color: #f5f7fa; background-color: #f5f7fa; } /*vertical tabs*/ .vertical-tabs .tab-content.no-border { padding-top: 0; } .vertical-tabs .nav > li > a { font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; background-color: #f5f7fa; color: #555555; padding: 16px 60px 16px 40px; margin-bottom: 10px; position: relative; border-radius: 2px; } .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 { color: #45c2e9; font-family: 'rt-icons-2'; content: "\e7c5"; position: absolute; font-size: 12px; line-height: 60px; text-align: center; right: 0; top: 0; bottom: 0; width: 60px; letter-spacing: 0; } .vertical-tabs .nav > li.active a, .vertical-tabs .nav > li > a:hover { background-color: #45c2e9; color: #ffffff; } .vertical-tabs .nav > li.active a:after, .vertical-tabs .nav > li > a:hover:after { color: #ffffff; } @media (min-width: 768px) { .vertical-tabs .nav > li.active { position: relative; z-index: 2; } } /* modal */ .modal-backdrop.in { filter: alpha(opacity=80); opacity: .8; } .modal-content { border-radius: 1px; } .modal-content [class*="col-"]:last-child { margin-bottom: 0; } /* bootstrap tables */ .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: 10px 10px; 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 > tbody > tr > td.media-middle { vertical-align: middle; } .table-responsive { border: none; } /* bootstrap buttons */ .btn { padding: 22px 30px 22px; margin: 0 0 4px 0; font-weight: 700; 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; } /* media elements */ .media { margin-top: 28px; } .media .media-object { max-width: 100px; } li.media:before, li.media:after { display: block; content: ''; clear: both; } .media-right, .media > .pull-right { padding-left: 20px; } .media-left, .media > .pull-left { padding-right: 20px; } .media-left img, .media-right img { max-width: 60px; } @media (min-width: 768px) { .big-left-media .media-left img, .big-left-media .media-right img { max-width: 120px; margin-right: 20px; } } td .media-body { width: auto; } /* bootstrap dropdown menu */ .dropdown-menu { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); border-radius: 0; border-color: transparent; z-index: 1001; font-size: 12px; margin-top: 0; padding-left: 0; padding-right: 0; } [class*="right"] .dropdown-menu { right: 0; left: auto; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #555555; background-color: transparent; } .dropdwon-menu-title { padding: 10px 30px; } .well { 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: #ffffff; font-size: 14px; line-height: 56px; width: 60px; height: 60px; text-align: center; border: 2px solid #ffffff; border-radius: 50%; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; } .embed-placeholder:hover:after { opacity: 0.4; } .alert { border-radius: 0; border-width: 0 0 0 4px; padding: 30px; margin-bottom: 30px; } button.close { min-width: 0; } /* small in headings */ .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { color: inherit; font-weight: 300; } /* labels */ .label-success { color: #ffffff; background-color: #94b86e; } .label-info { color: #ffffff; background-color: #45c2e9; } .label-warning { color: #ffffff; background-color: #ffb848; } .label-danger { color: #ffffff; background-color: #ed6b75; } .badge { border-radius: 3px; padding: 3px 6px; } /* ** General Styles for HTML tags */ html { width: 100%; height: 100%; position: relative; overflow: visible; } ::-moz-selection { color: #ffffff; background-color: #45c2e9; } ::selection { color: #ffffff; background-color: #45c2e9; } ::-moz-selection { color: #ffffff; background-color: #45c2e9; } body { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; background-color: #ffffff; overflow: visible; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1; word-break: break-word; margin-top: 1.5em; margin-bottom: 1em; } h4 { font-size: 18px; } h5 { font-size: 17px; } h6 { font-size: 15px; } 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-child { margin-bottom: 0; } blockquote { position: relative; margin: 30px 0; padding: 10px 20px 20px 42px; border: none; font-size: 20px; line-height: 30px; font-style: italic; text-align: center; } blockquote .media { font-size: 14px; font-style: normal; margin: 0 0 0; padding-top: 30px; text-align: left; } blockquote .media img { min-width: 40px; max-width: 40px; border-radius: 50%; } blockquote .media h3, blockquote .media h4, blockquote .media h5 { margin-bottom: 0; } blockquote .item-meta { margin-top: 10px; font-style: normal; opacity: 0.7; } img, figure { max-width: 100%; height: auto; } figcaption, .entry-caption { padding: 2px 0 12px; } figcaption p, .entry-caption p { margin-bottom: 0; } label { color: #555555; } a { text-decoration: none; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } a:hover { color: #00bac6; text-decoration: none; -webkit-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s; } 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; margin-left: 0; margin-right: 0; margin-bottom: 30px; background-color: #e5e5e5; } 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; } table th { color: #555555; font-weight: normal; vertical-align: middle; line-height: 1; } .table_template thead { background-color: #45c2e9; color: #555555; } .table_template thead.light { background-color: #ffffff; } .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); } canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } /* ** Styled Lists */ ul, ol { padding-left: 30px; } .list1 ul, ul.list1 { list-style: none; padding: 0; } .padding_30 .list1 ul, .padding_30 ul.list1 { margin: 0; } .list1 li { position: relative; padding: 9px 0 10px 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .muted_background .list1 li { border-color: rgba(255, 255, 255, 0.4); } .list1 li > .media { margin: 4px 0 1px; } .list1.no-bullets li { padding-left: 0; } .list1.no-bullets li:before { display: none; } .list1 li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } .list1.no-top-border li:first-child { border-top: none; margin-top: 0; padding-top: 0; } .list1.no-bottom-border li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .list1 li:before { content: ''; display: block; position: absolute; border: 1px solid #45c2e9; left: 10px; top: 21px; width: 7px; height: 7px; border-radius: 50%; } .list2 ul, ul.list2 { list-style: none; padding-left: 20px; margin-bottom: 20px; } .list2 li { position: relative; padding: 3px 0 3px 0; } .list2 li:first-child { padding-top: 0; } .list2 li:first-child:before { top: 12px; } .list2 li:before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #45c2e9; position: absolute; left: -18px; top: 16px; } .list3 ol, ol.list3 { counter-reset: li; list-style: none outside none; padding: 0; } .list3 li { position: relative; padding: 8px 0 8px 42px; } .list3 li:after { content: counter(li, decimal-leading-zero); counter-increment: li; position: absolute; left: 2px; top: 50%; margin-top: -15px; font-weight: 700; color: inherit; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #ffffff; background-color: #45c2e9; border-radius: 100%; } .list-unstyled .media { margin-bottom: 10px; } .list-unstyled li:last-child > .media { margin-bottom: 0; } .list-unstyled .media-left { padding-right: 10px; } .list-unstyled .media-left img { border-radius: 50%; padding-right: 10px; } .list-unstyled .media-right { padding-left: 10px; } .list-unstyled .media-right img { border-radius: 50%; padding-left: 10px; } .list-unstyled .media-body .pull-right { margin: 0 20px; } /* ** Buttons */ .theme_buttons a, .theme_button, .wc-proceed-to-checkout .checkout-button, .buttons a, button, input[type="submit"] { font-size: 12px; text-transform: uppercase; letter-spacing: 0.4em; font-weight: 700; padding: 22px 30px 22px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; border: 1px solid #555555; background-color: #555555; border-radius: 3px; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .theme_button[type="reset"] { display: none; } .theme_buttons.color1 a, .theme_button.color1, .button.alt, .btn-accent, .wc-proceed-to-checkout .checkout-button, .widget_price_filter button, .form-submit [type="submit"] { background-color: #45c2e9; border-color: #45c2e9; } .theme_buttons.color2 a, .theme_button.color2 { background-color: #00bac6; border-color: #00bac6; } .theme_buttons.color3 a, .theme_button.color3 { background-color: #e7003e; border-color: #e7003e; } .theme_buttons a:active, .theme_buttons a:hover, .theme_buttons a:focus, .theme_button:active, .theme_button:hover, .theme_button:focus, .wc-proceed-to-checkout .checkout-button:hover { color: rgba(255, 255, 255, 0.7); opacity: 1; text-decoration: none; outline: none; -webkit-transition: all 0.05s linear 0s; transition: all 0.05s linear 0s; } .theme_buttons a:active, .theme_button:active { top: 1px; } .theme_buttons.inverse a, .theme_button.inverse { color: #555555; background-color: transparent; border: 1px solid #555555; } .muted_buttons a, .muted_button { opacity: 0.2; } .small_buttons a, .small_button { padding: 5px 7px 2px; text-transform: uppercase; font-weight: 100; min-width: auto; } .square_buttons a, .square_button { padding-left: 10px; padding-right: 10px; min-width: auto; } .wide_buttons a, .wide_button { padding-left: 50px; padding-right: 50px; } .block_buttons a, .block_button { display: block; width: 100%; text-align: center; } /*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: .08em; padding-right: 0.1em; } p > [class*="rt-icon"] { font-size: 1.1em; position: relative; top: .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; } /* **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; -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: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-carousel .owl-dots .owl-dot span { width: 7px; height: 7px; margin: 5px 6px; border: 2px solid #555555; background-color: #555555; display: block; -webkit-backface-visibility: visible; -webkit-transition: all 200ms ease; transition: all 200ms ease; border-radius: 50%; opacity: 0.5; } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { opacity: 1; } .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: 10px; text-align: center; } .owl-carousel .owl-nav > div.disabled { opacity: 0.8; cursor: default; } .owl-carousel .owl-nav > div:first-child { left: 10px; right: auto; } .owl-carousel .owl-nav > div:after { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-family: 'rt-icons-2'; font-size: 20px; line-height: 60px; content: "\e7c5"; color: #555555; } .owl-carousel .owl-nav > div:first-child:after { content: '\e7c4'; } .owl-carousel .owl-nav > div:hover:after { color: #45c2e9; } /* No Js */ .no-js .owl-carousel { display: block; } /* Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; 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; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); 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; -webkit-transition: opacity 400ms ease; 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: 40%; opacity: 1; right: -10%; left: -10%; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav > div { font-size: 0; position: absolute; right: 10px; text-align: center; margin-top: -30px; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-dots { margin-top: 40px; } .top-right-nav .owl-nav { position: absolute; top: -60px; right: 0; left: auto; } .top-right-nav .owl-nav > div { right: 0; } .top-right-nav .owl-nav > div:after { display: block; width: 20px; height: 20px; line-height: 20px; font-size: 10px; border: 1px solid #e5e5e5; background: transparent; } .top-right-nav .owl-nav > div:first-child { left: auto; right: 25px; } /* .owl-center theme */ .owl-center .owl-nav { top: 0; bottom: 0; position: static; margin-top: 0; opacity: 1; } .owl-center .owl-nav > div { right: -15px; width: 50px; top: 0; bottom: 0; margin: 0; height: auto; background-color: rgba(85, 85, 85, 0.6); } .owl-center .owl-nav > div:first-child { left: -15px; right: auto; } .owl-center .owl-nav > div:first-child:after { left: 13px; } .owl-center .owl-nav > div:after { position: absolute; top: 50%; margin-top: -10px; color: #ffffff; font-size: 20px; left: 17px; } /* 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; } /* ** Easy pieChart */ .chart { position: relative; display: inline-block; min-height: 150px; min-width: 150px; margin-bottom: 10px; text-align: center; } .chart .chart-meta { position: absolute; width: 100%; top: 50%; margin-top: -20px; } .chart .chart-meta h4 { font-size: 14px; margin: 0; } p.chart-description { margin-bottom: 20px; } .percent { display: inline-block; font-size: 50px; font-weight: 300; z-index: 2; letter-spacing: -0.05em; } .percent:after { content: '%'; } .angular { margin-top: 100px; } .angular .chart { margin-top: 0; } /* ** toTop */ #toTop { bottom: 5px; right: 5px; display: none; width: 60px; height: 60px; overflow: hidden; position: fixed; text-decoration: none; z-index: 9999; font-size: 0; color: transparent; background-color: #45c2e9; opacity: 0.7; } #toTop:after { color: #ffffff; content: '\f106'; font-size: 16px; line-height: 60px; font-family: 'FontAwesome'; text-align: center; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } #toTopHover, #toTop:hover { bottom: 8px; opacity: 1; } #toTop:hover:after { color: #ffffff; } #toTop:active, #toTop:focus { outline: medium none; } .modal-open #toTop { visibility: hidden; } /* ** Vertical Margins and Paddings */ /*same top and bottom paddings for sections*/ .section_padding_0 > [class*="container"] { padding: 0; } .section_padding_15 > [class*="container"] { padding-top: 15px; padding-bottom: 15px; } .section_padding_25 > [class*="container"] { padding-top: 25px; padding-bottom: 25px; } .section_padding_50 > [class*="container"] { padding-top: 50px; padding-bottom: 50px; } .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_65 > [class*="container"] { padding-top: 65px; } .section_padding_top_75 > [class*="container"] { padding-top: 75px; } .section_padding_top_100 > [class*="container"] { padding-top: 100px; } .section_padding_top_130 > [class*="container"] { padding-top: 130px; } .section_padding_top_150 > [class*="container"] { padding-top: 150px; } @media (max-width: 991px) { .section_padding_top_130 > [class*="container"] { padding-top: 100px; } .section_padding_top_150 > [class*="container"] { padding-top: 100px; } } /*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_65 > [class*="container"] { padding-bottom: 65px; } .section_padding_bottom_75 > [class*="container"] { padding-bottom: 75px; } .section_padding_bottom_100 > [class*="container"] { padding-bottom: 100px; } .section_padding_bottom_130 > [class*="container"] { padding-bottom: 130px; } .section_padding_bottom_150 > [class*="container"] { padding-bottom: 150px; } @media (max-width: 991px) { .section_padding_bottom_130 > [class*="container"] { padding-top: 100px; } .section_padding_bottom_150 > [class*="container"] { padding-top: 100px; } } [class*="col-"] { margin-top: 15px; margin-bottom: 15px; } form [class*="col-"] { margin-top: 0; } [class*="col-"] > .checkbox, [class*="col-"] > .radio { margin: 0; } [class*="_0"] [class*="col-"], header [class*="col-"], .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: 20px; padding-right: 20px; } .columns_padding_10 > .container-fluid { padding-left: 30px; padding-right: 30px; } .columns_padding_0 > .container-fluid { padding-left: 0; padding-right: 0; } .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; } .columns_padding_10 .row .row { margin-top: -10px; margin-bottom: -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; } .columns_padding_50 > [class*="container"] > .row { margin-right: -50px; margin-left: -50px; } .columns_padding_50 > [class*="container"] > .row > [class*="col-"] { padding-left: 50px; padding-right: 50px; } .row.columns_padding_50 { margin-left: -25px; margin-right: -25px; } } /*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 */ .table_section [class*="container"] { height: 100%; padding-left: 0; padding-right: 0; } .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; } @media screen and (max-width: 767px) { .table_section .row, .table_section [class*="col-"] { display: block; } } @media screen and (max-width: 991px) { .table_section.table_section_md .row, .table_section.table_section_md [class*="col-"] { display: block; } } @media screen and (max-width: 1199px) { .table_section.table_section_lg .row, .table_section.table_section_lg [class*="col-"] { display: block; } } @media screen and (min-width: 1200px) { /* overlap featured person */ .top-overlap { margin-top: -170px; } .top-overlap-small { margin-top: -100px; } } .section_full_height { min-height: 100vh; } .row[class*='border-'] + .row[class*='border-'] .chart { margin-top: 60px; } @media (min-width: 768px) { .border-between > [class*='col-']:before { background: #e5e5e5; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0; } } .border-bottom { border-bottom: 1px solid #e5e5e5; } .border-between > [class*='col-']:first-child:before { display: none; } .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; } .flex-row > [class*='col-'] { min-width: 300px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-row > [class*='col-'] > * { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (min-width: 768px) { .flex-row.flex-row-wide-columns > [class*='col-'] { min-width: 500px; } } .flex-row.flex-row-last-one-third > [class*='col-']:first-child { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .flex-row.flex-row-vertical-centered > [class*='col-'] > * { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex-row.flex-row-vertical-between > [class*='col-'] > * { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* ** Common Sections Styles */ /*parallax*/ .image_cover, .background_cover, .parallax { 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: 767px) { .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; } .parallax { background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; position: relative; } @media (max-width: 767px) { .parallax { background-size: auto auto; } } .parallax.ls:after { background-color: #ffffff; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=92)"; filter: alpha(opacity=92); opacity: 0.92; } .parallax.ls.ms:after { background-color: #f5f7fa; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=88)"; filter: alpha(opacity=88); opacity: 0.88; } .parallax.cs:after { background-color: #45c2e9; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .parallax.cs:before { background-color: #45c2e9; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .parallax.cs.main_color2:after { background-color: #00bac6; } .parallax.cs.main_color3:after { background-color: #e7003e; } .parallax.ds:before { background-color: #555555; opacity: 0.75; } .parallax.ds:after { background-color: #000; opacity: 0.2; } .parallax.ds.ms:after { display: none; background-color: #555555; } .parallax.abstract_background.ls:after, .parallax.abstract_background.ds:after { display: none; } .texture_bg { background-size: cover; background-position: 50% 0; background-repeat: no-repeat; position: relative; background-image: url(../img/aside_bg.jpg); } .muted_section:before { background-color: rgba(85, 85, 85, 0.1); opacity: 1; } .parallax > *, .muted_section > *, .radial_gradient > *, .gradient > *, .vertical_gradient > *, .darken_gradient > *, .diagonal_section > * { z-index: 4; position: relative; } .radial_gradient { position: relative; overflow: hidden; } .gradient, .muted_section, .vertical_gradient, .darken_gradient { position: relative; } .muted_section:before, .muted_section:after, .parallax:before, .parallax:after, .gradient:before, .gradient:after, .vertical_gradient:before, .vertical_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, .parallax:before, .parallax:after { opacity: 0.8; } .header_gradient, .gradient:before, .dark_gradient:before { background: #45c2e9; background: -webkit-gradient(linear, left top, right top, color-stop(0%, #45c2e9), color-stop(100%, #00bac6)); background: -webkit-linear-gradient(left, #45c2e9 0%, #00bac6 100%); background: linear-gradient(to right, #45c2e9 0%, #00bac6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=1 ); } .vertical_gradient:before { background: #45c2e9; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #45c2e9 0%, #00bac6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #45c2e9 0%, #00bac6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=0 ); /* IE6-9 */ } .darken_gradient:before { background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); } .radial_gradient:before { content: ''; display: block; position: absolute; width: 500px; height: 500px; top: 50%; left: 50%; margin-top: -250px; margin-left: -250px; z-index: 2; opacity: 0.9; /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 50%, color-stop(0%, rgba(255, 255, 255, 0.24)), color-stop(50%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%); /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */ background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%); background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .overflow_hidden { overflow: hidden; position: relative; } .with_top_border, .with_bottom_border, .with_top_border_container .container, .with_bottom_border_container .container { position: relative; } .with_top_border:before, .with_bottom_border:after, .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; } .with_top_border_container .container:before, .with_bottom_border_container .container:after { right: 15px; left: 15px; } .with_bottom_border:after, .with_bottom_border_container .container:after { top: auto; bottom: 0; } .bg_image, .bg_image:after { background-image: url(../img/background_section.png); } /* Hero text in sections */ .section_header { margin: 10px 0 24px; font-size: 60px; position: relative; word-wrap: break-word; } .section_header.big { font-size: 80px; font-weight: 700; margin-bottom: 30px; } .section_header.small { font-size: 42px; text-transform: none; font-weight: 300; } h3 + .section_header, .big + .section_header { margin-top: -17px; } .section_header + h3 { margin: -22px 0 44px; font-size: 30px; } .section_header + p { margin: -15px 0 40px; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 1em; color: #555555; } .docs .section_header + p { letter-spacing: 0.1em; } .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: rgba(255, 255, 255, 0.99); z-index: 13000; height: 100%; } .no-js .preloader, .lt-ie9 .preloader, .lt-ie10 .preloader { display: none; } .preloader_image { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; background: url(../img/preloader.gif) no-repeat 50% 50% transparent; margin: -50px 0 0 -50px; } /* animated elements */ .to_animate { visibility: hidden; } .no-js .to_animate, .lt-ie10 .to_animate, .lt-ie9 .to_animate { visibility: visible; } .animated { /*IE7 fix*/ visibility: visible !important; } /* boxed layout */ #box_wrapper, #canvas { overflow: visible; position: relative; } #box_wrapper > section, #box_wrapper > div > section { clear: both; } #canvas.boxed { padding: 1px 0; } 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); } .boxed .container { max-width: 100%; padding-left: 50px; padding-right: 50px; } @media (max-width: 500px) { .boxed .container { padding-left: 10px; padding-right: 10px; } } .boxed #box_wrapper.container { padding: 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); margin-top: 120px; } .boxed #box_wrapper.container.top-bottom-margins { margin-top: 150px; margin-bottom: 120px; } /* **utilites */ /* **Helper Utilites */ /* layout */ .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%; } .with_padding { padding: 30px 35px; } @media (min-width: 1200px) { .with_padding { padding: 55px 60px; } } .with_padding_small { padding: 30px 35px; } .with_background { background-color: #f8f9f9; border-radius: 2px; } .muted_background { background-color: rgba(85, 85, 85, 0.06); } .with_border { border-radius: 2px; border: 1px solid #e5e5e5; } .no_top_border { border-top: none; } .no_bottom_border { border-bottom: none; } .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); } .before_cover, .after_cover { overflow: hidden; } .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; } /* borders, colors and backgrouns */ .response, .highlight { color: #45c2e9; border-color: #45c2e9; } .highlight2 { color: #00bac6; border-color: #00bac6; } .highlight3 { color: #e7003e; border-color: #e7003e; } .red, .required { color: #fa5c5d; } .black { color: #1a1a1a; border-color: #1a1a1a; } .grey { color: #555555; border-color: #555555; } .greylinks a { color: #666666; } .darklinks a { color: #555555; } .thin { font-weight: 300; } .bold { font-weight: 700; } .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; } .muted_color { color: #cccccc; } .success_color { color: #94b86e; } .info_color { color: #45c2e9; } .warning_color { color: #ffb848; } .danger_color { color: #ed6b75; } [class*='_bg_color'] { color: #ffffff; } [class*='_bg_color'] h1, [class*='_bg_color'] h2, [class*='_bg_color'] h3, [class*='_bg_color'] h4, [class*='_bg_color'] h5, [class*='_bg_color'] h6 { color: #ffffff; } .main_bg_color { background-color: #45c2e9; } .main_bg_color2 { background-color: #00bac6; } .main_bg_color3 { background-color: #e7003e; } .dark_bg_color { background-color: #1a1a1a; } .darkblue_bg_color { color: #ffffff; background-color: #253138; } .darkgrey_bg_color { color: #ffffff; background-color: #555555; } .success_bg_color { background-color: #94b86e; } .info_bg_color { background-color: #45c2e9; } .warning_bg_color { background-color: #ffb848; } .danger_bg_color { background-color: #ed6b75; } .light_bg_color { background-color: #ffffff; } /*dividers, margins and paddings*/ .divider_20 { margin: 20px 0; } .divider_30 { margin: 30px 0; } .divider_40 { margin: 40px 0; } .divider_60 { margin: 60px 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_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; } .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_0 { padding-bottom: 0; } .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_16 { font-size: 16px; } .fontsize_18 { font-size: 18px; } .fontsize_20 { font-size: 20px; } .fontsize_24 { font-size: 24px; } .fontsize_28 { font-size: 28px; } .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; box-sizing: border-box; } @media (min-width: 1200px) { .pull-lg-right { float: right; } .pull-lg-left { float: left; } .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; box-sizing: border-box; } } @media (min-width: 992px) { .pull-md-right { float: right; } .pull-md-left { float: left; } .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; box-sizing: border-box; } } @media (min-width: 768px) { .pull-sm-right { float: right; } .pull-sm-left { float: left; } .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; 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; } } @media (max-width: 500px) { .hidden-xxs { display: none; } } .inline-dropdown { list-style: none; margin: 0; } .inline-dropdown > li { display: inline-block; margin: 0 -2px; } .small-text { font-weight: 700; text-transform: uppercase; letter-spacing: 0.4em; } @media (min-width: 768px) { .small-text.extra-letter-spacing { letter-spacing: 1em; } } /* media items - common side and vertical items */ .with_border .item-media, .with_border .entry-thumbnail { margin: -1px -1px -2px -1px; 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; } .content-padding .item-content img.round { max-width: 100px; margin-bottom: -5px; } @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-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; } .side-item .small-text { font-size: 12px; margin-top: -20px; margin-bottom: 10px; } /*-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 .item-content { padding-top: 35px; } .vertical-item h3 { font-size: 30px; line-height: 1.1; margin-bottom: 43px; } @media (max-width: 1199px) { .vertical-item h3 { margin-bottom: 16px; } } .vertical-item h4 { font-size: 20px; margin-bottom: 12px; } .vertical-item .small-text { font-size: 12px; } .vertical-item .list1 { text-align: left; margin: 0; } .vertical-item .list1 + .social-icons { margin-top: 30px; } .vertical-item.content-padding .item-content { padding: 40px 40px 35px; } @media (max-width: 1299px) { .vertical-item.content-padding .item-content { padding: 25px 25px 20px; } } .vertical-item.content-absolute { position: relative; } .vertical-item.content-absolute .item-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 30px 20px; z-index: 2; } .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 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4em; margin-bottom: 16px; } .item-meta i { width: 1em; text-align: center; position: relative; font-size: 20px; top: 2px; } /* item media links */ .item-media { position: relative; overflow: hidden; } .item-media img { width: 100%; } .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(255, 255, 255, 0.5); filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } [class*="-item"]:hover .media-links:before { filter: alpha(opacity=50); opacity: 0.5; } .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; } .media-links a.abs-link:before { content: '+'; font-size: 60px; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -23px; text-align: center; color: #45c2e9; } [class*="-item"] .links-wrap a { position: relative; width: 60px; height: 60px; line-height: 58px; top: -100px; border: 2px solid transparent; display: inline-block; z-index: 5; font-size: 16px; 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; } [class*="-item"] .links-wrap a.p-view { color: #ffffff; background-color: #555555; border-color: #555555; } [class*="-item"] .links-wrap a.p-view:hover { background-color: #45c2e9; border-color: #45c2e9; } [class*="-item"] .links-wrap a.p-link { color: #555555; background-color: #ffffff; border-color: #ffffff; 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; } [class*="-item"] .links-wrap a.p-link:hover { color: #ffffff; background-color: #45c2e9; border-color: #45c2e9; } [class*="-item"] .links-wrap a:before { font-family: 'FontAwesome'; content: "\f002"; } [class*="-item"] .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 { font-weight: 700; padding: 20px 0; display: table; width: 100%; border-top: 1px solid rgba(128, 128, 128, 0.1); } .item-icons i { font-size: 15px; position: relative; top: 1px; padding: 0 2px; } .item-icons > div { padding: 4px 10px 4px; display: table-cell; width: 400px; white-space: nowrap; position: relative; } .item-icons > div.text-right { padding-left: 0; } .item-icons > div + div { border-left: 1px solid rgba(128, 128, 128, 0.1); } .item-icons [data-id] { display: none; } .with_background .item-icons { padding: 0; border-color: #ffffff; } .with_background .item-icons > div { padding-top: 20px; padding-bottom: 20px; } .with_background .item-icons > div + div { border-color: #ffffff; } .item-icons.content-icons { padding: 0; border-top: none; } .item-icons.content-icons > div { padding-top: 4px; padding-bottom: 4px; } .item-icons[class*='_bg_color'] > div + div { border-left: 1px solid rgba(255, 255, 255, 0.3); } /* ** Header */ /* 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: #555555; } .header-notes-dropdown .dropdown-menu, .login-dropdown .dropdown-menu { min-width: 400px; padding: 0; } .header-notes-dropdown .dropdown-menu .list-unstyled, .login-dropdown .dropdown-menu .list-unstyled { padding: 30px; } .header-notes-dropdown .dropdown-menu .list1, .login-dropdown .dropdown-menu .list1 { padding: 20px 0; } .header-notes-dropdown .dropdown-menu .list1 .media-left img, .login-dropdown .dropdown-menu .list1 .media-left img { max-width: 40px; border-radius: 50%; } .header-notes-dropdown .dropdown-menu .list1 li, .login-dropdown .dropdown-menu .list1 li { padding-left: 30px; padding-right: 30px; } .header-notes-dropdown .dropdown-menu .list1 h5, .login-dropdown .dropdown-menu .list1 h5 { margin-top: 1em; font-size: inherit; } .header-notes-dropdown .dropdown-menu .list1 h5 .pull-right, .login-dropdown .dropdown-menu .list1 h5 .pull-right { font-weight: 300; opacity: 0.8; } .cart-dropdown .dropdown-menu { min-width: 400px; padding: 20px 30px; } .user-dropdown-menu .dropdown-menu { min-width: 200px; padding: 20px 30px; } .header-dropdown-number { position: absolute; font-size: 10px; color: #ffffff; background-color: #ed6b75; border-radius: 5px; line-height: 1; padding: 2px 4px 1px; top: 22%; left: 5px; font-weight: bold; } @media (max-width: 767px) { .header-notes-dropdown, .login-dropdown, .cart-dropdown { position: static; } .header-notes-dropdown .dropdown-menu, .login-dropdown .dropdown-menu, .cart-dropdown .dropdown-menu { margin-left: 0; margin-right: 0; right: 0; left: 0; min-width: 0; } } @media (max-width: 992px) { .page_header_wrapper .col-sm-12 { min-height: 0; } } /* logo */ a.logo { display: inline-block; word-break: break-word; letter-spacing: 0.1em; position: relative; z-index: 2; padding: 5px 0; } footer a.logo img { max-width: 100%; } @media (max-width: 991px) { a.logo img { max-width: 120px; } } .ls a.logo { color: #555555; } a.logo.logo_text_only { margin-left: 30px; line-height: 80px; } .header_gradient a.logo, .header_darkgrey a.logo { color: #ffffff; } 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; margin-bottom: 15px; } a.logo.vertical_logo img { margin: 0 auto 5px; display: block; } @media (min-width: 992px) { .header_logo_center a.logo { margin: 15px 20px; } } @media (min-width: 992px) { .affix.header_logo_center a.logo { margin: 5px 20px; } } @media (max-width: 600px) { a.logo.logo_image_and_text .logo_text { display: none; } } @media (min-width: 992px) { .header_logo_center .logo_wrapper { position: absolute; left: 0; right: 0; } } .logo-meta { line-height: 1; display: inline-block; margin: 11px 20px; vertical-align: middle; text-align: left; } @media (max-width: 1400px) { .logo + .logo-meta { display: none; } } .logo-meta strong { display: block; font-size: 16px; } .logo-meta span { display: block; } .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: 0.6s ease-in-out; transition: 0.6s ease-in-out; top: 0; left: 0; right: 0; position: relative; z-index: 1000; margin: 0; padding: 0; height: auto; } .boxed .page_header, .page_header.affix { position: fixed; z-index: 1001; } .page_header.mobile-active { z-index: 1002; } .page_header.affix-bottom { top: 0 !important; position: fixed; } .page_header a.header-button { display: inline-block; color: #666666; padding: 0 15px; line-height: 60px; position: relative; } @media (max-width: 400px) { .page_header a.header-button { padding-left: 8px; padding-right: 8px; } } .page_header a.header-button i { font-size: 1.2em; position: relative; top: 0.07em; } .page_header a.header-button i + span { display: none; } .page_header a.header-button img { display: inline-block; max-width: 40px; border-radius: 50%; margin: 0 5px; } .page_header .big-header-buttons { padding: 0 15px; } .page_header .social-icon { margin-bottom: 0; } @media (min-width: 992px) { .page_header .container-fluid { padding: 0; } .page_header .container-fluid [class*="col-"] { padding: 0; } } .page_header [class*="display_table_cell"] { overflow: visible; } .page_header .widget_search { display: inline-block; margin: 10px 10px 10px 10px; } .page_header .widget_search .form-group { margin-bottom: 0; } @media (max-width: 767px) { .page_header .widget_search { display: none; } } .header_white { color: #666666; background-color: #ffffff; } .header_white.affix { box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.07); } .header_white a.logo { color: #000; } .header_white a.logo .logo_text { opacity: 0.3; } .header_darkgrey { background-color: #555555; } .header_darkgrey.affix { box-shadow: 0px 1px 3px rgba(200, 200, 200, 0.1); } .header_darkgrey a[class*='soc-'] { color: #ffffff; } .header_darkgrey .logo-meta, .header_darkgrey .grey { color: #ffffff; } .header_darkgrey.header_darkblue { background-color: #253138; } .header_color { color: #ffffff; background-color: #45c2e9; } .header_color a[class*='soc-'] { color: #ffffff; } .header_color .logo-meta, .header_color .grey { color: #ffffff; } .header_color a.header-button { color: #ffffff; } .header_color .widget_search .form-control { border: none; color: #333333; } .header_color .widget_search .form-control:-moz-placeholder { color: #333333; opacity: 0.9; } .header_color .widget_search .form-control::-moz-placeholder { color: #333333; opacity: 0.9; } .header_color .widget_search .form-control:-ms-input-placeholder { color: #333333; opacity: 0.9; } .header_color .widget_search .form-control::-webkit-input-placeholder { color: #333333; opacity: 0.9; } /* modal search */ #search_modal { color: #ffffff; } #search_modal .search-form { margin: 0 0 0 60px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #search_modal a { color: #ffffff; opacity: 0.6; font-size: 12px; text-transform: uppercase; } #search_modal a:hover { color: #45c2e9; opacity: 1; } #search_modal .searchform-respond { width: 300px; margin: 20px auto; } #search_modal .form-control { border: none; background-color: transparent; height: 60px; color: #ffffff; 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 .theme_button { color: #ffffff; width: 60px; height: 60px; } #search_modal .close { padding: 19px 20px 18px; position: absolute; min-width: 0; color: #ffffff; text-shadow: none; opacity: 1; } /* header floats */ .page_header:before, .page_header:after { content: ''; display: block; clear: both; } .header_left_logo { position: relative; } .page_header { height: auto; } .header_left_logo { white-space: nowrap; padding: 0 15px; overflow: visible; } .header_left_logo .logo img { max-width: none; } .header_mainmenu { overflow: visible; width: 10000px; padding: 0 15px; } .header_right_buttons { white-space: nowrap; padding: 0 15px; text-align: right; overflow: visible; } @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; } } /* ** Side Header */ /* side header layout */ 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 { -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } body { -webkit-transition-property: left, right; transition-property: left, right; } body.active-side-header { left: 230px; } 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: 230px; left: -230px; top: 0; bottom: 0; } .page_header_side.active-slide-side-header { box-shadow: 0px 0px 4px 3px rgba(50, 50, 50, 0.05); } .page_header_side ~ * .toggle_menu { display: none; } .page_header_side .widget { margin-top: 20px; padding-left: 30px; padding-right: 30px; } .side_header_inner { padding: 10px 0 60px; } .toggle_menu_side { position: absolute; top: 5px; right: -65px; background-color: #ffffff; width: 60px; height: 60px; cursor: pointer; z-index: 2; } .toggle_menu_side:before, .toggle_menu_side span, .toggle_menu_side span:before, .toggle_menu_side span:after { content: ''; display: block; width: 20px; position: absolute; background-color: #555555; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; height: 1px; } .toggle_menu_side:before, .toggle_menu_side span { left: 20px; top: 50%; } .toggle_menu_side span:before { opacity: 1; top: -6px; } .toggle_menu_side span:after { opacity: 1; top: 6px; } .active-slide-side-header .toggle_menu_side:before, .active-side-header .toggle_menu_side:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .active-slide-side-header .toggle_menu_side span, .active-side-header .toggle_menu_side span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .active-slide-side-header .toggle_menu_side span:before, .active-slide-side-header .toggle_menu_side span:after, .active-side-header .toggle_menu_side span:before, .active-side-header .toggle_menu_side span:after { opacity: 0; } .toggle_menu_side.toggler_light span, .toggle_menu_side.toggler_light span:before, .toggle_menu_side.toggler_light span:after, .toggle_menu_side.toggler_light:before { background-color: #ffffff; } .active-slide-side-header .toggle_menu_side.toggler_light:before, .active-slide-side-header .toggle_menu_side.toggler_light span { background-color: #555555; } .ds .toggle_menu_side { background-color: #555555; } .ds .toggle_menu_side span, .ds .toggle_menu_side span:before, .ds .toggle_menu_side span:after, .ds .toggle_menu_side:before { background-color: #ffffff; } .bs .toggle_menu_side { background-color: #253138; } @media (max-width: 350px) { .toggle_menu_side { top: 0; right: -50px; } } .page_header_side.page_header_side_sticked .toggle_menu_side { -webkit-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; right: -65px; top: 5px; } .admin .page_header_side.page_header_side_sticked .toggle_menu_side { background-color: transparent; right: -60px; top: 0; } .admin .page_header_side.page_header_side_sticked.active-slide-side-header .toggle_menu_side { top: 0; right: 0; box-shadow: none; } .page_header_side.active-slide-side-header { left: 0; } .container { max-width: 100%; } @media (max-width: 767px) { .container { max-width: 500px; } } @media (min-width: 600px) { .page_header_side.page_header_side_sticked.active-slide-side-header { left: 0; } .page_header_side_sticked ~ * { -webkit-transition: margin 0.6s ease-in-out; transition: margin 0.6s ease-in-out; } .page_header_side_sticked ~ div .page_header { padding-left: 35px; } .page_header_side_sticked.active-slide-side-header ~ div .page_header { padding-left: 0; margin-left: 230px; } .page_header_side_sticked.active-slide-side-header ~ * { margin-left: 230px; } .boxed .page_header_side_sticked.active-slide-side-header ~ *, .boxed .page_header_side_sticked.active-slide-side-header ~ div .page_header { margin-left: 0; } .page_header_side_sticked ~ .page_header_wrapper { margin-left: 0; } } .page_header_side.header_side_right { left: auto; right: -230px; } .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: -230px; } body.active-side-header.slide-right .page_header_side { left: auto; right: 0; } /* side clickable menu styles */ .menu-click { padding: 0; margin: 19px 0; line-height: 1; } .menu-click i { width: 1em; text-align: center; margin-right: 10px; } .menu-click .activate_submenu { cursor: pointer; position: absolute; right: 30px; top: 9px; font-size: 11px; color: #555555; text-align: center; width: 10px; opacity: 0.9; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; display: none; } .menu-click .activate_submenu:before { font-family: 'FontAwesome'; content: "\f0dd"; } .ds .menu-click .activate_submenu { color: #ffffff; } .menu-click .active-submenu > .activate_submenu { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .menu-click li { position: relative; list-style: none; margin-top: 10px; margin-bottom: 10px; } .menu-click > li { padding: 0 30px 0 27px; font-weight: 400; background-color: transparent; border-left: 3px solid transparent; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .menu-click > li a { display: block; padding: 7px 0; } .menu-click > li.active-submenu { padding-top: 19px; padding-bottom: 10px; border-color: #45c2e9; } .bs .menu-click > li.active-submenu { background-color: #253138; } .ls .menu-click > li.active-submenu { background-color: #f8f9f9; } .menu-click > li.active-submenu > .activate_submenu { top: 26px; right: 28px; } .menu-click > li li { padding-right: 40px; font-weight: 300; } .menu-click li.active > a { color: #45c2e9; } .menu-click ul { opacity: 0; height: 0; padding-left: 26px; } .menu-click ul ul { padding-left: 10px; font-size: 95%; } .menu-click .active-submenu > div.mega-menu { height: auto; } .menu-click .active-submenu > ul, .menu-click .active-submenu > div.mega-menu > ul { opacity: 1; height: auto; } .menu-click ul, .menu-click div.mega-menu { margin-right: -40px; margin-top: 0; margin-bottom: 0; height: 0; overflow: hidden; -webkit-transition: opacity 0.6s, margin-top 0.4s, margin-bottom 0.4s, height 0.3s ease-in-out; transition: opacity 0.6s, margin-top 0.4s, margin-bottom 0.4s, height 0.3s ease-in-out; } .menu-click ul li.sfHover > .mega-menu ul { display: block; height: 100%; } .menu-click div.mega-menu > ul { margin-right: 0; height: auto; } .side_header_social { margin: 30px; text-align: center; } /* 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; border-radius: 1px; -webkit-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-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; } .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; } /* ** Light Section - .ls */ .ls { background-color: #ffffff; color: #666666; } .ls h1, .ls h2, .ls h3, .ls h4, .ls h5, .ls h6 { color: #555555; } .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: #45c2e9; } .ls [class*='_bg'] { color: #ffffff; } .ls [class*='_bg'] h1, .ls [class*='_bg'] h2, .ls [class*='_bg'] h3, .ls [class*='_bg'] h4, .ls [class*='_bg'] h5, .ls [class*='_bg'] h6 { color: #ffffff; } .ls a { color: #45c2e9; } .ls a:hover { color: #555555; } .ls .theme_buttons a, .ls .theme_button { color: #ffffff; } .ls .theme_buttons a:hover, .ls .theme_buttons a:focus, .ls .theme_button:hover, .ls .theme_button:focus { background-color: #45c2e9; border-color: #45c2e9; color: #ffffff; } .ls .theme_buttons a i, .ls .theme_button i { color: #ffffff; } .ls .theme_button.inverse a, .ls .theme_button.inverse { color: #555555; } .ls .theme_button.inverse a:hover, .ls .theme_button.inverse a:focus, .ls .theme_button.inverse:hover, .ls .theme_button.inverse:focus { background-color: #45c2e9; border-color: #45c2e9; color: #ffffff; } .ls .theme_button.inverse a:hover i, .ls .theme_button.inverse a:focus i, .ls .theme_button.inverse:hover i, .ls .theme_button.inverse:focus i { color: #ffffff; } .ls .theme_button.inverse a i, .ls .theme_button.inverse i { color: #555555; } .ls [class*='color'].theme_button:active, .ls [class*='color'].theme_button:hover, .ls [class*='color'].theme_button:focus { background-color: transparent; border-color: #555555; color: #555555; } .ls [class*='color'].theme_button:active i, .ls [class*='color'].theme_button:hover i, .ls [class*='color'].theme_button:focus i { color: #555555; } .ls .color-icon.bg-icon { background-color: #ececec; } .ls .muted_color { color: #cccccc; } .ls .grey { color: #555555; } .ls .highlight { color: #45c2e9; } .ls .highlight2 { color: #00bac6; } .ls .greylinks a { color: #666666; } .ls .greylinks a:hover { color: #45c2e9; } .ls .darklinks a { color: #555555; } .ls .darklinks a:hover { color: #00bac6; } .ls .pagination > li > a, .ls .pagination > li > span { border: 1px solid #e5e5e5; color: #555555; } .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: #45c2e9; border-color: #45c2e9; color: #ffffff; } /* ** Grey Section - light section, muted section - .ls.ms */ .ls.ms { background-color: #f5f7fa; } .ls.ms .with_background { background-color: #ffffff; } .ls.ms .with_background hr { background-color: #e5e5e5; } .ls.ms .with_background .with_background { box-shadow: none !important; background-color: #f5f7fa; } .ls.ms [class*='col-'] > .with_background { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .ls.ms hr { background-color: #ffffff; } .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: #ffffff; } .ls.ms .with_background input[type="text"], .ls.ms .with_background input[type="email"], .ls.ms .with_background input[type="url"], .ls.ms .with_background input[type="password"], .ls.ms .with_background input[type="search"], .ls.ms .with_background input[type="tel"], .ls.ms .with_background input[type="number"], .ls.ms .with_background textarea, .ls.ms .with_background select, .ls.ms .with_background .form-control { background-color: #FAFBFC; border-top-color: #666666; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #666666; } .ls.ms .nav-tabs > li.active > a, .ls.ms .nav-tabs > li.active > a:hover, .ls.ms .nav-tabs > li.active > a:focus { background-color: #ffffff; border-color: #ffffff; } .ls.ms .tab-content { background-color: #ffffff; } .ls.ms .tab-content .with_border { border-color: #e6e6e6; } .ls.ms .tab-content.no-border { background-color: transparent; } .ls.ms .tab-content .form-control { background-color: #f5f7fa; } .ls.ms .with_background .nav-tabs > li.active > a, .ls.ms .with_background .tab-content { background-color: #f5f7fa; } .ls.ms .vertical-tabs .nav > li > a { background-color: #ffffff; } .ls.ms .vertical-tabs .nav > li > a:hover, .ls.ms .vertical-tabs .nav > li.active > a { background-color: #555555; } .ls.ms .panel-title > a { background-color: #555555; } .ls.ms .panel-title > a.collapsed { background-color: #ffffff; } .ls.ms .with_background .panel-title > a { border: 1px solid #e5e5e5; } .ls.ms .panel-title > a.collapsed:hover, .ls.ms .panel-title > a:hover { background-color: #555555; } .ls.ms .pagination a, .ls.ms .pagination span { background-color: #ffffff; border-color: #ffffff; } .ls.ms .breadcrumb { color: #666666; } .ls.ms .breadcrumb a { color: #4d4d4d; } .ls.ms .breadcrumb a:hover { color: #45c2e9; } /* ** Dark Section and Dark Muted sections - .ds and .ds.ms */ /* darkgrey section - .ds */ .ds { background-color: #555555; color: #9a9a9a; } /* dark section - .ds.ms */ .ds.ms { background-color: #1a1a1a; } .ds.ms .ds.ms, .ds.ms + .ds.ms { background-color: #1f1f1f; } /* dark section blue - .ds.bs */ .ds.bs { background-color: #2f3e47; } .ds.bs .side_header_logo { background-color: #253138; } .ds h1, .ds h2, .ds h3, .ds h4, .ds h5, .ds h6 { color: #ffffff; } .ds h1 a, .ds h2 a, .ds h3 a, .ds h4 a, .ds h5 a, .ds h6 a { color: #ffffff; } .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: #45c2e9; } .ds [class*='_bg'] { color: #ffffff; } .ds [class*='_bg'] h1, .ds [class*='_bg'] h2, .ds [class*='_bg'] h3, .ds [class*='_bg'] h4, .ds [class*='_bg'] h5, .ds [class*='_bg'] h6 { color: #ffffff; } .ds .ls { background-color: #ffffff; color: #666666; } .ds .ls h1, .ds .ls h2, .ds .ls h3, .ds .ls h4, .ds .ls h5, .ds .ls h6 { color: #555555; } .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: #45c2e9; } .ds .ls a { color: #45c2e9; } .ds .ls a:hover { color: #555555; } .ds label { color: #ffffff; } .ds a { color: #ffffff; } .ds a:hover { color: #45c2e9; } .ds hr { border-color: #454545; background-color: #454545; } .ds blockquote, .ds .blockquote { color: #ffffff; } .ds .blockquote-big:before, .ds .blockquote-big:after { color: #2c2c2c; } .ds .theme_buttons a, .ds .theme_button { background-color: #ffffff; border-color: #ffffff; color: #555555; } .ds .theme_buttons a:hover, .ds .theme_buttons a:focus, .ds .theme_button:hover, .ds .theme_button:focus { background-color: #45c2e9; border-color: #45c2e9; color: #ffffff; } .ds .theme_buttons a:hover i, .ds .theme_buttons a:focus i, .ds .theme_button:hover i, .ds .theme_button:focus i { color: #ffffff; } .ds .theme_buttons a i, .ds .theme_button i { color: #555555; } .ds .theme_buttons.color1 a, .ds .theme_button.color1 { background-color: #45c2e9; border-color: #45c2e9; color: #ffffff; } .ds .theme_buttons.color1 a i, .ds .theme_button.color1 i { color: #ffffff; } .ds .theme_buttons.color2 a, .ds .theme_button.color2 { background-color: #00bac6; border-color: #00bac6; color: #ffffff; } .ds .theme_buttons.color2 a i, .ds .theme_button.color2 i { color: #ffffff; } .ds [class*='color'].theme_button:active, .ds [class*='color'].theme_button:hover, .ds [class*='color'].theme_button:focus { background-color: transparent; border-color: #ffffff; color: #ffffff; } .ds [class*='color'].theme_button:active i, .ds [class*='color'].theme_button:hover i, .ds [class*='color'].theme_button:focus i { color: #ffffff; } .ds .theme_buttons.inverse a, .ds .theme_button.inverse { border-color: #ffffff; background-color: transparent; color: #ffffff; } .ds .theme_buttons.inverse a:after, .ds .theme_button.inverse:after { display: none; } .ds .theme_buttons.inverse a:hover, .ds .theme_buttons.inverse a:focus, .ds .theme_button.inverse:hover, .ds .theme_button.inverse:focus { background-color: #45c2e9; border-color: #45c2e9; color: #ffffff; } .ds .theme_buttons.inverse a i, .ds .theme_button.inverse i { color: #ffffff; } .ds [class*='soc-'] { color: #ffffff; border-color: #454545; } .ds .social-icon.color-icon:hover { color: #ffffff; } .ds .muted_background, .ds .with_background, .ds .well { background-color: rgba(255, 255, 255, 0.06); } .ds.muted_section:before { background-color: rgba(255, 255, 255, 0.06); } .ds .with_border { border-color: #454545; } .ds .highlight { color: #45c2e9; } .ds .highlight2 { color: #00bac6; } .ds .grey, .ds .black { color: #ffffff; border-color: #ffffff; } .ds .highlightlinks a { color: #45c2e9; } .ds .highlightlinks a:hover { color: #ffffff; } .ds .greylinks a { color: #9a9a9a; } .ds .greylinks a:hover { color: #ffffff; } .ds .darklinks a { color: #ffffff; } .ds .darklinks a:hover { color: #45c2e9; } .ds.with_top_border:before, .ds.with_bottom_border:after { background-color: #454545; } .ds .section_header + p { color: #ffffff; } .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: #ffffff; color: #333333; border-top-color: #666666; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #666666; } .ds form label + [class*="icon-"] { color: #555555; color: #ffffff; } .ds .form-group-select:before { border-color: #454545; } .ds .form-control:focus { border-color: #9a9a9a; } .ds .form-control:-moz-placeholder { color: #555555; opacity: 1; } .ds .form-control::-moz-placeholder { color: #555555; opacity: 1; } .ds .form-control:-ms-input-placeholder { color: #555555; } .ds .form-control::-webkit-input-placeholder { color: #555555; } .ds .form-control:focus:-moz-placeholder { color: transparent; } .ds .form-control:focus::-moz-placeholder { color: transparent; } .ds .form-control:focus:-ms-input-placeholder { color: transparent; } .ds .form-control:focus::-webkit-input-placeholder { color: transparent; } .ds .contact-form.transparent-background .form-control { border-color: #454545; } .ds .table, .ds .table-bordered, .ds .table th, .ds .table td, .ds table th, .ds table td { border-color: #454545; } .ds table th { color: #ffffff; } .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: #454545; background-color: rgba(255, 255, 255, 0.06); } .ds .color-icon.bg-icon { background-color: rgba(255, 255, 255, 0.06); } .ds .color-icon.bg-icon:hover { color: #ffffff; } .ds .color-bg-icon:hover { background-color: #45c2e9; } .ds .tab-content { background-color: rgba(255, 255, 255, 0.06); border-color: transparent; } .ds .tab-content.no-border { background-color: transparent; } .ds .nav-unstyled { border-color: #454545; } .ds .nav-tabs > li > a { border-color: transparent; color: #ffffff; } .ds .nav-tabs > li > a:hover, .ds .nav-tabs > li.active > a, .ds .nav-tabs > li.active > a:hover, .ds .nav-tabs > li.active > a:focus { border: none; background-color: rgba(255, 255, 255, 0.06); color: #ffffff; } .ds ul.list1 { color: #ffffff; } .ds ul.list1 li { border-color: #454545; } .ds .owl-theme .owl-dots .owl-dot span { border-color: #ffffff; } .ds .testimonials-carousel .media + p { background-color: rgba(255, 255, 255, 0.06); } .ds .side-item { border-color: #454545; } .ds .entry-excerpt { color: #ffffff; } .ds .widget_search .form-inline .theme_button, .ds .widget_product_search [type="submit"], .ds .widget_mailchimp .form-inline .theme_button { background-color: transparent; color: #45c2e9; } .ds .pagination > li > a, .ds .pagination > li > span { color: #ffffff; background-color: transparent; border: 1px solid #454545; } .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 { border-color: #45c2e9; background-color: #45c2e9; color: #ffffff; } .ds .thumbnail { background-color: transparent; } .ds .thumbnail h3 a { color: #ffffff; } .ds .thumbnail .caption { border-color: transparent; background-color: rgba(252, 252, 252, 0.06); } .ds .progress { background-color: #454545; } .ds .panel-heading .panel-title > a.collapsed, .ds .vertical-tabs .nav > li > a { background-color: rgba(255, 255, 255, 0.06); color: #ffffff; } .ds .panel-heading .panel-title > a, .ds .panel-heading .panel-title > a:hover, .ds .vertical-tabs .nav > li.active > a, .ds .vertical-tabs .nav > li > a:hover { background-color: #45c2e9; } .ds .panel-heading .panel-title > a:hover:after, .ds .vertical-tabs .nav > li > a:hover:after { color: #ffffff; } /* ** Color Section - .cs */ .cs.main_color2 { background-color: #00bac6; } .cs.main_color2 .highlight { color: #45c2e9; } .cs.main_color3 { background-color: #e7003e; } .cs.main_color3 .highlight { color: #45c2e9; } .cs.success_bg_color { background-color: #94b86e; } .cs.info_bg_color { background-color: #45c2e9; } .cs.warning_bg_color { background-color: #ffb848; } .cs.danger_bg_color { background-color: #ed6b75; } .cs { background-color: #45c2e9; color: #ffffff; } .cs h1, .cs h2, .cs h3, .cs h4, .cs h5, .cs h6 { color: #ffffff; } .cs h1 a, .cs h2 a, .cs h3 a, .cs h4 a, .cs h5 a, .cs h6 a { color: #555555; } .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: #ffffff; } .cs a { color: #ffffff; } .cs a:hover { color: #ceeff9; } .cs blockquote, .cs .blockquote { border-color: #73d1ee; } .cs .theme_buttons a.color1, .cs .theme_button.color1 { background-color: #ffffff; border-color: #ffffff; color: #555555; } .cs .theme_buttons a.color1 i, .cs .theme_button.color1 i { color: #555555; } .cs .theme_buttons a:hover, .cs .theme_buttons a:focus, .cs .theme_button:hover, .cs .theme_button:focus { color: #555555; background-color: #ffffff; border-color: #ffffff; } .cs .theme_buttons a:hover i, .cs .theme_buttons a:focus i, .cs .theme_button:hover i, .cs .theme_button:focus i { color: #555555; } .cs .theme_buttons a i, .cs .theme_button i { color: #ffffff; } .cs [class*='color'].theme_button:active, .cs [class*='color'].theme_button:hover, .cs [class*='color'].theme_button:focus { background-color: transparent; border-color: #ffffff; color: #ffffff; } .cs [class*='color'].theme_button:active i, .cs [class*='color'].theme_button:hover i, .cs [class*='color'].theme_button:focus i { color: #ffffff; } .cs .theme_buttons.inverse a, .cs .theme_button.inverse { background-color: transparent; border-color: #ffffff; color: #ffffff; } .cs .theme_buttons.inverse a:hover, .cs .theme_buttons.inverse a:focus, .cs .theme_button.inverse:hover, .cs .theme_button.inverse:focus { color: #454545; background-color: #ffffff; border-color: #ffffff; } section .cs .theme_buttons a, section .cs .theme_button { color: #555555; background-color: #ffffff; border-color: #ffffff; } section .cs .theme_buttons a:hover, section .cs .theme_button:hover { background-color: #555555; border-color: #555555; color: #ffffff; } .cs .with_background { background-color: rgba(255, 255, 255, 0.15); } .cs .with_border { border-color: rgba(255, 255, 255, 0.15); } .cs.with_top_border .container:before, .cs.with_bottom_border .container:after { background-color: #73d1ee; } .cs .section_header + p { color: #ffffff; } .cs .greylinks a { color: #ffffff; opacity: 0.9; } .cs .greylinks a:hover { opacity: 1; color: #ffffff; } .cs .black { border-color: #ffffff; color: #ffffff; } .cs .grey { border-color: #555555; color: #555555; } .cs .response, .cs .highlight { color: #ffffff; } .cs ul.list1 li { border-color: rgba(255, 255, 255, 0.15); } .cs [class*='soc-'] { color: #ffffff; border-color: rgba(255, 255, 255, 0.15); } .cs .color-icon.bg-icon { background-color: rgba(255, 255, 255, 0.15); } .cs a.social-icon.color-bg-icon:hover { background-color: #555555; } .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 { color: #555555; background-color: #ffffff; border-color: #ffffff; } .cs .form-control:focus { border-color: rgba(255, 255, 255, 0.5); } .cs .form-control:-moz-placeholder { color: #555555; opacity: 1; } .cs .form-control::-moz-placeholder { color: #555555; opacity: 1; } .cs .form-control:-ms-input-placeholder { color: #555555; } .cs .form-control::-webkit-input-placeholder { color: #555555; } .cs .form-control:focus:-moz-placeholder { color: transparent; } .cs .form-control:focus::-moz-placeholder { color: transparent; } .cs .form-control:focus:-ms-input-placeholder { color: transparent; } .cs .form-control:focus::-webkit-input-placeholder { color: transparent; } .cs .pagination > li > a, .cs .pagination > li > span { color: #ffffff; background-color: rgba(255, 255, 255, 0.15); } .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: #ffffff; color: #555555; } .cs .widget_search .form-inline .theme_button { color: #45c2e9; } .cs .widget_search .form-inline .theme_button:hover { background-color: transparent; } /* ** Widgets */ .affix-aside { position: fixed; max-width: 300px; right: 0; } .widget > h3, .widget-title { position: relative; font-size: 30px; } .page_footer .widget > h3, .page_footer .widget-title { text-transform: uppercase; font-size: 20px; margin: 0 0 44px; } .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: 16px; margin: 0; } .widget .vertical-item .item-meta { letter-spacing: 0.1em; } .widget select { width: 100%; max-width: 100%; border: none; height: 40px; padding-left: 20px; padding-right: 40px; padding-top: 9px; padding-bottom: 9px; font-size: 16px; } /* widget_search, widget_mailchimp */ .widget_mailchimp { overflow: hidden; } .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; } .widget_search .form-inline .form-group, .widget_mailchimp .form-inline .form-group { display: block; vertical-align: top; position: relative; } .widget_search .form-inline [type="text"], .widget_product_search [type="search"], .widget_mailchimp .form-inline [type="email"] { padding-right: 50px; width: 100%; } @media (min-width: 768px) { .widget_search .form-group.inline-block, .widget_mailchimp .form-group.inline-block { min-width: 370px; margin-right: 5px; } } .widget_search .form-inline .theme_button, .widget_product_search [type="submit"], .widget_mailchimp .form-inline .theme_button { font-size: 0; padding: 12px; margin: 0; position: absolute; right: 0; top: 0; height: 60px; width: 60px; border: none; background-color: transparent; color: #45c2e9; } .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'; } .widget_search .form-inline .theme_button:hover, .widget_product_search [type="submit"]:hover, .widget_mailchimp .form-inline .theme_button:hover { opacity: 0.5; } .widget_mailchimp .form-inline .theme_button:before { content: "\f040"; } /* ** Shortcodes */ /* ** Teasers */ /* small teaser - media bootstrap component with icon */ .small-teaser h4 { margin-bottom: 8px; } .small-teaser .media-body { width: auto; } /* teaser */ .teaser { position: relative; border-radius: 3px; } .teaser[class*="_bg_color"], .teaser[class*="with_"] { padding: 35px 40px 40px; } @media (max-width: 1400px) { .teaser[class*="_bg_color"], .teaser[class*="with_"] { padding: 26px 30px; } } @media (max-width: 500px) { .teaser[class*="_bg_color"], .teaser[class*="with_"] { padding: 16px 20px; } } .teaser [class*="_bg_color"] { width: 2em; height: 2em; line-height: 2em; text-align: center; vertical-align: bottom; } .teaser [class*="_bg_color"] + h3, .teaser [class*="_bg_color"] + h4 { margin-top: 28px; } .teaser [class*="_bg_color"] i { line-height: 2em; } .teaser .border_icon { width: 2em; height: 2em; border-width: 3px; border-style: solid; } .teaser .border_icon + h3, .teaser .border_icon + h4 { margin-top: 28px; } .teaser .border_icon i { line-height: 2em; display: block; margin: -3px 0 0 0; } .teaser i { text-align: center; display: inline-block; } .teaser h2 { font-size: 50px; font-weight: 400; margin-bottom: 33px; } .teaser h3 { font-size: 18px; } .teaser h4 { font-size: 14px; } .teaser .media-left { padding-right: 20px; } .teaser .media-body h3 { margin-bottom: 10px; } .teaser .media-body h4 { margin-bottom: 6px; } @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 h3[class*="count"] { font-size: 60px; line-height: 0.9; font-weight: 300; margin: 0 0 -1px; } .teaser h3[class*="count"] + p { margin: 0; } .teaser .teaser_icon + h3[class*="count"] { margin-top: 20px; } .teaser .theme_button { margin: 30px 0 0; } .section_padding_bottom_0 .teaser { margin-bottom: 0; } .teaser .counter-background { position: absolute; right: 0; left: 0; top: 48%; font-size: 180px; font-weight: 700; opacity: 0.05; } .teaser .icon-background { position: absolute; opacity: 0.1; margin: 30px auto; top: 0; left: 0; right: 0; font-size: 300px; line-height: 0.6; } .teaser i.icon-background { margin-top: 0; margin-bottom: 0; } .teaser.font-icon-background-teaser { padding: 48px 25px 48px; overflow: hidden; } .teaser.icon-background-teaser, .teaser.counter-background-teaser { overflow: hidden; padding: 98px 25px 98px; } .teaser.icon-background-teaser .small-text, .teaser.counter-background-teaser .small-text { line-height: 1.4em; } .teaser.inner-border:after { content: ''; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid rgba(255, 255, 255, 0.3); } .teaser.corner-icon-teaser { padding: 50px 60px; overflow: hidden; } .teaser.corner-icon-teaser i { width: 160px; height: 160px; top: -80px; right: -80px; border-radius: 50%; position: absolute; } .teaser.corner-icon-teaser i:before { position: absolute; font-size: 28px; left: 35px; bottom: 35px; } .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[class*='label-'] { display: inline-block; width: 30px; height: 30px; line-height: 32px; border-radius: 3px; vertical-align: bottom; text-align: center; white-space: nowrap; vertical-align: baseline; color: #fff; } .teaser_icon + h2 { margin-top: 40px; } .teaser_icon + h3 { margin-top: 10px; } .teaser_icon + p { margin-top: 37px; } .teaser:hover .teaser_icon { -webkit-animation: scaleDisappear 0.5s; animation: scaleDisappear 0.5s; } .size_big { font-size: 64px; } .size_normal { font-size: 42px; } .size_small { font-size: 30px; } /* background teaser */ .bg_teaser { background-size: cover; background-repeat: no-repeat; background-position: 50% 0; position: relative; color: #ffffff; overflow: hidden; } .bg_teaser:after { position: absolute; width: 100%; height: 1000px; } .bg_teaser .highlight { color: #ffffff; } .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:after { background-color: rgba(69, 194, 233, 0.92); } .color_bg_2:after { background-color: rgba(0, 186, 198, 0.92); } .color_bg_3:after { background-color: rgba(231, 0, 62, 0.92); } .color_bg_4:after { background-color: rgba(244, 161, 21, 0.92); } .teaser.media[class*='_bg_'] { padding: 25px 30px; } .teaser.media[class*='_bg_'] i { opacity: 0.3; } .teaser.media[class*='_bg_'] p { text-transform: uppercase; } .darkgrey_bg:after { background-color: rgba(85, 85, 85, 0.8); } /* contact forms */ .contact-form { position: relative; z-index: 3; } .contact-form.ls { background-color: #fafafa; } .contact-form.ls.ms { background-color: #f2f4f8; } .contact-form label[for] { display: none; } .contact-form textarea { min-height: 200px; } .contact-form.parallax { padding: 50px 50px 35px; background-image: url(../img/parallax/progress.jpg); } .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 { margin: 0; } .wrap-forms .form-group p { margin: 10px 0 0; } .wrap-forms .form-group textarea { min-height: 150px; } .has-placeholder label { display: none; } #messages_modal .fw-messages-wrap { position: absolute; left: 50%; top: 10%; margin-left: -150px; width: 300px; } #messages_modal ul { margin-bottom: 0; } /* ** Social Icons */ /* layout */ a[class*='soc-']:before { font-family: 'socicon'; font-size: 16px; line-height: 1; } a.social-icon { font-size: 0; line-height: 0; display: inline-block; 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: 16px; } 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: 3px; } a.social-icon.block-icon { width: 100%; } a[class*='soc-'].rounded-icon { border-radius: 50%; } 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; } /* corporate colors */ a.color-icon.soc-twitter { color: #00abef; } a.color-icon.soc-facebook { color: #507cbe; } a.color-icon.soc-google { color: #d93e2d; } a.color-icon.soc-pinterest { color: #c92619; } a.color-icon.soc-foursquare { color: #23b7e0; } a.color-icon.soc-yahoo { color: #6e2a85; } a.color-icon.soc-skype { color: #28abe3; } a.color-icon.soc-yelp { color: #c83218; } a.color-icon.soc-feedburner { color: #ffcc00; } a.color-icon.soc-linkedin { color: #3371b7; } a.color-icon.soc-viadeo { color: #e4a000; } a.color-icon.soc-xing { color: #005a60; } a.color-icon.soc-myspace { color: #323232; } a.color-icon.soc-soundcloud { color: #fe3801; } a.color-icon.soc-spotify { color: #7bb342; } a.color-icon.soc-grooveshark { color: #f67e03; } a.color-icon.soc-lastfm { color: #d41316; } a.color-icon.soc-youtube { color: #d12121; } a.color-icon.soc-vimeo { color: #51b5e7; } a.color-icon.soc-dailymotion { color: #004e72; } a.color-icon.soc-vine { color: #00b389; } a.color-icon.soc-flickr { color: #0062dd; } a.color-icon.soc-500px { color: #58a9de; } a.color-icon.soc-instagram { color: #9c7c6e; } a.color-icon.soc-wordpress { color: #464646; } a.color-icon.soc-tumblr { color: #45556c; } a.color-icon.soc-blogger { color: #ec661c; } a.color-icon.soc-technorati { color: #5cb030; } a.color-icon.soc-reddit { color: #e74a1e; } a.color-icon.soc-dribbble { color: #e84d88; } a.color-icon.soc-stumbleupon { color: #e64011; } a.color-icon.soc-digg { color: #1d1d1b; } a.color-icon.soc-envato { color: #597c3a; } a.color-icon.soc-behance { color: #007eff; } a.color-icon.soc-delicious { color: #31a9ff; } a.color-icon.soc-deviantart { color: #c5d200; } a.color-icon.soc-forrst { color: #5b9a68; } a.color-icon.soc-play { color: #5acdbd; } a.color-icon.soc-zerply { color: #9dbc7a; } a.color-icon.soc-wikipedia { color: #000000; } a.color-icon.soc-apple { color: #b9bfc1; } a.color-icon.soc-flattr { color: #f67c1a; } a.color-icon.soc-github { color: #221e1b; } a.color-icon.soc-chimein { color: #888688; } a.color-icon.soc-friendfeed { color: #2f72c4; } a.color-icon.soc-newsvine { color: #075b2f; } a.color-icon.soc-identica { color: #000000; } a.color-icon.soc-bebo { color: #ef1011; } a.color-icon.soc-zynga { color: #dc0606; } a.color-icon.soc-steam { color: #8f8d8a; } a.color-icon.soc-xbox { color: #92c83e; } a.color-icon.soc-windows { color: #00bdf6; } a.color-icon.soc-outlook { color: #0072c6; } a.color-icon.soc-coderwall { color: #3e8dcc; } a.color-icon.soc-tripadvisor { color: #000000; } a.color-icon.soc-appnet { color: #494949; } a.color-icon.soc-goodreads { color: #1abc9c; } a.color-icon.soc-tripit { color: #1982c3; } a.color-icon.soc-lanyrd { color: #3c80c9; } a.color-icon.soc-slideshare { color: #4ba3a6; } a.color-icon.soc-buffer { color: #000000; } a.color-icon.soc-rss { color: #f26109; } a.color-icon.soc-vkontakte { color: #5a7fa6; } a.color-icon.soc-disqus { color: #2e9fff; } a.color-icon.soc-houzz { color: #7cc04b; } a.color-icon.soc-mail { color: #000000; } a.color-icon.soc-patreon { color: #e44727; } a.color-icon.soc-paypal { color: #009cde; } a.color-icon.soc-playstation { color: #000000; } a.color-icon.soc-smugmug { color: #acfd32; } a.color-icon.soc-swarm { color: #fc9d3c; } a.color-icon.soc-triplej { color: #e53531; } a.color-icon.soc-yammer { color: #1175c4; } a.color-icon.soc-stackoverflow { color: #fd9827; } a.color-icon.soc-drupal { color: #00598e; } a.color-icon.soc-odnoklassniki { color: #f48420; } a.color-icon.soc-android { color: #8ec047; } a.color-icon.soc-meetup { color: #e2373c; } a.color-icon.soc-persona { color: #e6753d; } a.color-icon.soc-amazon { color: #ff9900; } a.color-icon.soc-ello { color: #000000; } a.color-icon.soc-mixcloud { color: #314359; } a.color-icon.soc-8tracks { color: #122c4b; } a.color-icon.soc-twitch { color: #6441a5; } a.color-icon.soc-airbnb { color: #ff5a5f; } a.color-icon.soc-pocket { color: #ed4055; } a[class*="soc-"].soc-twitter:hover { color: #00abef; border-color: #00abef; } a[class*="soc-"].soc-facebook:hover { color: #507cbe; border-color: #507cbe; } a[class*="soc-"].soc-google:hover { color: #d93e2d; border-color: #d93e2d; } a[class*="soc-"].soc-pinterest:hover { color: #c92619; border-color: #c92619; } a[class*="soc-"].soc-foursquare:hover { color: #23b7e0; border-color: #23b7e0; } a[class*="soc-"].soc-yahoo:hover { color: #6e2a85; border-color: #6e2a85; } a[class*="soc-"].soc-skype:hover { color: #28abe3; border-color: #28abe3; } a[class*="soc-"].soc-yelp:hover { color: #c83218; border-color: #c83218; } a[class*="soc-"].soc-feedburner:hover { color: #ffcc00; border-color: #ffcc00; } a[class*="soc-"].soc-linkedin:hover { color: #3371b7; border-color: #3371b7; } a[class*="soc-"].soc-viadeo:hover { color: #e4a000; border-color: #e4a000; } a[class*="soc-"].soc-xing:hover { color: #005a60; border-color: #005a60; } a[class*="soc-"].soc-myspace:hover { color: #323232; border-color: #323232; } a[class*="soc-"].soc-soundcloud:hover { color: #fe3801; border-color: #fe3801; } a[class*="soc-"].soc-spotify:hover { color: #7bb342; border-color: #7bb342; } a[class*="soc-"].soc-grooveshark:hover { color: #f67e03; border-color: #f67e03; } a[class*="soc-"].soc-lastfm:hover { color: #d41316; border-color: #d41316; } a[class*="soc-"].soc-youtube:hover { color: #d12121; border-color: #d12121; } a[class*="soc-"].soc-vimeo:hover { color: #51b5e7; border-color: #51b5e7; } a[class*="soc-"].soc-dailymotion:hover { color: #004e72; border-color: #004e72; } a[class*="soc-"].soc-vine:hover { color: #00b389; border-color: #00b389; } a[class*="soc-"].soc-flickr:hover { color: #0062dd; border-color: #0062dd; } a[class*="soc-"].soc-500px:hover { color: #58a9de; border-color: #58a9de; } a[class*="soc-"].soc-instagram:hover { color: #9c7c6e; border-color: #9c7c6e; } a[class*="soc-"].soc-wordpress:hover { color: #464646; border-color: #464646; } a[class*="soc-"].soc-tumblr:hover { color: #45556c; border-color: #45556c; } a[class*="soc-"].soc-blogger:hover { color: #ec661c; border-color: #ec661c; } a[class*="soc-"].soc-technorati:hover { color: #5cb030; border-color: #5cb030; } a[class*="soc-"].soc-reddit:hover { color: #e74a1e; border-color: #e74a1e; } a[class*="soc-"].soc-dribbble:hover { color: #e84d88; border-color: #e84d88; } a[class*="soc-"].soc-stumbleupon:hover { color: #e64011; border-color: #e64011; } a[class*="soc-"].soc-digg:hover { color: #1d1d1b; border-color: #1d1d1b; } a[class*="soc-"].soc-envato:hover { color: #597c3a; border-color: #597c3a; } a[class*="soc-"].soc-behance:hover { color: #007eff; border-color: #007eff; } a[class*="soc-"].soc-delicious:hover { color: #31a9ff; border-color: #31a9ff; } a[class*="soc-"].soc-deviantart:hover { color: #c5d200; border-color: #c5d200; } a[class*="soc-"].soc-forrst:hover { color: #5b9a68; border-color: #5b9a68; } a[class*="soc-"].soc-play:hover { color: #5acdbd; border-color: #5acdbd; } a[class*="soc-"].soc-zerply:hover { color: #9dbc7a; border-color: #9dbc7a; } a[class*="soc-"].soc-wikipedia:hover { color: #000000; border-color: #000000; } a[class*="soc-"].soc-apple:hover { color: #b9bfc1; border-color: #b9bfc1; } a[class*="soc-"].soc-flattr:hover { color: #f67c1a; border-color: #f67c1a; } a[class*="soc-"].soc-github:hover { color: #221e1b; border-color: #221e1b; } a[class*="soc-"].soc-chimein:hover { color: #888688; border-color: #888688; } a[class*="soc-"].soc-friendfeed:hover { color: #2f72c4; border-color: #2f72c4; } a[class*="soc-"].soc-newsvine:hover { color: #075b2f; border-color: #075b2f; } a[class*="soc-"].soc-identica:hover { color: #000000; border-color: #000000; } a[class*="soc-"].soc-bebo:hover { color: #ef1011; border-color: #ef1011; } a[class*="soc-"].soc-zynga:hover { color: #dc0606; border-color: #dc0606; } a[class*="soc-"].soc-steam:hover { color: #8f8d8a; border-color: #8f8d8a; } a[class*="soc-"].soc-xbox:hover { color: #92c83e; border-color: #92c83e; } a[class*="soc-"].soc-windows:hover { color: #00bdf6; border-color: #00bdf6; } a[class*="soc-"].soc-outlook:hover { color: #0072c6; border-color: #0072c6; } a[class*="soc-"].soc-coderwall:hover { color: #3e8dcc; border-color: #3e8dcc; } a[class*="soc-"].soc-tripadvisor:hover { color: #000000; border-color: #000000; } a[class*="soc-"].soc-appnet:hover { color: #494949; border-color: #494949; } a[class*="soc-"].soc-goodreads:hover { color: #1abc9c; border-color: #1abc9c; } a[class*="soc-"].soc-tripit:hover { color: #1982c3; border-color: #1982c3; } a[class*="soc-"].soc-lanyrd:hover { color: #3c80c9; border-color: #3c80c9; } a[class*="soc-"].soc-slideshare:hover { color: #4ba3a6; border-color: #4ba3a6; } a[class*="soc-"].soc-buffer:hover { color: #000000; border-color: #000000; } a[class*="soc-"].soc-rss:hover { color: #f26109; border-color: #f26109; } a[class*="soc-"].soc-vkontakte:hover { color: #5a7fa6; border-color: #5a7fa6; } a[class*="soc-"].soc-disqus:hover { color: #2e9fff; border-color: #2e9fff; } a[class*="soc-"].soc-houzz:hover { color: #7cc04b; border-color: #7cc04b; } a[class*="soc-"].soc-mail:hover { color: #000000; border-color: #000000; } a[class*="soc-"].soc-patreon:hover { color: #e44727; border-color: #e44727; } a[class*="soc-"].soc-paypal:hover { color: #009cde; border-color: #009cde; } a[class*="soc-"].soc-playstation:hover { color: #000000; border-color: #000000; } a[class*="soc-"].soc-smugmug:hover { color: #acfd32; border-color: #acfd32; } a[class*="soc-"].soc-swarm:hover { color: #fc9d3c; border-color: #fc9d3c; } a[class*="soc-"].soc-triplej:hover { color: #e53531; border-color: #e53531; } a[class*="soc-"].soc-yammer:hover { color: #1175c4; border-color: #1175c4; } a[class*="soc-"].soc-stackoverflow:hover { color: #fd9827; border-color: #fd9827; } a[class*="soc-"].soc-drupal:hover { color: #00598e; border-color: #00598e; } a[class*="soc-"].soc-odnoklassniki:hover { color: #f48420; border-color: #f48420; } a[class*="soc-"].soc-android:hover { color: #8ec047; border-color: #8ec047; } a[class*="soc-"].soc-meetup:hover { color: #e2373c; border-color: #e2373c; } a[class*="soc-"].soc-persona:hover { color: #e6753d; border-color: #e6753d; } a[class*="soc-"].soc-amazon:hover { color: #ff9900; border-color: #ff9900; } a[class*="soc-"].soc-ello:hover { color: #000000; border-color: #000000; } a[class*="soc-"].soc-mixcloud:hover { color: #314359; border-color: #314359; } a[class*="soc-"].soc-8tracks:hover { color: #122c4b; border-color: #122c4b; } a[class*="soc-"].soc-twitch:hover { color: #6441a5; border-color: #6441a5; } a[class*="soc-"].soc-airbnb:hover { color: #ff5a5f; border-color: #ff5a5f; } a[class*="soc-"].soc-pocket:hover { color: #ed4055; border-color: #ed4055; } /*corporate background colors*/ .color-bg-icon { color: #ffffff; } .color-bg-icon.soc-twitter, a.soc-twitter.bg-icon:hover, .soc-twitter.color-icon.border-icon:hover { background-color: #00abef; } .color-bg-icon.soc-facebook, a.soc-facebook.bg-icon:hover, .soc-facebook.color-icon.border-icon:hover { background-color: #507cbe; } .color-bg-icon.soc-google, a.soc-google.bg-icon:hover, .soc-google.color-icon.border-icon:hover { background-color: #d93e2d; } .color-bg-icon.soc-pinterest, a.soc-pinterest.bg-icon:hover, .soc-pinterest.color-icon.border-icon:hover { background-color: #c92619; } .color-bg-icon.soc-foursquare, a.soc-foursquare.bg-icon:hover, .soc-foursquare.color-icon.border-icon:hover { background-color: #23b7e0; } .color-bg-icon.soc-yahoo, a.soc-yahoo.bg-icon:hover, .soc-yahoo.color-icon.border-icon:hover { background-color: #6e2a85; } .color-bg-icon.soc-skype, a.soc-skype.bg-icon:hover, .soc-skype.color-icon.border-icon:hover { background-color: #28abe3; } .color-bg-icon.soc-yelp, a.soc-yelp.bg-icon:hover, .soc-yelp.color-icon.border-icon:hover { background-color: #c83218; } .color-bg-icon.soc-feedburner, a.soc-feedburner.bg-icon:hover, .soc-feedburner.color-icon.border-icon:hover { background-color: #ffcc00; } .color-bg-icon.soc-linkedin, a.soc-linkedin.bg-icon:hover, .soc-linkedin.color-icon.border-icon:hover { background-color: #3371b7; } .color-bg-icon.soc-viadeo, a.soc-viadeo.bg-icon:hover, .soc-viadeo.color-icon.border-icon:hover { background-color: #e4a000; } .color-bg-icon.soc-xing, a.soc-xing.bg-icon:hover, .soc-xing.color-icon.border-icon:hover { background-color: #005a60; } .color-bg-icon.soc-myspace, a.soc-myspace.bg-icon:hover, .soc-myspace.color-icon.border-icon:hover { background-color: #323232; } .color-bg-icon.soc-soundcloud, a.soc-soundcloud.bg-icon:hover, .soc-soundcloud.color-icon.border-icon:hover { background-color: #fe3801; } .color-bg-icon.soc-spotify, a.soc-spotify.bg-icon:hover, .soc-spotify.color-icon.border-icon:hover { background-color: #7bb342; } .color-bg-icon.soc-grooveshark, a.soc-grooveshark.bg-icon:hover, .soc-grooveshark.color-icon.border-icon:hover { background-color: #f67e03; } .color-bg-icon.soc-lastfm, a.soc-lastfm.bg-icon:hover, .soc-lastfm.color-icon.border-icon:hover { background-color: #d41316; } .color-bg-icon.soc-youtube, a.soc-youtube.bg-icon:hover, .soc-youtube.color-icon.border-icon:hover { background-color: #d12121; } .color-bg-icon.soc-vimeo, a.soc-vimeo.bg-icon:hover, .soc-vimeo.color-icon.border-icon:hover { background-color: #51b5e7; } .color-bg-icon.soc-dailymotion, a.soc-dailymotion.bg-icon:hover, .soc-dailymotion.color-icon.border-icon:hover { background-color: #004e72; } .color-bg-icon.soc-vine, a.soc-vine.bg-icon:hover, .soc-vine.color-icon.border-icon:hover { background-color: #00b389; } .color-bg-icon.soc-flickr, a.soc-flickr.bg-icon:hover, .soc-flickr.color-icon.border-icon:hover { background-color: #0062dd; } .color-bg-icon.soc-500px, a.soc-500px.bg-icon:hover, .soc-500px.color-icon.border-icon:hover { background-color: #58a9de; } .color-bg-icon.soc-instagram, a.soc-instagram.bg-icon:hover, .soc-instagram.color-icon.border-icon:hover { background-color: #9c7c6e; } .color-bg-icon.soc-wordpress, a.soc-wordpress.bg-icon:hover, .soc-wordpress.color-icon.border-icon:hover { background-color: #464646; } .color-bg-icon.soc-tumblr, a.soc-tumblr.bg-icon:hover, .soc-tumblr.color-icon.border-icon:hover { background-color: #45556c; } .color-bg-icon.soc-blogger, a.soc-blogger.bg-icon:hover, .soc-blogger.color-icon.border-icon:hover { background-color: #ec661c; } .color-bg-icon.soc-technorati, a.soc-technorati.bg-icon:hover, .soc-technorati.color-icon.border-icon:hover { background-color: #5cb030; } .color-bg-icon.soc-reddit, a.soc-reddit.bg-icon:hover, .soc-reddit.color-icon.border-icon:hover { background-color: #e74a1e; } .color-bg-icon.soc-dribbble, a.soc-dribbble.bg-icon:hover, .soc-dribbble.color-icon.border-icon:hover { background-color: #e84d88; } .color-bg-icon.soc-stumbleupon, a.soc-stumbleupon.bg-icon:hover, .soc-stumbleupon.color-icon.border-icon:hover { background-color: #e64011; } .color-bg-icon.soc-digg, a.soc-digg.bg-icon:hover, .soc-digg.color-icon.border-icon:hover { background-color: #1d1d1b; } .color-bg-icon.soc-envato, a.soc-envato.bg-icon:hover, .soc-envato.color-icon.border-icon:hover { background-color: #597c3a; } .color-bg-icon.soc-behance, a.soc-behance.bg-icon:hover, .soc-behance.color-icon.border-icon:hover { background-color: #007eff; } .color-bg-icon.soc-delicious, a.soc-delicious.bg-icon:hover, .soc-delicious.color-icon.border-icon:hover { background-color: #31a9ff; } .color-bg-icon.soc-deviantart, a.soc-deviantart.bg-icon:hover, .soc-deviantart.color-icon.border-icon:hover { background-color: #c5d200; } .color-bg-icon.soc-forrst, a.soc-forrst.bg-icon:hover, .soc-forrst.color-icon.border-icon:hover { background-color: #5b9a68; } .color-bg-icon.soc-play, a.soc-play.bg-icon:hover, .soc-play.color-icon.border-icon:hover { background-color: #5acdbd; } .color-bg-icon.soc-zerply, a.soc-zerply.bg-icon:hover, .soc-zerply.color-icon.border-icon:hover { background-color: #9dbc7a; } .color-bg-icon.soc-wikipedia, a.soc-wikipedia.bg-icon:hover, .soc-wikipedia.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-apple, a.soc-apple.bg-icon:hover, .soc-apple.color-icon.border-icon:hover { background-color: #b9bfc1; } .color-bg-icon.soc-flattr, a.soc-flattr.bg-icon:hover, .soc-flattr.color-icon.border-icon:hover { background-color: #f67c1a; } .color-bg-icon.soc-github, a.soc-github.bg-icon:hover, .soc-github.color-icon.border-icon:hover { background-color: #221e1b; } .color-bg-icon.soc-chimein, a.soc-chimein.bg-icon:hover, .soc-chimein.color-icon.border-icon:hover { background-color: #888688; } .color-bg-icon.soc-friendfeed, a.soc-friendfeed.bg-icon:hover, .soc-friendfeed.color-icon.border-icon:hover { background-color: #2f72c4; } .color-bg-icon.soc-newsvine, a.soc-newsvine.bg-icon:hover, .soc-newsvine.color-icon.border-icon:hover { background-color: #075b2f; } .color-bg-icon.soc-identica, a.soc-identica.bg-icon:hover, .soc-identica.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-bebo, a.soc-bebo.bg-icon:hover, .soc-bebo.color-icon.border-icon:hover { background-color: #ef1011; } .color-bg-icon.soc-zynga, a.soc-zynga.bg-icon:hover, .soc-zynga.color-icon.border-icon:hover { background-color: #dc0606; } .color-bg-icon.soc-steam, a.soc-steam.bg-icon:hover, .soc-steam.color-icon.border-icon:hover { background-color: #8f8d8a; } .color-bg-icon.soc-xbox, a.soc-xbox.bg-icon:hover, .soc-xbox.color-icon.border-icon:hover { background-color: #92c83e; } .color-bg-icon.soc-windows, a.soc-windows.bg-icon:hover, .soc-windows.color-icon.border-icon:hover { background-color: #00bdf6; } .color-bg-icon.soc-outlook, a.soc-outlook.bg-icon:hover, .soc-outlook.color-icon.border-icon:hover { background-color: #0072c6; } .color-bg-icon.soc-coderwall, a.soc-coderwall.bg-icon:hover, .soc-coderwall.color-icon.border-icon:hover { background-color: #3e8dcc; } .color-bg-icon.soc-tripadvisor, a.soc-tripadvisor.bg-icon:hover, .soc-tripadvisor.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-appnet, a.soc-appnet.bg-icon:hover, .soc-appnet.color-icon.border-icon:hover { background-color: #494949; } .color-bg-icon.soc-goodreads, a.soc-goodreads.bg-icon:hover, .soc-goodreads.color-icon.border-icon:hover { background-color: #1abc9c; } .color-bg-icon.soc-tripit, a.soc-tripit.bg-icon:hover, .soc-tripit.color-icon.border-icon:hover { background-color: #1982c3; } .color-bg-icon.soc-lanyrd, a.soc-lanyrd.bg-icon:hover, .soc-lanyrd.color-icon.border-icon:hover { background-color: #3c80c9; } .color-bg-icon.soc-slideshare, a.soc-slideshare.bg-icon:hover, .soc-slideshare.color-icon.border-icon:hover { background-color: #4ba3a6; } .color-bg-icon.soc-buffer, a.soc-buffer.bg-icon:hover, .soc-buffer.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-rss, a.soc-rss.bg-icon:hover, .soc-rss.color-icon.border-icon:hover { background-color: #f26109; } .color-bg-icon.soc-vkontakte, a.soc-vkontakte.bg-icon:hover, .soc-vkontakte.color-icon.border-icon:hover { background-color: #5a7fa6; } .color-bg-icon.soc-disqus, a.soc-disqus.bg-icon:hover, .soc-disqus.color-icon.border-icon:hover { background-color: #2e9fff; } .color-bg-icon.soc-houzz, a.soc-houzz.bg-icon:hover, .soc-houzz.color-icon.border-icon:hover { background-color: #7cc04b; } .color-bg-icon.soc-mail, a.soc-mail.bg-icon:hover, .soc-mail.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-patreon, a.soc-patreon.bg-icon:hover, .soc-patreon.color-icon.border-icon:hover { background-color: #e44727; } .color-bg-icon.soc-paypal, a.soc-paypal.bg-icon:hover, .soc-paypal.color-icon.border-icon:hover { background-color: #009cde; } .color-bg-icon.soc-playstation, a.soc-playstation.bg-icon:hover, .soc-playstation.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-smugmug, a.soc-smugmug.bg-icon:hover, .soc-smugmug.color-icon.border-icon:hover { background-color: #acfd32; } .color-bg-icon.soc-swarm, a.soc-swarm.bg-icon:hover, .soc-swarm.color-icon.border-icon:hover { background-color: #fc9d3c; } .color-bg-icon.soc-triplej, a.soc-triplej.bg-icon:hover, .soc-triplej.color-icon.border-icon:hover { background-color: #e53531; } .color-bg-icon.soc-yammer, a.soc-yammer.bg-icon:hover, .soc-yammer.color-icon.border-icon:hover { background-color: #1175c4; } .color-bg-icon.soc-stackoverflow, a.soc-stackoverflow.bg-icon:hover, .soc-stackoverflow.color-icon.border-icon:hover { background-color: #fd9827; } .color-bg-icon.soc-drupal, a.soc-drupal.bg-icon:hover, .soc-drupal.color-icon.border-icon:hover { background-color: #00598e; } .color-bg-icon.soc-odnoklassniki, a.soc-odnoklassniki.bg-icon:hover, .soc-odnoklassniki.color-icon.border-icon:hover { background-color: #f48420; } .color-bg-icon.soc-android, a.soc-android.bg-icon:hover, .soc-android.color-icon.border-icon:hover { background-color: #8ec047; } .color-bg-icon.soc-meetup, a.soc-meetup.bg-icon:hover, .soc-meetup.color-icon.border-icon:hover { background-color: #e2373c; } .color-bg-icon.soc-persona, a.soc-persona.bg-icon:hover, .soc-persona.color-icon.border-icon:hover { background-color: #e6753d; } .color-bg-icon.soc-amazon, a.soc-amazon.bg-icon:hover, .soc-amazon.color-icon.border-icon:hover { background-color: #ff9900; } .color-bg-icon.soc-ello, a.soc-ello.bg-icon:hover, .soc-ello.color-icon.border-icon:hover { background-color: #000000; } .color-bg-icon.soc-mixcloud, a.soc-mixcloud.bg-icon:hover, .soc-mixcloud.color-icon.border-icon:hover { background-color: #314359; } .color-bg-icon.soc-8tracks, a.soc-8tracks.bg-icon:hover, .soc-8tracks.color-icon.border-icon:hover { background-color: #122c4b; } .color-bg-icon.soc-twitch, a.soc-twitch.bg-icon:hover, .soc-twitch.color-icon.border-icon:hover { background-color: #6441a5; } .color-bg-icon.soc-airbnb, a.soc-airbnb.bg-icon:hover, .soc-airbnb.color-icon.border-icon:hover { background-color: #ff5a5f; } .color-bg-icon.soc-pocket, a.soc-pocket.bg-icon:hover, .soc-pocket.color-icon.border-icon:hover { background-color: #ed4055; } a.social-icon { color: #666666; } a.border-icon { border: 2px solid rgba(0, 0, 0, 0.1); padding: 10px 12px; margin-bottom: 4px; } a.border-icon:before { font-size: 12px; line-height: 16px; } a.bg-icon { color: #ffffff; background-color: #666666; padding: 11px 13px; margin-bottom: 4px; } a.bg-icon:before { font-size: 12px; line-height: 16px; } a.social-icon.color-icon:hover { color: #555555; } a.social-icon.bg-icon:hover { color: #ffffff; } a.color-bg-icon { color: #ffffff; background-color: #555555; margin-bottom: 4px; padding: 11px 13px; } a.color-bg-icon:before { font-size: 12px; line-height: 16px; } a.social-icon.color-bg-icon:hover { background-color: #45c2e9; color: #ffffff; } a.color-icon:hover { color: #555555; } a.color-icon.border-icon:hover { color: #ffffff; background-color: #45c2e9; border-color: transparent; } .demo-icon { display: inline-block; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 20px 30px; margin-bottom: 30px; } .demo-icon span { display: block; } .demo-icon .name { font-size: 1.01em; font-weight: 700; } .demo-icon a[class*="soc-"] { margin: 10px 0 0; } .demo-icon a[class*="soc-"]:before { font-size: 24px; } /*switcher styles*/ #switcher { position: fixed; top: 22%; right: -200px; width: 200px; background-color: #404040; color: #ffffff; z-index: 1001; font-size: 15px; padding-bottom: 20px; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } #switcher.active { right: 0; } #switcher a { color: #45c2e9; } #switcher .checkbox { margin: 4px 0; line-height: 1.5; } #switcher h4 { line-height: 60px; font-size: 18px; text-align: center; color: #999999; background-color: #222; margin: 0; font-weight: 300; letter-spacing: 0; padding: 0 36px; } #switcher span[class^="rt-icon2-"] { display: block; position: absolute; width: 60px; height: 60px; line-height: 60px; color: #ffffff; font-size: 24px; background-color: #222; text-align: center; left: -60px; top: 0; cursor: pointer; z-index: 2; } #switcher span[class^="rt-icon2-"]:hover { color: #999999; } #switcher span[class="rt-icon2-delete-outline"] { background-color: transparent; z-index: 1; left: -20px; } #switcher li { margin-bottom: 0px; padding: 0 4px; } #switcher p { font-weight: 300; font-size: 16px; line-height: 1; margin: 0 0 10px; } #switcher label { color: #999999; } #switcher ul { margin-bottom: 0; } #switcher .tooltip { min-width: 110px; } #switcher .tooltip-arrow { display: none; } #switcher-version a { padding: 13px 14px; display: inline-block; line-height: 1; font-size: 13px; font-weight: 400; text-transform: uppercase; } #switcher-version a:hover { color: #e4344e !important; } #switcher-version a.light { background-color: #ffffff; color: #555555; } #switcher-version a.dark { color: #ffffff; background-color: #262626; } #switcher-colors a { position: relative; display: inline-block; width: 40px; height: 40px; background-color: #4db19e; overflow: hidden; } #switcher-colors a:hover { opacity: 0.7; } #switcher-colors a.color2 { background-color: #388E3C; } #switcher-colors a.color3 { background-color: #5BB75B; } #switcher-colors { line-height: 0; } #switcher-patterns a { display: block; line-height: 1; height: 40px; width: 40px; overflow: hidden; background-color: #ffffff; } #switcher-patterns a img { opacity: 0; } #switcher-patterns a:hover { opacity: 0.7; } #switcher-patterns li:first-child a img { opacity: 1; } #switcher_accent_color, #switcher_color_scheme, #switcher_layout, #switcher_patterns { padding: 26px 30px 0px; } .checkbox-slider--b-flat { position: relative; } .checkbox-slider--b-flat input { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 0%; height: 0%; margin: 0 0; cursor: pointer; zoom: 1; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } .checkbox-slider--b-flat input + span { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-slider--b-flat input + span:before { position: absolute; left: 0px; display: inline-block; } .checkbox-slider--b-flat input + span > h4 { display: inline; } .checkbox-slider--b-flat input + span { padding-left: 40px; } .checkbox-slider--b-flat input + span:before { content: ""; height: 20px; width: 40px; background: #ffffff; } .checkbox-slider--b-flat input + span:after { width: 20px; height: 20px; position: absolute; left: 0px; top: 0; display: block; background: #ffffff; -webkit-transition: margin-left 0.4s ease-in-out; transition: margin-left 0.4s ease-in-out; text-align: center; font-weight: bold; content: ""; } .checkbox-slider--b-flat input:checked + span:after { margin-left: 20px; content: ""; } .checkbox-slider--b-flat input:checked + span:before { -webkit-transition: background 0.2s ease-in; transition: background 0.2s ease-in; } .checkbox-slider--b-flat input + span { padding-left: 30px; } .checkbox-slider--b-flat input + span:before { border-radius: 20px; width: 40px; } .checkbox-slider--b-flat input + span:after { background: #45c2e9; content: ""; width: 20px; border: solid transparent 2px; background-clip: padding-box; border-radius: 20px; } .checkbox-slider--b-flat input:checked + span:after { content: ""; margin-left: 20px; border: solid transparent 2px; background-clip: padding-box; } .checkbox-slider--b-flat input:checked + span:before { background: #ffffff; } .checkbox-slider--b-flat.checkbox-slider-md input + span:before { border-radius: 30px; } .checkbox-slider--b-flat.checkbox-slider-md input + span:after { border-radius: 30px; } .checkbox-slider--b-flat.checkbox-slider-lg input + span:before { border-radius: 40px; } .checkbox-slider--b-flat.checkbox-slider-lg input + span:after { border-radius: 40px; } .checkbox-slider--b-flat input + span:before { box-shadow: none; }
© 2022 - 2023 WIBUHAXOR V1 By Lutfifakee || Padang Blackhat