/* * Theme Name : Concern - Business Pro Wp Theme * Version : 3.0v * Author : atlas * Date: 16.12.2018 * Copyright : 2018 All reserved rights * */ /*forms*/input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], textarea, select, .form-control { border: none; height: 60px; border: 1px solid #ccc; background-color: #ffffff; border-radius: 50px; color: #1a1a1a; padding-left: 20px; padding-right: 20px; padding-top: 9px; padding-bottom: 9px; font-size: 16px; font-style: italic; } .select-group { position: relative; line-height: 1.5; padding: 0; background-color: #ffffff; } .select-group select { position: relative; width: 100%; cursor: pointer; z-index: 1; padding-right: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent !important; } .select-group select::-ms-expand { display: none; } .select-group i { position: absolute; left: auto; right: 20px; top: 22px; font-size: 14px; color: #46a5e5; z-index: 0; -webkit-transition: all 0.2s; transition: all 0.2s; } .select-group:hover i { opacity: 0.5; } .select-group .empty { color: rgba(129, 129, 129, 0.5); } .select-group option { color: #323232; } .select-group option[data-default] { color: rgba(129, 129, 129, 0.5); } textarea { height: auto; } /* select styling */ .form-control option { color: #323232; background-color: #ffffff; } .form-control, .form-control:focus { box-shadow: none; padding-left:40px; } .form-control.invalid { box-shadow: 0 0 0 2px #46a5e5; } .form-control:focus { border-color: #818181; } .form-control:-moz-placeholder { color: #cccccc; opacity: 1; } .form-control::-moz-placeholder { font-style: italic; color: #cccccc; opacity: 1; } .form-control:-ms-input-placeholder { font-style: italic; color: #cccccc; } .form-control::-webkit-input-placeholder { font-style: italic; color: #cccccc; } .form-control:focus:-moz-placeholder { font-style: italic; color: transparent; opacity: 1; } .form-control:focus::-moz-placeholder { font-style: italic; color: transparent; opacity: 1; } .form-control:focus:-ms-input-placeholder { font-style: italic; color: transparent; } .form-control:focus::-webkit-input-placeholder { font-style: italic; color: transparent; } /*icons for forms */ form label + [class*="icon2-"] { position: absolute; font-size: 24px; color: #818181; left: 10px; top: 28px; } form label + [class*="icon2-"] + .form-control { padding-left: 50px; } label { font-weight: normal; } .form-control + [class*="icon2-"] { position: absolute; font-size: 24px; left: 20px; top: 50%; color: #46a5e5; } input[type=checkbox], input[type=radio] { margin-top: 8px; } /*nav*/ .nav > li > a { color: #323232; } .nav > li > a:hover, .nav > li > a:focus { background-color: inherit; } /*tabs*/ .tab-content { border-radius: 0 0 0 0; padding: 30px 30px; border: 1px solid rgba(0, 0, 0, 0.15); } .tab-content.no-border { padding: 36px 0 0; border: none; } .tab-content.no-border.top-color-border { left: 0; right: 0; } .tab-content.top-color-border { position: relative; } .tab-content.top-color-border:before { content: ''; position: absolute; left: -1px; right: -1px; top: -1px; height: 6px; background-color: #46a5e5; } .tab-content .featured-tab-image { margin: -30px -31px 24px -31px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 1px solid rgba(0, 0, 0, 0.15); } .nav-tabs { border-bottom-color: transparent; margin-top: 0px; margin-bottom: -1px; } .nav-tabs > li > a { font-size: 14px; padding: 19px 40px; margin-right: 1px; margin-top: 0px; border: none; border: 1px solid #323232; background-color: #323232; color: #ffffff; border-radius: 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-color: transparent; background-color: #46a5e5; color: #ffffff; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs.nav-justified > .active > a { border-color: #323232; background-color: #323232; color: #46a5e5; } /*vertical tabs*/ .vertical-tabs .tab-content.no-border { padding-top: 0; } .vertical-tabs .nav > li > a { background-color: #323232; color: #ffffff; padding: 18px 60px 18px 40px; margin-bottom: 10px; position: relative; } .vertical-tabs .nav > li > a i { position: relative; top: 1px; padding-right: 12px; } .vertical-tabs .nav > li > a:after { color: rgba(255, 255, 255, 0.8); font-family: 'rt-icons-2'; content: "\e7c5"; position: absolute; font-size: 12px; line-height: 58px; text-align: center; right: 0; top: 0; bottom: 0; width: 60px; border-left: 1px solid rgba(255, 255, 255, 0.1); letter-spacing: 0; } .vertical-tabs .nav > li.active a, .vertical-tabs .nav > li > a:hover { background-color: #46a5e5; } @media (min-width: 768px) { .vertical-tabs .nav > li.active { position: relative; z-index: 2; } } /*bs buttons*/.btn { padding: 18px 30px; text-transform: uppercase; margin: 0 2px 6px 0; border: none; border-radius: 50px; color:#fff; outline: none; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background-color: #d42121; box-shadow: 10px 20px 30px #ccc; } .btn:hover, .btn:focus { outline: none; } li.media:before, li.media:after { display: block; content: ''; clear: both; } /* dropdown menu */ .dropdown-menu { box-shadow: none; border-radius: 0; border-color: rgba(0, 0, 0, 0.15); z-index: 1001; font-size: 16px; margin-top: 0; } [class*="right"] .dropdown-menu { right: 0; left: auto; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #323232; background-color: transparent; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 13px 8px; border-color: #e6e6e6; } .table { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .table td + td { border-left: 1px solid #e6e6e6; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 1px; } .table-responsive { border: none; } .well { box-shadow: none; border: none; border-radius: 0; } .embed-responsive-3by2 { padding-bottom: 66.666%; } .embed-placeholder:before { -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; content: "\e696"; font-family: 'rt-icons-2'; position: absolute; color: #ffffff; font-size: 30px; left: 50%; top: 50%; margin-left: -20px; margin-top: -16px; } .embed-placeholder:hover:before { opacity: 0.4; } /* **general styles */ html { width: 100%; height: 100%; position: relative; overflow: visible; } ::-moz-selection { color: #ffffff; background-color: #46a5e5; } ::selection { color: #ffffff; background-color: #46a5e5; } ::-moz-selection { color: #ffffff; background-color: #46a5e5; } body { font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 30px; background-color: #ffffff; overflow: visible; overflow-x: hidden; } blockquote { position: relative; margin: 30px 0; padding: 10px 20px 10px 42px; border-left: 5px solid #46a5e5; font-size: 20px; line-height: 35px; font-style: italic; color: rgba(129, 129, 129, 0.8); } blockquote .media { font-size: 14px; font-style: normal; margin: 0 0 6px; padding-top: 10px; } blockquote .media img { min-width: 40px; max-width: 40px; border-radius: 50%; } blockquote .item-meta { margin-top: 10px; font-style: normal; opacity: 1; } blockquote.no-border { border-left: none; padding: 0; margin: 25px 0; } blockquote.blockquote-item { border-left: none; padding: 0; line-height: 30px; } blockquote.blockquote-item .item-meta { display: block; } blockquote.blockquote-item .item-meta img { display: block; margin: 0 auto 38px; max-width: 180px; border: 10px solid #ffffff; border-radius: 50%; box-shadow: 0px 0 30px rgba(0, 0, 0, 0.2); } blockquote.blockquote-item p:before { content: "\f10d"; font-family: FontAwesome; font-size: 28px; font-style: normal; display: block; margin: 25px auto 20px; color: #46a5e5; } blockquote.blockquote-item .grey { color: rgba(255, 255, 255, 0.8); } img, figure { max-width: 100%; height: auto; } figcaption, .entry-caption { padding: 3px 10px; } figcaption p, .entry-caption p { margin-bottom: 0; } hr { border: none; height: 1px; background-color: #ddd; } iframe { border: none; max-width: 100%; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } /* **styled lists */ ul, ol { padding-left: 30px; } ul.list1 { list-style: none; padding: 0; margin: 25px 0; } ul.list1 li { position: relative; padding: 9px 0 10px 30px; } ul.list1 li > .media { margin: 3px 0 3px; } ul.list1.no-bullets li { padding-left: 0; } ul.list1.no-bullets li:before { display: none; } ul.list1 li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.15); } ul.list1 li { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .muted_background ul.list1 li { border-color: rgba(255, 255, 255, 0.4); } ul.list1 li:before { content: ''; display: block; position: absolute; border: 1px solid #46a5e5; left: 10px; top: 17px; width: 7px; height: 7px; border-radius: 50%; } ul.list2 { list-style: none; padding-left: 20px; margin-bottom: 30px; } ul.list2 li { position: relative; padding: 4px 0 4px 6px; } ul.list2 li:before { font-family: FontAwesome; font-size: 16px; color: #46a5e5; content: "\f0da"; position: absolute; left: -18px; top: 3px; } ol.list3 { counter-reset: li; padding-left: 18px; } ol.list3 li { position: relative; padding: 4px 0 4px 3px; } table { width: 100%; max-width: 100%; margin: 10px 0; } table td, table th { padding: 3px 0; } .table_template thead { background-color: #46a5e5; color: #323232; } .table_template thead.light { background-color: #ffffff; } .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); } /*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"] { font-size: 1.2em; position: relative; top: .1em; line-height: 0; padding-right: 0.1em; } p > [class*="rt-icon"] { font-size: 1.1em; position: relative; top: .05em; line-height: 0; padding: 0 0.2em; } .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; } /* **buttons */.theme_buttons a, .theme_button { font-size: 12px; font-weight: 700; padding: 23px 47px 23px; margin-bottom: 4px; line-height: 1; letter-spacing: 0.1em; display: inline-block; min-width: 8.5em; text-align: center; text-transform: uppercase; color: #ffffff; border: 1px solid #000; background-color: #000; border-radius: 50px; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .theme_buttons.color1 a, .theme_button.color1 { background-color: #d42121; border-color: #d42121; border-radius:50px; } .theme_buttons.color2 a, .theme_button.color2 { background-color: #ca5752; border-color: #ca5752; } .theme_button:active, .theme_button:hover, .theme_button:focus { color: rgba(255, 255, 255, 0.5); 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: #4d4d4d; background-color: transparent; border: 1px solid #4d4d4d; } .muted_buttons a, .muted_button { opacity: 0.2; } .medium_button { padding: 13px 35px; } .small_buttons a, .small_button { padding: 1px 7px 0px; 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; } /* **vertical margins and paddings */ /*same top and bottom paddings for sections*/ .section_padding_0 > [class*="container"] { padding-top: 0; padding-bottom: 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_40 > [class*="container"] { padding-top: 40px; padding-bottom: 40px; } .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; } .section_padding_110 > [class*="container"] { padding-top: 110px; padding-bottom: 110px; } .section_padding_120 > [class*="container"] { padding-top: 120px; padding-bottom: 120px; } .section_padding_150 > [class*="container"] { padding-top: 150px; padding-bottom: 150px; } /*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_110 > [class*="container"] { padding-top: 110px; } .section_padding_top_120 > [class*="container"] { padding-top: 120px; } .section_padding_top_140 > [class*="container"] { padding-top: 140px; } .section_padding_top_150 > [class*="container"] { padding-top: 150px; } /*bottom paddings for sections*/ .section_padding_bottom_0 > [class*="container"] { padding-bottom: 0; } .section_padding_bottom_5 > [class*="container"] { padding-bottom: 5px; } .section_padding_bottom_15 > [class*="container"] { padding-bottom: 15px; } .section_padding_bottom_25 > [class*="container"] { padding-bottom: 25px; } .section_padding_bottom_30 > [class*="container"] { padding-bottom: 30px; } .section_padding_bottom_40 > [class*="container"] { padding-bottom: 40px; } .section_padding_bottom_50 > [class*="container"] { padding-bottom: 50px; } .section_padding_bottom_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_120 > [class*="container"] { padding-bottom: 120px; } .section_padding_bottom_150 > [class*="container"] { padding-bottom: 150px; } @media (max-width: 991px) { .section_padding_100 > [class*="container"], .section_padding_110 > [class*="container"], .section_padding_120 > [class*="container"], .section_padding_150 > [class*="container"], .section_padding_top_100 > [class*="container"], .section_padding_top_110 > [class*="container"], .section_padding_top_120 > [class*="container"], .section_padding_top_140 > [class*="container"], .section_padding_top_150 > [class*="container"] { padding-top: 75px; } .section_padding_100 > [class*="container"], .section_padding_110 > [class*="container"], .section_padding_120 > [class*="container"], .section_padding_150 > [class*="container"], .section_padding_bottom_100 > [class*="container"], .section_padding_bottom_120 > [class*="container"], .section_padding_bottom_150 > [class*="container"] { padding-bottom: 75px; } } /* margins inside sections */ [class*="col-"] { margin-top: 10px; margin-bottom: 10px; } @media (max-width: 767px) { aside[class*="col-"] { margin-top: 60px !important; } } .columns_margin_0 [class*="col-"], header [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_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_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_0.table_section > .container { padding: 0; } .row.columns_padding_0 { margin: 0; } .row.columns_padding_1 { margin-left: 0; margin-right: -1px; } .row.columns_padding_2 { margin-left: -1px; margin-right: -1px; } .row.columns_padding_5 { margin-left: -5px; margin-right: -5px; } @media (min-width: 500px) { .columns_padding_25 > [class*="container"] > .row, .row.columns_padding_25 { margin-right: -25px; margin-left: -25px; } .columns_padding_25 > [class*="container"] > .row > [class*="col-"], .row.columns_padding_25 > [class*="col-"] { padding-left: 25px; padding-right: 25px; margin-top: 25px; margin-bottom: 25px; } .columns_padding_30 > [class*="container"] > .row, .row.columns_padding_30 { margin-right: -30px; margin-left: -30px; } .columns_padding_30 > [class*="container"] > .row > [class*="col-"], .row.columns_padding_30 > [class*="col-"] { padding-left: 30px; padding-right: 30px; } } /*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; width: auto; } } @media screen and (max-width: 991px) { .table_section.table_section_md .row, .table_section.table_section_md [class*="col-"] { display: block; width: auto; } } @media screen and (max-width: 1199px) { .table_section.table_section_lg .row, .table_section.table_section_lg [class*="col-"] { display: block; width: auto; } } @media screen and (min-width: 1200px) { /* overlap featured person */ .top-overlap { margin-top: -170px; } .top-overlap-small { margin-top: -100px; } } @media (max-width: 767px) { .container { max-width: 500px; } } /* **common sections styles */ /*parallax*/ .background_cover { background-size: cover; } .parallax { background-attachment: fixed; background-size: cover; background-position: 50% 0; background-repeat: no-repeat; position: relative; } .image_background { background-position: center; background-size: cover; } @media (max-width: 767px) { .parallax { background-size: auto auto; } } .parallax.ls:after, .muted_image_bg.ls:after { background-color: #ffffff; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=92)"; filter: alpha(opacity=92); opacity: 0.92; } .parallax.ls.ms:after, .muted_image_bg.ls.ms:after { background-color: #e6e6e6; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=88)"; filter: alpha(opacity=95); opacity: 0.95; } .parallax.cs:after, .muted_image_bg.cs:after { background-color: #46a5e5; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; } .parallax.cs:before { display: none; } .parallax.cs.main_color2:after { background-color: #ca5752; } .parallax.cs.main_color3:after { background-color: #fcbe11; } .parallax.ds:after, .muted_image_bg.ds:after { background-color: #323232; opacity: 0.8; } .parallax.ds:after { opacity: 0.9; } .parallax.ds.ms:after, .muted_image_bg.ds:after { background-color: #1a1a1a; } .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(50, 50, 50, 0.1); opacity: 1; } .parallax > *, .muted_section > *, .radial_gradient > *, .gradient > *, .vertical_gradient > *, .darken_gradient > *, .diagonal_section > *, .muted_image_bg > * { z-index: 4; position: relative; } .radial_gradient { position: relative; overflow: hidden; } .gradient, .muted_section, .vertical_gradient, .darken_gradient, .muted_image_bg { 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, .muted_image_bg: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: #46a5e5; background: -webkit-gradient(linear, left top, right top, color-stop(0%, #46a5e5), color-stop(100%, #ca5752)); background: -webkit-linear-gradient(left, #46a5e5 0%, #ca5752 100%); background: linear-gradient(to right, #46a5e5 0%, #ca5752 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2',GradientType=1 ); } .vertical_gradient:before { background: #46a5e5; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #46a5e5 0%, #ca5752 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #46a5e5 0%, #ca5752 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(55, 52, 47, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(55, 52, 47, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a637342f',GradientType=0 ); } .with_top_border, .with_bottom_border { position: relative; } .with_top_border:before, .with_bottom_border:after { content: ''; display: block; position: absolute; height: 1px; left: 0; right: 0; top: 0; background-color: #e6e6e6; } .with_bottom_border:after { top: auto; bottom: 0; } .bg_image, .bg_image:after { background-image: url(../img/background_section.png); } /* Hero text in sections */ .section_header { margin-bottom: 26px; font-size: 38px; line-height: 0.8; position: relative; word-wrap: break-word; text-transform: uppercase; } .section_header strong { display: block; font-weight: 900; } .section_header.big, .section_header .big { font-size: 62px; font-weight: 900; } .section_header.small { font-size: 28px; text-transform: none; } @media (max-width: 767px) { .section_header.big, .section_header .big { font-size: 46px; } } /*page preloader*/ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; z-index: 13000; height: 100%; } .lt-ie9 .preloader { display: none; } .preloader_image { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; background: url(../css/img/preloader.gif) no-repeat 50% 50% transparent; margin: -50px 0 0 -50px; } /* animated elements */ .to_animate { visibility: hidden; } .lt-ie10 .to_animate, .lt-ie9 .to_animate { visibility: visible; } .animated { /*IE7 fix*/ visibility: visible !important; } /* **utilites */ .alignleft { float: left; padding: 5px 30px 20px 0; max-width: 50%; } .alignright { float: right; padding: 5px 0 30px 20px; max-width: 50%; } .alignleft, .alignright { width: 100%; } @media (max-width: 768px) { .alignleft, .alignright { float: none; max-width: 100% !important; padding-right: 0; padding-left: 0; } } .alignleft.one-third, .alignright.one-third { max-width: 33.3333333%; } @media (max-width: 991px) { .alignleft.one-third, .alignright.one-third { max-width: 50%; } } .round { border-radius: 50%; } .inline-block { display: inline-block; max-width: 100%; } .with_padding { padding: 30px; } .with_padding2 { padding: 32px 38px; } @media (max-width: 400px) { .with_padding2 { padding: 32px 20px; } } .table_section_content { padding: 30px 50px; } .table_section_content h3 { font-size: 42px; font-weight: 300; margin: 0 0 32px; } .with_background { background-color: #e5e5e5; } .muted_background { background-color: rgba(50, 50, 50, 0.06); } .with_border { border: 1px solid #e6e6e6; } .with_shadow { box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1); } .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; } .highlight2 { color: #ca5752; border-color: #ca5752; } .red, .required { color: #fa5c5d; } .black { color: #1a1a1a; border-color: #1a1a1a; } .lightgrey { color: #4d4d4d; } .grey { color: #323232; border-color: #323232; } .greylinks a { color: #818181; } .darklinks a { color: #ffffff; } .thin { font-weight: 300; } .bold { font-weight: 700; } .extrabold { font-weight: 800; } .weight-black { font-weight: 900; } .quotesign { position: relative; display: inline-block; width: 50px; height: 50px; line-height: 1; } .quotesign:before { font-size: 150px; font-family: 'PT Sans', sans-serif; content: '‘‘'; position: absolute; left: 0; top: 0; line-height: 1; } .light_bg_color { background-color: #ffffff; } .main_bg_color { color: #ffffff; background-color: #2348c7; } .main_bg_color2 { color: #ffffff; background-color: #ca5752; } .dark_bg_color { color: #ffffff; background-color: #1a1a1a; } .dark_bg_color h1, .dark_bg_color h2, .dark_bg_color h3, .dark_bg_color h4, .dark_bg_color h5, .dark_bg_color h6 { color: #ffffff; } .darkgrey_bg_color { color: #ffffff; background-color: #323232; } .darkgrey_bg_color h1, .darkgrey_bg_color h2, .darkgrey_bg_color h3, .darkgrey_bg_color h4, .darkgrey_bg_color h5, .darkgrey_bg_color h6 { color: #ffffff; } /*dividers, margins and paddings*/ .divider_20 { margin: 20px 0; } .divider_30 { margin: 30px 0; } .divider_40 { margin: 40px 0; } .margin_0 { margin: 0 !important; } .topmargin_-10 { margin-top: -10px; } .topmargin_0 { margin-top: 0 !important; } .topmargin_1 { margin-top: 1px; } .topmargin_5 { margin-top: 5px; } .topmargin_10 { margin-top: 10px; } .topmargin_20 { margin-top: 20px; } .topmargin_25 { margin-top: 25px; } .topmargin_30 { margin-top: 30px; } .topmargin_40 { margin-top: 40px; } .topmargin_50 { margin-top: 50px; } .topmargin_60 { margin-top: 60px; } .topmargin_80 { margin-top: 80px; } .bottommargin_0 { margin-bottom: 0 !important; } .bottommargin_5 { margin-bottom: 5px; } .bottommargin_10 { margin-bottom: 10px; } .bottommargin_15 { margin-bottom: 15px; } .bottommargin_20 { margin-bottom: 20px; } .bottommargin_25 { margin-bottom: 25px; } .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_10 { padding-bottom: 10px; } .bottompadding_20 { padding-bottom: 20px; } .bottompadding_30 { padding-bottom: 30px; } .bottompadding_40 { padding-bottom: 40px; } .bottompadding_50 { padding-bottom: 50px; } .bottompadding_60 { padding-bottom: 60px; } .leftpadding_10 { padding-left: 10px; } .leftpadding_20 { padding-left: 20px; } .leftpadding_30 { padding-left: 30px; } .leftpadding_40 { padding-left: 40px; } .leftpadding_50 { padding-left: 50px; } .leftpadding_60 { padding-left: 60px; } .rightpadding_10 { padding-right: 10px; } .rightpadding_20 { padding-right: 20px; } .rightpadding_30 { padding-right: 30px; } .rightpadding_40 { padding-right: 40px; } .rightpadding_50 { padding-right: 50px; } .rightpadding_60 { padding-right: 60px; } .fontsize_14 { font-size: 14px; } .fontsize_16 { font-size: 16px; } .fontsize_18 { font-size: 18px; } .fontsize_20 { font-size: 20px; } .fontsize_24 { font-size: 24px; } .fontsize_28 { font-size: 28px; } .fontsize_32 { font-size: 32px; } .fontsize_38 { font-size: 38px; } .fontsize_76 { font-size: 76px; } .lato { font-family: 'Lato', sans-serif; } /*alignment*/ .display_table { display: table; min-width: 100%; height: 100%; margin: auto; } .display_table_cell { display: table-cell; vertical-align: middle; float: none; overflow: hidden; zoom: 1; } @media (min-width: 1200px) { .text-lg-right { text-align: right; } .text-lg-left { text-align: left; } .text-lg-center { text-align: center; } .display_table_lg { display: table; min-width: 100%; height: 100%; margin: auto; } .display_table_cell_lg { display: table-cell; vertical-align: middle; float: none; overflow: hidden; zoom: 1; } } @media (min-width: 992px) { .text-md-right { text-align: right; } .text-md-left { text-align: left; } .text-md-center { text-align: center; } .display_inline_md { display: inline; } .display_table_md { display: table; min-width: 100%; height: 100%; margin: auto; } .display_table_cell_md { display: table-cell; vertical-align: middle; float: none; overflow: hidden; zoom: 1; } } @media (min-width: 768px) { .text-sm-right { text-align: right; } .text-sm-left { text-align: left; } .text-sm-center { text-align: center; } .display_table_sm { display: table; min-width: 100%; height: 100%; margin: auto; } .display_table_cell_sm { display: table-cell; vertical-align: middle; float: none; overflow: hidden; zoom: 1; } } @media (max-width: 767px) { .text-xs-right { text-align: right; } .text-xs-left { text-align: left; } .text-xs-center { text-align: center; } .not_found { font-size: 130px; } } @media (max-width: 500px) { .hidden-xxs { display: none; } } .inline-dropdown { list-style: none; margin: 0; padding: 0; } .inline-dropdown > li { display: inline-block; } .small-text { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; } /* common side and vertical items */ .with_border .item-media { margin: -1px -1px -2px -1px; z-index: 1; } .with_border.full-padding .item-media { margin: 0; } /* side and vertical items paddings */ .full-padding { padding: 30px 30px 30px 30px; } .content-padding .item-content { padding: 30px 30px 20px; } .side-item .row { margin: 0; } .side-item [class*="col-"] { padding: 0; margin: 0; } .side-item .item-content { padding-left: 30px; } .side-item .item-title + .item-content { padding-top: 20px; } .side-item [class*="col-"] > .item-title { padding: 15px 30px; } .side-item [class*="col-"] > .item-title h2, .side-item [class*="col-"] > .item-title h3, .side-item [class*="col-"] > .item-title h4 { margin: 0; } .side-item.with_border [class*="col-"] > .item-title { margin: -1px; } /*-xs- side-item paddings and margins*/ @media (max-width: 767px) { .no-content-padding [class*='col-xs-'] .item-content, .full-padding [class*='col-xs-'] .item-content { padding-left: 30px; } .no-content-padding [class*='col-xs-'][class*='col-xs-pull'] .item-content, .full-padding [class*='col-xs-'][class*='col-xs-pull'] .item-content { padding-left: 0; padding-right: 30px; } .no-content-padding .col-xs-12 .item-content, .full-padding .col-xs-12 .item-content { padding-top: 30px; padding-left: 0; padding-right: 0; } } /*-sm- side-item paddings and margins*/ @media (min-width: 768px) { .no-content-padding [class*='col-sm-'] .item-content, .full-padding [class*='col-sm-'] .item-content { padding-left: 30px; } .no-content-padding [class*='col-sm-'][class*='col-sm-pull'] .item-content, .full-padding [class*='col-sm-'][class*='col-sm-pull'] .item-content { padding-left: 0; padding-right: 30px; } .no-content-padding .col-sm-12 .item-content, .full-padding .col-sm-12 .item-content { padding-top: 30px; padding-left: 0; padding-right: 0; } } /*-md- side-item paddings and margins*/ @media (min-width: 992px) { .no-content-padding [class*='col-md-'] .item-content, .full-padding [class*='col-md-'] .item-content { padding-left: 30px; } .no-content-padding [class*='col-md-'][class*='col-md-pull'] .item-content, .full-padding [class*='col-md-'][class*='col-md-pull'] .item-content { padding-left: 0; padding-right: 30px; } .no-content-padding .col-md-12 .item-content, .full-padding .col-md-12 .item-content { padding-top: 30px; padding-left: 0; padding-right: 0; } } /*-lg- side-item paddings and margins*/ @media (min-width: 1200px) { .no-content-padding [class*='col-lg-'] .item-content, .full-padding [class*='col-lg-'] .item-content { padding-left: 30px; } .no-content-padding [class*='col-lg-'][class*='col-lg-pull'] .item-content, .full-padding [class*='col-lg-'][class*='col-lg-pull'] .item-content { padding-left: 0; padding-right: 30px; } .no-content-padding .col-lg-12 .item-content, .full-padding .col-lg-12 .item-content { padding-top: 30px; padding-left: 0; padding-right: 0; } } .vertical-item .list1 { text-align: left; margin: 0; } .vertical-item.content-padding .item-content { padding: 35px 38px 32px; } .vertical-item.content-absolute { position: relative; } .vertical-item.content-absolute .item-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 30px 20px; z-index: 1; } .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 i { position: relative; font-size: 20px; top: 3px; padding: 0; margin: 0; } /* 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: #323232; 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; } .gallery-item .item-media { z-index: 1; background-color: rgba(50, 50, 50, 0.5); } .gallery-item .item-media img { -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; -webkit-backface-visibility: hidden; } .gallery-item:hover .item-media img { -webkit-transform: scale(1.5); transform: scale(1.5); filter: blur(4px); -webkit-filter: blur(4px); } .links-wrap a { position: relative; width: 50px; height: 50px; line-height: 50px; top: -100px; display: inline-block; z-index: 5; font-size: 24px; text-align: center; filter: alpha(opacity=0); opacity: 0; transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -ms-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; border: 1px solid #46a5e5; background-color: #46a5e5; } .links-wrap a:hover { color: rgba(255, 255, 255, 0.6); } .links-wrap a.p-view { color: #ffffff; } .links-wrap a.p-link { background-color: transparent; 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; } .links-wrap a:before { font-family: 'rt-icons-2'; content: "\e6d4"; } .links-wrap a.p-link:before { content: "\e707"; } [class*="item"]:hover .links-wrap a { top: 0px; filter: alpha(opacity=100); opacity: 1; } [class*="item"]:hover .media-links div { filter: alpha(opacity=100); opacity: 1; } /* item icons */ .item-icons { display: table; width: 100%; border-top: 1px solid rgba(128, 128, 128, 0.1); } .item-icons i { display: block; font-size: 16px; } .item-icons > div { padding: 22px 10px 18px; display: table-cell; width: 400px; } .item-icons > div + div { border-left: 1px solid rgba(128, 128, 128, 0.1); } .item-icons [data-id] { display: none; } .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); } .block-header { text-transform: uppercase; font-weight: 400; font-size: 12px; letter-spacing: 0.1em; line-height: 1; padding-bottom: 9px; } .block-header .highlight { position: relative; } .block-header .highlight:after { content: ''; position: absolute; left: 0; right: 0; bottom: -11px; height: 3px; z-index: 2; background-color: #46a5e5; } /**light section - .ls*/ .ls { background-color: #ffffff; color: #818181; } .ls h1, .ls h2, .ls h3, .ls h4, .ls h5, .ls h6 { color: #323232; } .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: rgba(50, 50, 50, 0.2); } .ls a { color: #46a5e5; } .ls a:hover { color: #323232; } .ls .with_background { background-color: #e5e5e5; } .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 { color: rgba(255, 255, 255, 0.5); } .ls .theme_button.inverse a, .ls .theme_button.inverse { color: #323232; } .ls .theme_button.inverse a:hover, .ls .theme_button.inverse a:focus, .ls .theme_button.inverse:hover, .ls .theme_button.inverse:focus { color: rgba(50, 50, 50, 0.2); } .ls .color-icon.bg-icon { background-color: #f8f8f8; } .ls .highlight { color: #46a5e5; } .ls .highlight2 { color: #ca5752; } .ls .greylinks a { color: #818181; } .ls .greylinks a:hover { color: #323232; } .ls .darklinks a { color: #323232; } .ls .darklinks a:hover { color: #46a5e5; } /**grey section - light section, muted section - .ls.ms*/ .ls.ms { background-color: #f2f2f2; } .ls.ms .greylinks a:hover { color: #323232; } .ls.ms .with_background { background-color: #ffffff; } .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 textarea, .ls.ms select, .ls.ms .form-control { background-color: #ffffff; } .ls.ms .panel-title > a { background-color: #ffffff; } .ls.ms .panel-title > a.collapsed:hover, .ls.ms .panel-title > a:hover { background-color: rgba(50, 50, 50, 0.05); } .ls.ms .breadcrumb { color: #818181; } .ls.ms .breadcrumb a { color: #686868; } .ls.ms .breadcrumb a:hover { color: #46a5e5; } /**color section*/ .cs.main_color2 { background-color: #ca5752; } .cs.main_color2 .highlight { color: #46a5e5; } .cs { background-color: #46a5e5; 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: #ffffff; } .cs h1 a:hover, .cs h2 a:hover, .cs h3 a:hover, .cs h4 a:hover, .cs h5 a:hover, .cs h6 a:hover { color: rgba(255, 255, 255, 0.6); } .cs a { color: #ffffff; } .cs a:hover { color: #cce6f8; } .cs blockquote, .cs .blockquote { border-color: #73bbeb; } .cs .theme_buttons a.color1, .cs .theme_button.color1 { background-color: #ffffff; border-color: #ffffff; color: #323232; } .cs .theme_buttons a.color1:hover, .cs .theme_button.color1:hover { color: rgba(50, 50, 50, 0.7); } .cs .theme_buttons a:hover, .cs .theme_buttons a:focus, .cs .theme_button:hover, .cs .theme_button:focus { color: rgba(255, 255, 255, 0.5); } .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: rgba(255, 255, 255, 0.5); } section .cs .theme_buttons a, section .cs .theme_button { color: #323232; background-color: #ffffff; border-color: #ffffff; } section .cs .theme_buttons a:hover, section .cs .theme_button:hover { background-color: #323232; border-color: #323232; color: #ffffff; } .cs .with_background { background-color: rgba(255, 255, 255, 0.1); } .cs .with_border { border-color: rgba(255, 255, 255, 0.1); } .cs.with_top_border .container:before, .cs.with_bottom_border .container:after { background-color: #73bbeb; } .cs .section_header:before { background-color: #73bbeb; } .cs .greylinks a { color: #ffffff; opacity: 0.7; } .cs .greylinks a:hover { opacity: 1; color: #ffffff; } .cs .black { border-color: #ffffff; color: #ffffff; } .cs .grey { border-color: #323232; color: #323232; } .cs .response, .cs .highlight { color: #ffffff; } .cs ul.list1 li { border-color: rgba(255, 255, 255, 0.1); } .cs [class*='soc-'] { color: #ffffff; border-color: #ffffff; } .cs .color-icon.bg-icon { background-color: #ffffff; } .cs a.social-icon.color-bg-icon:hover { background-color: #323232; } .cs .pagination > li > a, .cs .pagination > li > span { color: #ffffff; background-color: rgba(255, 255, 255, 0.1); } .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: #323232; } .cs .widget_recent_entries li + li, .cs .widget_recent_comments li + li, .cs .widget_archive li + li, .cs .widget_categories li + li, .cs .widget_meta li + li, .cs .widget_popular_entries li + li, .cs .widget_nav_menu li + li, .cs .widget_pages li + li { border-top-color: rgba(255, 255, 255, 0.1); } .header_white { color: #818181;background-color: #000000; } .header_white.affix { box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1); } .header_white a.logo { color: #323232; } .header_darkgrey { background-color: #323232; } .header_darkgrey a[class*='soc-'] { color: #ffffff; } .page_header .container-fluid, .page_header.table_section .container-fluid, .page_toplogo .container-fluid { padding-right: 20px; padding-left: 20px; } @media (min-width: 992px) { .page_header .container-fluid, .page_header.table_section .container-fluid, .page_toplogo .container-fluid { padding-right: 40px; padding-left: 40px; } } @media (min-width: 1600px) { .page_header .container-fluid, .page_header.table_section .container-fluid, .page_toplogo .container-fluid { padding-right: 80px; padding-left: 80px; } } .transparent_header.affix-top .container-fluid { padding-top: 20px; } .transparent_header.affix-top .container-fluid .col-md-6 { width: 75%; } .transparent_header.affix-top .container-fluid [class*='col-']:last-child { display: none; } @media (min-width: 1200px) { .transparent_header.affix-top .container-fluid { padding-top: 40px; } } .toggle_menu_wrap { text-align: center; } .affix-top .toggle_menu_wrap { text-align: right; } .affix .toggle_menu_wrap { padding-right: 0; } .affix .toggle_menu_wrap .toggle_menu_button { display: none; } @media (max-width: 992px) { .page_header_wrapper .col-sm-12 { min-height: 0; } } a.logo { display: inline-block; word-break: break-word; text-transform: uppercase; position: relative; z-index: 2; } a.logo img, a.logo svg { vertical-align: middle; margin-right: 16px; } a.logo img + .logo_text, a.logo svg + .logo_text { display: inline-block; vertical-align: middle; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-size: 20px; font-weight: 800; letter-spacing: 0.2em; color: #323232; } .transparent_header a.logo img + .logo_text, .ds a.logo img + .logo_text, .header_darkgrey a.logo img + .logo_text, .header_gradient a.logo img + .logo_text, .cs a.logo img + .logo_text, .transparent_header a.logo svg + .logo_text, .ds a.logo svg + .logo_text, .header_darkgrey a.logo svg + .logo_text, .header_gradient a.logo svg + .logo_text, .cs a.logo svg + .logo_text { color: #ffffff; } .header_white a.logo img + .logo_text, .header_white a.logo svg + .logo_text { color: #323232; } .home a.logo img, footer a.logo img, .home a.logo svg, footer a.logo svg { max-width: 100%; } .affix a.logo img, .affix a.logo svg { width: 40px; margin-right: 6px; } @media (max-width: 1199px) { a.logo img, a.logo svg { max-width: 40px; margin-right: 6px; } a.logo img + .logo_text, a.logo svg + .logo_text { font-size: 16px; letter-spacing: 0.1em; } .page_toplogo a.logo img, .page_toplogo a.logo svg { max-width: 60px; margin-right: 16px; } .page_toplogo a.logo img + .logo_text, .page_toplogo a.logo svg + .logo_text { font-size: 20px; letter-spacing: 0.2em; } } .transparent_header a.logo svg, .ds a.logo svg, .header_darkgrey a.logo svg, .header_gradient a.logo svg, .cs a.logo svg { fill: #ffffff; } .header_white a.logo svg, .ls a.logo svg { fill: #46a5e5; } @media (max-width: 991px) { a.logo.logo_image { max-width: 120px; } } .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; } a.logo.vertical_logo img { margin: 0 0 10px; } .header_logo_center .logo_wrapper { position: absolute; left: 0; right: 0; } .logo-meta { line-height: 1.2; display: inline-block; padding: 20px 0; } @media (max-width: 1400px) { .logo + .logo-meta { display: none; } } .logo-meta strong { font-size: 20px; } .boxed .page_header .logo-meta { display: none; } .lt-ie9 .page_header_wrapper { height: auto !important; } .lt-ie9 .page_header_wrapper .md-hidden { display: inline-block; } .page_header { top: 0; left: 0; right: 0; position: relative; z-index: 1000; } .page_header.affix { position: fixed; } .page_header.affix-bottom { top: 0 !important; position: fixed; } .page_header.thin_header .theme_button { margin-top: 10px; margin-bottom: 10px; } .page_toplogo.ls + .page_header_wrapper .header_white { border-top: 1px solid #e6e6e6; } .transparent_header_wrapper + .intro_section { margin-top: -130px; } @media (max-width: 991px) { .transparent_header_wrapper + .intro_section { margin-top: -80px; } } /************** **side header** ***************/ body { position: relative; left: 0; background-color: #fff; } 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.8s ease-in-out; transition: all 0.8s ease-in-out; } body { -webkit-transition: left 0.8s ease-in-out, right 0.8s ease-in-out; transition: left 0.8s ease-in-out, right 0.8s ease-in-out; } body.active-side-header { left: 270px; } body.active-side-header .page_header_side { left: 0; } body.active-side-header:after { visibility: visible; opacity: 1; } .page_header_side { z-index: 1002; position: fixed; width: 270px; left: -270px; top: 0; bottom: 0; } .page_header_side.active-slide-side-header { box-shadow: 0px 0px 3px 3px rgba(50, 50, 50, 0.15); } .side_header_inner { padding: 60px 30px; } .toggle_menu_side { position: absolute; top: 15px; right: -65px; background-color: #fff; width: 50px; height: 50px; text-align: center; line-height: 50px; cursor: pointer; box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.5); } .toggle_menu_side:before { font-family: 'FontAwesome'; content: "\f0c9"; } .active-slide-side-header .toggle_menu_side:before, .active-side-header .toggle_menu_side:before { content: "\f00d"; } .ds .toggle_menu_side { background-color: #323232; color: #ffffff; } @media (max-width: 350px) { .toggle_menu_side { top: 5px; right: -55px; } } .page_header_side.active-slide-side-header { left: 0; } .page_header_side.header_side_right { left: auto; right: -270px; } .page_header_side.header_side_right.active-slide-side-header { right: 0; } .page_header_side.header_side_right .toggle_menu_side { right: auto; left: -65px; } @media (max-width: 350px) { .page_header_side.header_side_right .toggle_menu_side { left: -50px; } } body.active-side-header.slide-right { left: -270px; } body.active-side-header.slide-right .page_header_side { left: auto; right: 0; } .mainmenu_side_wrapper ul ul, .mainmenu_side_wrapper .mega-menu { height: 0; overflow: hidden; } .mainmenu_side_wrapper ul li.sfHover > .mega-menu ul { display: block; height: 100%; } .mainmenu_side_wrapper .mega-menu > ul { height: auto; } .menu-side-click { padding: 0; } .menu-side-click li { position: relative; list-style: none; } .menu-side-click li a { margin-right: 25px; } .menu-side-click li .activate_submenu { cursor: pointer; position: absolute; right: 0; top: 11px; font-size: 16px; color: #46a5e5; text-align: center; width: 25px; } .menu-side-click li .activate_submenu:before { content: '+'; } .menu-side-click li.active-submenu > .activate_submenu:before { content: '-'; } .menu-side-click ul { padding-left: 20px; opacity: 0; height: 0; overflow: hidden; -webkit-transition: opacity 0.05s, height 0.05s ease; transition: opacity 0.05s, height 0.05s ease; } .menu-side-click .active-submenu > div { height: auto; } .menu-side-click .active-submenu > ul, .menu-side-click .active-submenu > div > ul { display: block; opacity: 1; height: auto; -webkit-transition: opacity 0.6s, height 0.6s ease; transition: opacity 0.6s, height 0.6s ease; } .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: 7px; -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 height/width & offset from container borders */ .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* **template styles */ .page_topline { position: relative; z-index: 1001; background-repeat: no-repeat; background-position: center center; background-size: cover; padding-top: 6px; padding-bottom: 6px; background-color: #d42121; } .page_topline [class*="rt-icon"] { font-size: 18px; top: 0.12em; position: relative; padding-right: 6px; line-height: inherit; } @media (min-width: 768px) { .page_topline [class*="col-"] > span { padding-left: 33px; } .page_topline [class*="col-"] > span:first-child { padding-left: 0; } } @media (max-width: 767px) { .page_topline [class*="col-"] > span { display: block; } } .page_mainslider .flex-custom-nav { opacity: 0; } .page_breadcrumbs { /* styles for breadcrumbs style 3 */ /* styles for breadcrumbs style 4 */ } .page_breadcrumbs .breadcrumbs_logo { margin-bottom: -17px; } .page_breadcrumbs .breadcrumbs_logo img { opacity: 0.2; } .page_breadcrumbs h1 { display: inline; font-size: 38px; word-wrap: break-word; color: #ffffff; } .page_breadcrumbs h1.small { font-size: 32px; } @media (max-width: 991px) { .page_breadcrumbs h1 { font-size: 32px; } } @media screen and (min-width: 992px) { .page_breadcrumbs .display_table_md { width: auto; min-width: 0; } .page_breadcrumbs h1.display_table_cell_md { padding-right: 20px; } .page_breadcrumbs .breadcrumb.display_table_cell_md { border-left: 1px solid rgba(255, 255, 255, 0.1); padding-left: 25px; } } .page_breadcrumbs .bottom_breadcrumbs { text-align: center; float: right; padding: 0 20px; margin: 0 0 -26px 0; background-color: rgba(26, 26, 26, 0.035); } .page_portfolio { overflow: hidden; } .section_subscribe .form-control { width: 370px; max-width: 100%; margin: auto; } .section_subscribe h4 { text-transform: none; } .section_subscribe.parallax { background-image: url("../images/parallax/pattern.jpg"); } .section_subscribe.parallax.ds { background-image: url("../images/parallax/pattern_dark.jpg"); } .section_subscribe:after { display: none; } .coaching_courses.image_bg { background-image: url("../images/parallax/courses.jpg"); background-size: cover; background-position: center; } #progress.parallax { background-image: url(../images/parallax/pattern.jpg); } .page_breadcrumbs.parallax { background-image: url(../images/parallax/breadcrumbs.jpg); } .page_testimonials { overflow: hidden; background-image: url('../css/img/parallax.jpg'); } .page_testimonials.parallax { background-image: url("../images/parallax/testimonials.jpg"); } .page_footer + .page_copyright.section_padding_40 > [class*="container"] { padding-top: 15px; padding-bottom: 15px; } .page_copyright p { margin: 0; } .page_copyright i.fa { opacity: 0.3; } .page_copyright.table_section .bottom_logo img { margin-bottom: 0; } .page_contact.parallax { background-image: url(../images/parallax/map.jpg); } .page_copyright.parallax, .page_footer.parallax { background-image: url(../images/parallax/progress.jpg); } .ds.ms + .page_footer.ds.ms { background-color: #151515; } #featured { background: url(../images/parallax/courses.jpg) no-repeat 50% 50%; background-size: cover; } section .intro_section .slide_description_wrapper { padding-left: 60px; padding-right: 60px; right: 30px; } @media (max-width: 600px) { section .intro_section .slide_description_wrapper { padding-left: 5px; padding-right: 5px; } } .muted_background .pagination { margin: 40px 40px 20px; } /* **main menu (min 992px) styles */ .sf-menu a { -webkit-transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, padding 0s linear 0s; transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s, padding 0s linear 0s; } .sf-menu a, .toggle_menu_button { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; } @media (min-width: 992px) { /* menu layout */ .sf-menu, .sf-menu ul { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu li > ul { position: absolute; display: none; top: 100%; z-index: 99; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu li > ul > li > ul { top: -27px; left: 100%; } /* menu skin */ .sf-menu a { padding: 5px 20px; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu li { white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; } .sf-menu > li { display: inline-block; position: relative; margin: 0 -2px; } .sf-menu > li > a { padding-top: 25px; padding-bottom: 25px; } } @media (min-width: 992px) and (min-width: 1200px) { .sf-menu > li > a { padding-top: 45px; padding-bottom: 45px; } } @media (min-width: 992px) { .affix .sf-menu > li > a { padding-top: 25px; padding-bottom: 25px; } .transparent_header .sf-menu > li > a { padding-top: 30px; padding-bottom: 30px; } .affix.transparent_header .sf-menu > li > a { padding-top: 25px; padding-bottom: 25px; } .thin_header .sf-menu > li > a, .thin_header.affix .sf-menu > li > a { padding-top: 15px; padding-bottom: 15px; } .sf-menu > li > a:hover, .sf-menu > li.active > a { color: #46a5e5; } .bordered_items .sf-menu { text-align: center; } .bordered_items .sf-menu > li { padding: 0; } .bordered_items .sf-menu > li + li:before { content: ''; width: 1px; position: absolute; left: 0; top: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.1); } .transparent_header .sf-menu > li > a, .transparent_header .toggle_menu_button { color: #ffffff; } .toggle_menu_wrap { position: relative; padding-right: 40px; } .toggle_menu_wrap .toggle_menu_button { position: absolute; right: 0; top: 50%; margin-top: -15px; min-width: 65px; min-height: 30px; cursor: pointer; overflow: hidden; } .toggle_menu_wrap .toggle_menu_button i { font-size: 14px; } .toggle_menu_wrap .toggle_menu_button > span { position: absolute; right: 0; white-space: nowrap; -webkit-transition: margin-top 0.15s linear 0.3s; transition: margin-top 0.15s linear 0.3s; } .toggle_menu_wrap .toggle_menu_button .menu-open { margin-top: 30px; } .affix-top .toggle_menu_wrap .sf-menu > li a { left: 0; } .affix-top .toggle_menu_wrap .sf-menu { visibility: hidden; } .affix-top .toggle_menu_wrap .sf-menu li:nth-child(1) a { -webkit-transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.05s, left 0.3s ease-in-out 0.05s, padding 0s linear 0s; transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.05s, left 0.3s ease-in-out 0.05s, padding 0s linear 0s; } .affix-top .toggle_menu_wrap .sf-menu li:nth-child(2) a { -webkit-transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.1s, left 0.3s ease-in-out 0.1s, padding 0s linear 0s; transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.1s, left 0.3s ease-in-out 0.1s, padding 0s linear 0s; } .affix-top .toggle_menu_wrap .sf-menu li:nth-child(3) a { -webkit-transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.15s, left 0.3s ease-in-out 0.15s, padding 0s linear 0s; transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.15s, left 0.3s ease-in-out 0.15s, padding 0s linear 0s; } .affix-top .toggle_menu_wrap .sf-menu li:nth-child(4) a { -webkit-transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.2s, left 0.3s ease-in-out 0.2s, padding 0s linear 0s; transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.2s, left 0.3s ease-in-out 0.2s, padding 0s linear 0s; } .affix-top .toggle_menu_wrap .sf-menu li:nth-child(5) a { -webkit-transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.25s, left 0.3s ease-in-out 0.25s, padding 0s linear 0s; transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.25s, left 0.3s ease-in-out 0.25s, padding 0s linear 0s; } .affix-top .toggle_menu_wrap .sf-menu li:nth-child(6) a { -webkit-transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.3s, left 0.3s ease-in-out 0.3s, padding 0s linear 0s; transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.3s, left 0.3s ease-in-out 0.3s, padding 0s linear 0s; } .affix-top .toggle_menu_wrap .sf-menu li:nth-child(7) a { -webkit-transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.35s, left 0.3s ease-in-out 0.35s, padding 0s linear 0s; transition: color 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0.35s, left 0.3s ease-in-out 0.35s, padding 0s linear 0s; } .affix-top .toggle_menu_wrap.collapsed .sf-menu > li a { left: -100%; opacity: 0; } .affix-top .toggle_menu_wrap.collapsed .menu-open { margin-top: 0; } .affix-top .toggle_menu_wrap.collapsed .menu-close { margin-top: -30px; } .header_white .sf-menu > li > a { color: #ffffff; } .header_white .sf-menu > li > a:hover, .header_white .sf-menu > li.active > a { } .header_white .sf-menu > li + li:before { background-color: #e6e6e6; } .header_darkgrey .sf-menu > li > a { color: #ffffff; } .header_darkgrey .sf-menu > li > a:hover, .header_darkgrey .sf-menu > li.active > a { color: #46a5e5; } .header_gradient .sf-menu > li > a { color: #ffffff; } .header_gradient .sf-menu > li > a:hover, .header_gradient .sf-menu > li.active > a { color: #323232; } .sf-menu li:hover, .sf-menu li.sfHover { /* only transition out, not in */ -webkit-transition: none; transition: none; } /* second and next levels */ .sf-menu > li .mega-menu, .sf-menu li > ul { color:#fff; margin-top: 10px; text-align: left; list-style: none; padding: 26px 0; background-color: #000; box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ } .sf-menu ul a { color: rgba(240, 240, 240, 1); padding-left: 40px; padding-right: 40px; } .sf-menu .mega-menu ul { box-shadow: none; padding: 0; } .sf-menu .mega-menu ul a { padding-left: 0; padding-right: 0; } .sf-menu ul a:hover, .sf-menu ul li.active > a { background:rgba(15, 15, 15, 0.82); color:#fff; } /* third level */ .sf-menu ul ul { margin-top: 0; } /*** arrows (for all except IE7) **/ /* styling for both css and generated arrows */ /*top menu level*/ /* styling for right-facing arrows */ } /* common paddings */ @media (min-width: 992px) { .sf-menu > li > a { padding-left: 2px; padding-right: 0px; } .bordered_items .sf-menu > li > a { padding-right: 40px; padding-left: 44px; } } /* -md- paddings */ @media (min-width: 992px) and (max-width: 1199px) { .sf-menu > li > a { padding-left: 12px; padding-right: 12px; } .bordered_items .sf-menu > li > a { padding-right: 20px; padding-left: 24px; } } /* -lg- paddings */ @media (min-width: 1200px) { .sf-menu > li > a { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1400px) { .sf-menu > li > a { padding-left: 15px; padding-right: 15px; } } @media (min-width: 1700px) { .sf-menu > li > a { padding-left: 25px; padding-right: 25px; } } .toggle_menu { position: absolute; top: 0; left: 50%; margin-left: -30px; display: none; width: 60px; height: 60px; cursor: pointer; z-index: 1001; visibility: visible; } .toggle_menu_right .toggle_menu { left: auto; margin-left: 0; right: -17px; } .toggle_menu_left .toggle_menu { left: -17px; margin-left: 0; right: auto; } .header_white .toggle_menu span, .header_white .toggle_menu span:before, .header_white .toggle_menu span:after { background-color: #fff; } .page_toplogo .toggle_menu { position: fixed; top: 0; left: auto; right: 0; background-color: #323232; margin: 0; } .toggle_menu:hover span:before { top: -7px; } .toggle_menu:hover span:after { top: 7px; } .toggle_menu span, .toggle_menu span:before, .toggle_menu span:after { display: block; width: 24px; height: 2px; position: absolute; background-color: #ccc; content: ''; left: 0; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .toggle_menu span { left: 18px; top: 30%; } .toggle_menu span:before { top: -6px; } .toggle_menu span:after { top: 6px; } /* **main menu mobile styles */ @media (max-width: 991px) { .mainmenu_wrapper { /*position: relative;*/ position: fixed; visibility: hidden; z-index: 10; top: 0; left: 0; bottom: 0; right: 0; background-color: transparent; opacity: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mobile-active .mainmenu_wrapper { visibility: visible; opacity: 1; background-color: #111; background-color: rgba(0, 0, 0, 0.9); } .toggle_menu { display: block; } .toggle_menu.mobile-active { background-color: #323232; border: none; left: auto; top: 0; right: 0; position: fixed; margin: 0; z-index: 3000; } .toggle_menu.mobile-active:after { position: absolute; top: 14px; left: 10px; font-family: 'rt-icons-2'; content: "\e117"; font-size: 40px; color: #ffffff; } .toggle_menu.mobile-active span { display: none; } .nav-justified > li > a { text-align: left; } .sf-menu { position: fixed; overflow: auto; background-color: #323232; padding: 10px 20px 10px 10px; top: 0px; left: 0px; bottom: 0px; right: 100%; font-size: 1.1em; text-transform: uppercase; font-weight: 400; word-wrap: break-word; text-align: left; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; opacity: 0; } .mobile-active .sf-menu { opacity: 1; right: 20px; } .sf-menu > li > a, .sf-menu a { color: #ffffff; } .sf-menu ul { list-style: none; padding-left: 10px; } .sf-menu ul li a { display: block; padding: 10px; font-weight: 300; font-size: 16px; text-transform: none; } .sf-menu ul li a:before { content: '-'; padding-right: 5px; } .sf-menu ul ul li a:before { content: '--'; padding-right: 5px; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { font-family: 'FontAwesome'; content: '\f107'; position: absolute; right: 1.44em; height: 0; width: 0; font-size: 20px; } } @media (min-width: 992px) { .sf-menu .md-hidden { display: none; } } @media (max-width: 991px) { #more-li { display: none; } .toggle_menu_button { display: none; } } .sf-menu i[class] { padding-right: 7px; font-size: 1.1em; } /* Mega Menu */ @media screen and (min-width: 992px) { .mainmenu_wrapper ul .mega-menu ul { min-width: auto; } .mainmenu_wrapper .menu-item-has-mega-menu { position: relative; } .mainmenu_wrapper .mega-menu { display: none; position: absolute; width: 940px; top: 100%; z-index: 10; } .mainmenu_wrapper .menu-item-has-mega-menu:hover .mega-menu { display: block; } /* row */ .mainmenu_wrapper .mega-menu-row { position: static; display: table; table-layout: fixed; } .mainmenu_wrapper .mega-menu-row ul { position: static; display: block; } /* column */ .mainmenu_wrapper .mega-menu-col { display: table-cell; width: 2000px; padding: 0 20px; border-left: 1px solid #e6e6e6; /* overrides from settings / styling / mega-menu */ } .mainmenu_wrapper .mega-menu-col > a { text-transform: uppercase; font-weight: 700; } .mainmenu_wrapper .mega-menu-col:first-child { border-left: none; } .mainmenu_wrapper ul ul .mega-menu { width: auto; top: -20px; margin-left: 1px; display: block; width: auto; } .mainmenu_wrapper ul ul .mega-menu li { display: block; width: auto; border: none; } } @media screen and (min-width: 1200px) { .mainmenu_wrapper .mega-menu { width: 1140px; } } @media screen and (max-width: 991px) { .mainmenu_wrapper .mega-menu { position: static; } } /*comments*/ .comments-area { margin-top: 28px; } .comments-area h2 { margin-bottom: 28px; font-size: 40px; font-weight: 700; } .comments-area li { list-style: none; padding-top: 27px; } .comments-area .media { position: relative; } .comments-area .media-left { padding-right: 0; } .comments-area .media-left img { max-width: 70px; border-radius: 50%; } .comments-area .media-object { max-width: 70px; } .comments-area .media-body { padding: 15px 30px 0 20px; } @media (max-width: 399px) { .comments-area .media-body { padding-left: 10px; padding-right: 10px; } .comments-area .media-body h4 { margin-right: 20px; } } .comment-list { margin: 0; padding: 0; position: relative; } .comment-list ol { padding-left: 15px; } @media (min-width: 992px) { .comment-list ol { padding-left: 90px; } } .comment-meta { line-height: 1; margin-bottom: 0; padding-bottom: 5px; } .comment-meta h4 { margin-bottom: 5px; } .comment-meta .comment-metadata { display: block; margin: 7px 0 10px; } .comment-meta .comment-date { display: block; margin: 2px 0 10px; } .reply a { position: absolute; right: 0; top: 15px; padding: 4px; line-height: 1; font-size: 0; text-align: center; color: transparent; } .reply i:before { font-size: 18px; } .comment-respond { margin-top: 30px; } .comment-respond h3 { font-size: 30px; margin: 0 0 24px; } .commnt-respond p { margin-bottom: 10px; position: relative; } .comment-form.muted_background { padding: 30px 30px 20px; } .comment-form p { margin-bottom: 0; } .comment-form .form-submit { margin-top: 35px; } .comment-form label[for] { display: none; } .comment-form .theme_button { margin-right: 6px; } @media (max-width: 500px) { .comment-respond i.pull-left { display: none; } .comment-respond .comment-form { margin-left: 0; } } /* **shortcodes */ /* media component with icon */ .small-teaser { line-height: 20px; } .small-teaser i { line-height: inherit; } /*teasers*/.teaser { position: relative; overflow: visible; } .teaser[class*="_bg_color"], .teaser[class*="with_"] { padding: 36px 55px; } @media (max-width: 500px) { .teaser[class*="_bg_color"], .teaser[class*="with_"] { padding: 16px 20px; } } .teaser [class*="_bg_color"] { width: 2em; height: 2em; text-align: center; vertical-align: bottom; } .teaser [class*="_bg_color"] + h4 { margin-top: 24px; } .teaser [class*="_bg_color"] i { line-height: 2em; } .teaser i { text-align: center; vertical-align: middle; display: inline-block; color: #ffffff; } .teaser h2 { font-size: 50px; font-weight: 400; margin-bottom: 33px; position: relative; padding-bottom: 10px; } .teaser h2:after { content: ''; position: absolute; width: 50px; margin-left: -25px; height: 1px; background-color: rgba(204, 204, 204, 0.2); bottom: -12px; left: 50%; } .teaser h3 { margin-bottom: 16px; font-size: 24px; } .teaser h4 { font-size: 20px; margin-top: 38px; margin-bottom: 30px; } .teaser .media-left { padding-right: 20px; } @media (max-width: 991px) { .teaser .media-left { padding-right: 10px; } } .teaser .media-body h3 { margin-bottom: 20px; font-size: 28px; } .teaser .media-body h4 { margin-bottom: 6px; } .teaser .media-body h5 { font-size: 16px; margin-bottom: 6px; } .teaser .media-body h5 + p { line-height: 1; } @media (max-width: 500px) { .teaser h2, .teaser h3, .teaser h4 { font-size: 1.4em; } .teaser h2 span, .teaser h3 span, .teaser h4 span { font-size: 1.2em; } } .teaser [class*="count"] { font-size: 56px; font-weight: 700; margin: 17px 0 6px; } .teaser [class*="count"] + p { margin: 0; font-size: 20px; } .teaser .theme_button { margin: 22px 0 0; } .section_padding_bottom_0 .teaser { margin-bottom: 0; } .thin-media.media { margin-top: 9px; } .media-left.fontsize_16 { padding-right: 15px; } .media-left.fontsize_16 i { display: inline-block; width: 16px; text-align: center; } .border_icon, .icon.with_background { width: 2.143em; height: 2.143em; box-shadow: 10px 20px 20px #ccc; } .border_icon i, .icon.with_background i { line-height: 2.143em; display: block; } .border_icon { border: 1px solid rgba(0, 0, 0, 0.15); } .border_icon.big { width: 3.57em; height: 3.57em; } .border_icon.big i { line-height: 3.5em; border-radius:50px; background-color: #ffffff; } .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 i { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.8, 1.91, 0.74, 1.91) 0s; transition: -webkit-transform 0.3s cubic-bezier(0.8, 1.91, 0.74, 1.91) 0s; transition: transform 0.3s cubic-bezier(0.8, 1.91, 0.74, 1.91) 0s; transition: transform 0.3s cubic-bezier(0.8, 1.91, 0.74, 1.91) 0s, -webkit-transform 0.3s cubic-bezier(0.8, 1.91, 0.74, 1.91) 0s; } .teaser_icon + p { margin-top: 27px; } .teaser:hover .teaser_icon { -webkit-animation: scaleDisappear 0.5s; animation: scaleDisappear 0.5s; } .media-left .teaser_icon { display: block; } .teaser:hover .teaser_icon.size_small.big { -webkit-animation: none; animation: none; } .teaser:hover .teaser_icon.size_small.big i { -webkit-transform: scale(1.5); transform: scale(1.5); } @media (min-width: 1200px) { .borders-angle { position: relative; } .borders-angle:before, .borders-angle:after { content: ''; position: absolute; width: 1px; top: -30px; bottom: 28px; left: -1px; background-color: rgba(26, 26, 26, 0.1); -webkit-transform: rotate(15deg); transform: rotate(15deg); } .borders-angle:after { left: auto; right: -5px; } } .size_big { font-size: 64px; } .size_normal { font-size: 46px; } .size_small { font-size: 28px; background-color: #d42121; box-shadow: 10px 20px 30px #ccc; } /*horizontal teaser*/ .teaser.table_section { margin-top: 26px; } .teaser.table_section + .teaser.table_section { margin-top: 70px; } @media (min-width: 768px) { .teaser.table_section [class*="col-"] > * { margin: 0; top: 0; } } @media (max-width: 767px) { .teaser.table_section [class*="col-"] * { text-align: center; } } /* background teaser */ .bg_teaser { background-size: cover; background-repeat: no-repeat; background-position: 50% 0; position: relative; color: #ffffff; overflow: hidden; } .bg_teaser .bg_overlay { 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 .bg_overlay { background-color: rgba(70, 165, 229, 0.85); } .color_bg_2 .bg_overlay { background-color: rgba(252, 190, 17, 0.9); } .color_bg_3 .bg_overlay { background-color: rgba(202, 87, 82, 0.9); } .darkgrey_bg .bg_overlay { background-color: rgba(50, 50, 50, 0.8); } .square_teaser .item-media:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(50, 50, 50, 0.8); } .square_teaser .item-content { top: 0; margin: 30px 0 80px; overflow: hidden; } .square_teaser .teaser_icon { color: #46a5e5; position: absolute; bottom: 30px; left: 30px; } .square_teaser .item-media:after, .square_teaser .teaser_icon, .square_teaser h4, .square_teaser p { -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .square_teaser h4 { color: #ffffff; font-size: 28px; font-weight: 700; } .square_teaser p { color: #ffffff; opacity: 0; } .square_teaser:hover h4, .square_teaser:hover .teaser_icon { color: #323232; } .square_teaser:hover p { opacity: 1; } .square_teaser:hover .item-media:after { background-color: #46a5e5; } .square_teaser.no-image .item-content { margin: 0; } .square_teaser.no-image .teaser_icon { position: static; } .square_teaser.no-image p { opacity: 1; } /*thumbnail*/ .thumbnail { position: relative; text-align: center; border-radius: 0; padding: 0; border: none; overflow: hidden; background-color: #ffffff; } .isotope-item .thumbnail { margin-bottom: 30px; } .thumbnail h3 { font-size: 20px; margin-bottom: 2px; } .thumbnail h3 a { color: inherit; } .thumbnail h3 + p { color: #46a5e5; margin-bottom: 10px; } .thumbnail .caption { color: #818181; background-color: #ffffff; padding: 16px 20px 26px; } /* totop */ #toTop { bottom: 0; right: 10px; display: none; width: 40px; height: 40px; overflow: hidden; position: fixed; text-decoration: none; z-index: 9999; font-size: 0; color: transparent; border-radius:50px; background-color: rgba(15, 15, 15, 0.74); } #toTop:after { color: #ffffff; content: '\f106'; font-size: 16px; line-height: 40px; 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: 3px; opacity: 1; } #toTop:hover:after { color: #ffffff; } #toTop:active, #toTop:focus { outline: medium none; } .footer-widget { background-color: #000000; } .highlight span{ color:#fff; } .info i{ color:#fff; } .page_copyright{ background:#000000; } .page_copyright a:hover{ color:#fff; } .page_breadcrumbs{ background:rgba(20, 20, 20, 1); } .page_toplogo{ padding-top:20px; padding-bottom:20px; }