/*carousel*/ .carousel { overflow: hidden; } .carousel-indicators li { width: 12px; height: 12px; border-width: 0; background-color: transparent; border: 1px solid #323232; margin: 0 6px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .carousel-indicators li:hover { opacity: 0.6; background-color: #323232; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0 6px; background-color: #323232; } .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 { line-height: 1; display: block; text-transform: none; font-weight: 700; padding: 22px 65px 22px 40px; color: #818181; background-color: #f2f2f2; border: none; word-wrap: break-word; } .panel-heading .panel-title > a.collapsed:hover, .panel-heading .panel-title > a:hover { background-color: rgba(242, 242, 242, 0.7); } .panel-heading .panel-title > a.collapsed { background-color: transparent; } .panel-heading .panel-title > a:after { color: #323232; content: '+'; position: absolute; line-height: 58px; text-align: center; right: 0; top: 0; bottom: 0; width: 60px; letter-spacing: 0; } .panel-heading .panel-title > a.collapsed:after { content: '-'; } .panel-heading .panel-title > a > i { position: relative; top: 1px; padding-right: 12px; } .panel { box-shadow: none; border: none; box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1); } .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: 20px; } .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; } /*progress bars*/ p + .progress { margin-top: -10px; } .progress { overflow: hidden; height: 40px; position: relative; border-radius: 0; box-shadow: none; border: none; } .progress-bar { background-color: #46a5e5; color: inherit; box-shadow: none; height: 40px; } .progress-bar span { position: relative; color: #ffffff; top: 10px; font-size: 0.9em; } .progress-bar-info { background-color: #8aa5ec; } .progress-bar-warning { background-color: #f0ad4e; } .progress-bar-danger { background-color: #d9534f; } .alert { border-radius: 0; border-width: 0 0 0 4px; padding: 30px; } .media { margin-top: 16px; } .media .media-object { max-width: 100px; } /*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: 0; outline: none; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .btn:hover, .btn:focus { outline: none; } li.media:before, li.media:after { display: block; content: ''; clear: both; } /* 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; } h1, h2, h3, h4, h5, h6 { font-weight: 300; line-height: 1; word-break: break-word; } h1 { font-size: 50px; } h2 { font-size: 62px; } h4 { font-size: 28px; } h5 { font-size: 20px; } h6 { font-size: 16px; } h4, h5, h6 { text-transform: uppercase; } @media (max-width: 1199px) { h1 { font-size: 60px; } h2 { font-size: 40px; } h3 { font-size: 32px; } h4 { font-size: 24px; } } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } p { margin-bottom: 25px; } p:last-child { margin-bottom: 0; } 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 { 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; } a img { -webkit-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; } 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: #000; background-color: #fff; border-radius: 0px; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; border-radius:50px; } .theme_buttons a, .theme_button :hover{ background:#000; color:#fff; transition:1s; } .theme_buttons.color1 a, .theme_button.color1 { background-color: #46a5e5; border-color: #46a5e5; } .theme_buttons.color2 a, .theme_button.color2 { background-color: #ca5752; border-color: #ca5752; } .theme_button:active, .theme_button:hover, .theme_button:focus { color: #fff; text-decoration: none; outline: none; -webkit-transition: all 0.05s linear 0s; transition: all 0.05s linear 0s; background:#000; } .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: #fff; -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:#8454dd; ; } .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; color: #ffffff; } .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; } /* **boxed layout */ #box_wrapper, #canvas { overflow: visible; position: relative; } #canvas.boxed { padding: 1px 0; } #box_wrapper.container, #box_wrapper > section, #box_wrapper > div > section { overflow: hidden; } body.boxed { position: static; width: auto; height: auto; } .pattern1 { background-image: url(../img/pattern1.png); } .pattern2 { background-image: url(../img/pattern2.png); } .pattern3 { background-image: url(../img/pattern3.png); } .pattern4 { background-image: url(../img/pattern4.png); } .pattern5 { background-image: url(../img/pattern5.png); } .pattern6 { background-image: url(../img/pattern6.png); } .pattern7 { background-image: url(../img/pattern7.png); } .pattern8 { background-image: url(../img/pattern8.png); } .pattern9 { background-image: url(../img/pattern9.png); } .pattern10 { background-image: url(../img/pattern10.png); } .pattern11 { background-image: url(../img/pattern11.png); } .boxed .container { max-width: 100%; padding-left: 50px; padding-right: 50px; } @media (min-width: 1300px) { .boxed #box_wrapper.container { width: 1270px; } } @media (min-width: 1600px) { .boxed #box_wrapper.container { width: 1560px; } } @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); } .boxed #box_wrapper.container.top-bottom-margins { margin-top: 80px; margin-bottom: 80px; } /* **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; } .response, .highlight { color: #46a5e5; border-color: #46a5e5; } .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: #323232; } .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: #46a5e5; } .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; color: #ffffff; } .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 .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; } /**common dark and dark muted sections - .ds and .ds.ms*/ /**darkgrey section - .ds*/ .ds { background-color: #323232; color: #818181; } /**dark section - .ds.ms*/ .ds.ms { background-color: #1a1a1a; } .ds.ms .with_shadow { background-color: #323232; } .ds { /* shop */ } .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: #46a5e5; } .ds .ls { background-color: #ffffff; color: #818181; } .ds .ls h1, .ds .ls h2, .ds .ls h3, .ds .ls h4, .ds .ls h5, .ds .ls h6 { color: #323232; } .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: rgba(50, 50, 50, 0.2); } .ds .ls a { color: #46a5e5; } .ds .ls a:hover { color: #323232; } .ds .ls .with_background { background-color: #e5e5e5; } .ds .ls .greylinks a:hover { color: #323232; } .ds .ls .lightgrey { color: #4d4d4d; } .ds .ls .theme_button { color: #ffffff; } .ds .ls .theme_button:hover, .ds .ls .theme_button:focus { color: rgba(255, 255, 255, 0.5); } .ds .ls .theme_button.inverse { color: #4d4d4d; border-color: #4d4d4d; } .ds .ls .theme_button.inverse:hover, .ds .ls .theme_button.inverse:focus { color: rgba(50, 50, 50, 0.2); } .ds + .page_footer.ds { background-color: #1a1a1a; } .ds a { color: #46a5e5; } .ds a:hover { color: #ffffff; } .ds .filters a { color: #ffffff; } .ds hr { border-color: rgba(255, 255, 255, 0.1); } .ds .breadcrumb.darklinks a { color: #ffffff; } .ds .blockquote-big:before, .ds .blockquote-big:after { color: #2c2c2c; } .ds .theme_buttons a, .ds .theme_button { color: #ffffff; } .ds .theme_buttons a:after, .ds .theme_button:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.02); } .ds .theme_buttons a:hover, .ds .theme_buttons a:focus, .ds .theme_button:hover, .ds .theme_button:focus { color: rgba(255, 255, 255, 0.5); } .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 { color: rgba(255, 255, 255, 0.5); } .ds .theme_buttons.inverse a.color1, .ds .theme_button.inverse.color1 { border-color: #46a5e5; } .ds .theme_buttons.inverse a.color1:hover, .ds .theme_button.inverse.color1:hover { color: #46a5e5; } .ds .social-icon.color-icon:hover { color: #ffffff; } .ds .with_shadow { background-color: #1a1a1a; box-shadow: 0px 0 15px rgba(0, 0, 0, 0.2); } .ds .with_shadow.ls { background-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: rgba(255, 255, 255, 0.1); } .ds .highlight { color: #46a5e5; } .ds .highlight2 { color: #ca5752; } .ds .grey, .ds .black { color: #ffffff; border-color: #ffffff; } .ds .highlightlinks a { color: #46a5e5; } .ds .highlightlinks a:hover { opacity: 0.5; } .ds .greylinks a { color: #818181; } .ds .greylinks a:hover { color: #ffffff; } .ds .darklinks a { color: #cdcdcd; } .ds .darklinks a:hover { opacity: 0.2; } .ds.with_top_border:before, .ds.with_bottom_border:after { background-color: rgba(255, 255, 255, 0.1); } .ds .section_header + p { color: inherit; } .ds input[type="text"], .ds input[type="email"], .ds input[type="url"], .ds input[type="password"], .ds input[type="search"], .ds input[type="tel"], .ds textarea, .ds select, .ds .form-control { color: #ffffff; background-color: #323232; border-color: rgba(255, 255, 255, 0.1); } .ds form label + [class*="icon-"] { color: #ffffff; } .ds .form-group-select:before { border-color: rgba(255, 255, 255, 0.1); } .ds .form-control:-moz-placeholder { color: #cdcdcd; opacity: 1; } .ds .form-control::-moz-placeholder { color: #cdcdcd; opacity: 1; } .ds .form-control:-ms-input-placeholder { color: #cdcdcd; } .ds .form-control::-webkit-input-placeholder { color: #cdcdcd; } .ds .contact-form.transparent-background .form-control { border-color: rgba(255, 255, 255, 0.1); } .ds .border-paragraphs p { color: #ffffff; border-color: rgba(255, 255, 255, 0.1); } .ds .table, .ds .table-bordered, .ds .table th, .ds .table td { border-color: rgba(255, 255, 255, 0.1); } .ds .table-striped > tbody > tr:nth-child(odd), .ds .table-striped > tbody > tr:nth-child(odd) > td, .ds .table-striped > tbody > tr:nth-child(odd) > th { border-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.06); } .ds .color-icon.bg-icon { background-color: #ffffff; } .ds .color-icon.bg-icon:hover { color: #ffffff; } .ds .color-bg-icon:hover { background-color: #46a5e5; } .ds .tab-content, .ds .nav-tabs > li > a { background-color: rgba(255, 255, 255, 0.06); } .ds .nav-tabs > li.active > a, .ds .nav-tabs > li.active > a:hover, .ds .nav-tabs > li.active > a:focus { border-color: #46a5e5; border-bottom-color: transparent; background-color: #46a5e5; color: #ffffff; } .ds .price-table.style1 { background-color: #1a1a1a; } .ds .price-table.style1 .plan-price { color: #ffffff; } .ds .price-table.style2 { background-color: rgba(255, 255, 255, 0.06); } .ds .plan-name { background-color: rgba(255, 255, 255, 0.06); } .ds .plan-price p { color: #ffffff; } .ds .features-list .disabled:before { color: #ffffff; } .ds ul.list1 { color: #ffffff; } .ds ul.list1 li { border-color: rgba(255, 255, 255, 0.1); } .ds .owl-theme .owl-dots .owl-dot span { border-color: #ffffff; } .ds .owl-carousel .owl-dots .owl-dot.active span, .ds .owl-carousel .owl-dots .owl-dot:hover span { background-color: #ffffff; } .ds .testimonials-carousel .media + p { background-color: rgba(255, 255, 255, 0.06); } .ds .side-item { border-color: rgba(255, 255, 255, 0.1); } .ds .entry-excerpt { color: #ffffff; } .ds .comment-meta .author_url { color: #ffffff; } .ds .comment-list article:after { background-color: rgba(255, 255, 255, 0.1); } .ds .comment-respond { border-color: rgba(255, 255, 255, 0.1); } .ds .entry-tags { border-color: rgba(255, 255, 255, 0.1); } .ds .widget_shopping_cart .cart_list, .ds .widget_recent_entries li, .ds .widget_recent_comments li, .ds .widget_archive li, .ds .widget_categories li, .ds .widget_meta li, .ds .widget_nav_menu li, .ds .widget_pages li, .ds .widget_popular_entries li { border-color: rgba(255, 255, 255, 0.1); } .ds .widget_nav_menu ul ul { border-color: rgba(255, 255, 255, 0.1); } .ds .widget_popular_entries .media-heading { color: #ffffff; } .ds .tweet_list li + li .tweet_right { border-color: rgba(255, 255, 255, 0.1); } .ds .widget_tag_cloud a { color: #ffffff; } .ds #calendar_wrap { border-color: rgba(255, 255, 255, 0.1); } .ds .widget_calendar table { border-color: rgba(255, 255, 255, 0.1); } .ds .widget_calendar tfoot td a { border-color: rgba(255, 255, 255, 0.1); } .ds .widget_calendar caption, .ds .widget_calendar thead, .ds .widget_calendar th { color: #ffffff; } .ds .widget_calendar tbody td a:hover { color: #ffffff; } .ds .grid-view h3:before, .ds .grid-view h3:after { background-color: rgba(255, 255, 255, 0.1); } .ds .owl-carousel.product-thumbnails .owl-nav > div:after { color: #ffffff; } .ds .ui-slider { background-color: rgba(255, 255, 255, 0.06); } .ds .ui-slider .ui-slider-handle { background-color: #ffffff; } .ds #sort_view { border-color: rgba(255, 255, 255, 0.1); color: #ffffff; } .ds #toggle_shop_view.grid-view:after, .ds #toggle_shop_view:before { background-color: rgba(247, 247, 247, 0.06); } .ds .widget_layered_nav .color-filters a:before { border-color: rgba(255, 255, 255, 0.1); } .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: rgba(255, 255, 255, 0.1); } .ds .panel-group .panel-heading + .panel-collapse .panel-body { border-color: rgba(255, 255, 255, 0.1); } .ds .vertical-tabs .nav > li > a { background-color: rgba(255, 255, 255, 0.06); } .ds .vertical-tabs .nav > li.active > a, .ds .vertical-tabs .nav > li > a:hover { background-color: #46a5e5; } .ds .entry-meta .comments-link a { color: #ffffff; } .ds #timetable tbody th, .ds #timetable tbody td, .ds .border_icon { border-color: rgba(255, 255, 255, 0.1); } .ds .owl-carousel .owl-nav > div:after, .ds .widget_search .form-inline .theme_button, .ds .widget_mailchimp .form-inline .theme_button, .ds .twitter-slider .owl-carousel:before { color: #ffffff; } .ds .day-cell:before { background-color: #323232; } .ds .day-cell:hover:before { box-shadow: 0px 0 15px rgba(0, 0, 0, 0.4); } .ds .carousel-indicators li { border-color: #ffffff; } .ds .carousel-indicators .active, .ds .carousel-indicators li:hover { background-color: #ffffff; } /**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: #ffffff; } .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; } } /* modal search */ .modal-open .page_header_wrapper, .modal-open .page_header.affix { right: 16px; } #search_modal { color: #fff; } #search_modal a { color: #ffffff; opacity: 0.6; font-size: 12px; text-transform: uppercase; } #search_modal a:hover { color: #46a5e5; opacity: 1; } #search_modal .searchform-respond { width: 300px; margin: 20px auto; } #search_modal .form-control { border: none; background-color: transparent; height: 60px; color: #ffffff; } #search_modal .theme_button { padding: 18px; } #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); } /************** **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; } .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; text-transform: uppercase; word-wrap: break-word; } .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 { } .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; } .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; } #map, .page_map { height: 500px; } #map img, .page_map img { max-width: inherit; } #map p, .page_map p { line-height: 1.3; margin-bottom: 0; } #map .map_marker_description, .page_map .map_marker_description { padding: 10px 5px 5px; } #map .map_marker_icon, .page_map .map_marker_icon { display: none; } section .intro_section .slide_description_wrapper { padding-left: 60px; padding-right: 60px; right: 30px; } @media (max-width: 600px) { section .intro_section .slide_description_wrapper { padding-left: 5px; padding-right: 5px; } } .muted_background .pagination { margin: 40px 40px 20px; } /** * intro_section styles */ /* flexslider */ .intro_section { position: relative; overflow: hidden; clear: both; background-image: url('../css/img/bck1.png'); background-repeat: no-repeat; background-size: cover; padding-top: 280px; padding-bottom: 550px; } .intro_section > img { width: 100%; } .intro_section .flexslider:before, .intro_section .flexslider:after { content: ''; display: block; clear: both; } .intro_section .container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; } .intro_section [class*="col-"] { position: static; } @media (min-width: 600px) { .boxed .intro_section .slide_description_wrapper { padding-left: 60px; padding-right: 60px; } } .intro_section .slide_description_wrapper:before, .intro_section .slide_description { display: inline-block; vertical-align: middle; margin-top: -; } .intro_section .slide_description_wrapper:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .intro_section .slide_description > div { margin: 10px 0; } .intro_section .big { font-weight: 900; text-transform: uppercase; padding-top: 140px; } .intro_section .big + p { text-transform: uppercase; font-weight: 600; letter-spacing: 0.2em; color: #ffffff; } .intro_section .flex-control-nav { text-align: left; } .intro_section .flex-direction-nav a { bottom: 170px; } @media (min-width: 500px) { .intro_section .big { font-size: 62px; } .intro_section .big + p { font-size: 20px; } } @media (min-width: 992px) { .intro_section .big { font-size: 50px; color: #ffffff; } } @media (min-width: 1600px) { .intro_section .big { font-size: 50px; } .intro_section .big + p { font-size: 28px; } } @media (min-width: 1600px) { .intro_section .flex-direction-nav li { position: absolute; bottom: 30px; width: calc(100% - 1170px); height: 62px; text-align: center; } .intro_section .flex-direction-nav li.flex-nav-next { right: 0; } .intro_section .flex-direction-nav li.flex-nav-next a { margin: 0 0 0 50%; } .intro_section .flex-direction-nav li a { position: relative; display: inline-block; left: auto; right: auto; bottom: 0; margin: 0 50% 0 0; } } @media (max-width: 991px) { .intro_section { text-align: center; } .intro_section .nav-container { padding: 0; } .intro_section .flex-control-nav, .intro_section .flex-custom-nav { bottom: 13px; text-align: center; } .intro_section .container { position: static; width: auto; max-width: 100%; } .intro_section .slide_description_wrapper:before { display: none; } .intro_section .slide_description { padding: 30px 10px; display: block; } .intro_section .slide_description_wrapper { padding: 0; position: static; } .intro_section .flex-direction-nav .flex-prev { top: 14%; } .intro_section .flex-direction-nav .flex-next { top: 14%; } .intro_section .flex-direction-nav a { bottom: 55%; } } /* **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; } .sf-menu a:hover, .toggle_menu_button:hover { opacity: 0.7; } @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: #323232; } .header_white .sf-menu > li > a:hover, .header_white .sf-menu > li.active > a { color: #46a5e5; opacity: 1; } .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 { margin-top: 10px; text-align: left; list-style: none; padding: 26px 0; background-color: #ffffff; 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: #323232; 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 { opacity: 0.2; } /* 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: #323232; } .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: #ffffff; 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: 50%; margin-top: -1px; } .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; } } /* **subpages */ .edit-link { text-align: right; display: block; } /*404*/ .page_not_found { background-image: url("../images/404.jpg"); background-position: center; background-size: cover; } .page_not_found .container { padding-top: 13.2%; padding-bottom: 13.2%; } .page_not_found h2 { font-size: 38px; margin: 0 0 26px; } .page_not_found h2 + p { margin-bottom: 5px; } @media (min-width: 768px) { .page_not_found .widget_search .form-inline .form-control { display: block; width: 100%; } } /*about*/ .about-content { padding: 10px 10px 20px; } /* page meta blog */ .page-meta { padding: 9px 40px 30px; } .page-meta h5 { font-size: 14px; font-weight: 300; } .page-meta i { line-height: 0.6; padding-right: 8px; } .page-meta .media { position: relative; padding: 28px 0 0; margin-bottom: 20px; } .page-meta .media + .media:before { content: ''; position: absolute; height: 1px; width: 100%; top: 0; background-color: rgba(150, 150, 150, 0.1); } .page-meta .media-left { padding-right: 8px; } /*blog*/ article iframe { margin-bottom: -8px; } h1.entry-title { font-size: 42px; margin: 0 0 5px; } @media (max-width: 991px) { h1.entry-title { font-size: 32px; } } article.post + article.post, .search article + article, .archive article + article { margin-top: 80px; } article.vertical-item.content-padding .item-content { padding: 32px 38px; } @media (max-width: 400px) { article.vertical-item.content-padding .item-content { padding: 32px 20px; } } article.vertical-item.content-padding.with_padding .item-content { padding: 59px 21px 25px; } .item-footer { padding: 25px 38px; border-top: 1px solid #e6e6e6; line-height: 30px; } .item-footer > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #blog-gallery-slider .item-media { max-height: 600px; } #blog-gallery-slider .item-content { background-color: rgba(50, 50, 50, 0.8); } #blog-gallery-slider .vertical-item.content-absolute .item-content { padding-bottom: 60px; } @media (max-width: 767px) { #blog-gallery-slider .vertical-item.content-absolute .item-content { padding-bottom: 40px; } } #blog-gallery-slider .big { font-weight: 900; text-transform: uppercase; } #blog-gallery-slider .big + p { text-transform: uppercase; font-weight: 600; letter-spacing: 0.2em; } @media (min-width: 768px) { #blog-gallery-slider .big { font-size: 80px; } #blog-gallery-slider .big + p { font-size: 20px; } } @media (min-width: 992px) { #blog-gallery-slider .big { font-size: 110px; } #blog-gallery-slider .big + p { font-size: 24px; } } @media (min-width: 1200px) { #blog-gallery-slider .big { font-size: 150px; } #blog-gallery-slider .big + p { font-size: 28px; } } @media (max-width: 767px) { #blog-gallery-slider .carousel-indicators { margin-bottom: 0; } } .format-status, .format-quote { background-position: center; background-size: cover; } .format-status:before, .format-quote:before { background-color: rgba(50, 50, 50, 0.8); } .format-status .entry-title, .format-quote .entry-title { margin-bottom: 5px; } .format-status { background-image: url("../images/status.jpg"); } .format-status .media { margin-top: 5px; } .format-status img { max-width: 100px; } .format-quote { background-image: url("../images/quote.jpg"); } .format-quote .blockquote-item p:before { margin-top: 0; } .format-chat .comment-list { margin-bottom: 10px; } .format-chat ol { list-style: none; } .format-chat ol .depth-2 { padding-left: 20px; } .format-chat ol p { padding: 5px 0 6px; margin-bottom: 0; } /* mosaic */ .mosaic-post p { margin-bottom: 0; } .mosaic-post .post-social-links { margin: -1px; padding: 18px 40px 17px; } h3.entry-title2 { line-height: 0.8; text-transform: uppercase; margin-bottom: 30px; } h3.entry-title { font-size: 28px; font-weight: 700; margin: 10px 0 14px; } h4.entry-title { margin-bottom: 25px; font-size: 20px; font-weight: 700; text-transform: none; } .categories-links + h4.entry-title { margin-top: 7px; margin-bottom: 30px; } h4.entry-title.bottommargin_5 { margin-bottom: 5px; } h2.search-title { margin: 0 0 30px; font-size: 40px; } .item-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 5px; } .item-meta + .entry-title { margin-top: 5px; } .event-item .item-meta { display: block; } .entry-tags { margin-top: 30px; } .entry-tags .theme_button { margin-right: 6px; } .entry-tags span + span { margin-left: 14px; } .entry-tags i { font-size: 14px; margin-right: 5px; } .entry-meta:before, .entry-meta:after, .comment-meta:before, .comment-meta:after, .post-adds:before, .post-adds:after { display: block; clear: both; content: ''; width: 0; height: 0; } .entry-thumbnail { text-align: center; position: relative; } .entry-thumbnail img { background-color: #ffffff; } .entry-thumbnail[class*='col-'] { margin-bottom: 0; } /* additional meta at the bottom of entry-title */ .post-adds { margin: 22px 0 33px; } .post-adds span { display: inline-block; } .post-adds .item-likes { padding-left: 20px; padding-right: 20px; } .post-adds [class*='votes_count_'] { padding: 0 20px; } .post-adds .views-count, .post-adds .comments-link { padding: 0 20px; line-height: 40px; } .post-adds .theme_button { padding: 10px 6px; min-width: 0; margin-bottom: 0; } .post-adds .theme_button > [class*="rt-icon"] { font-size: 18px; top: 3px; } .post-adds .theme_button.inverse { border-color: transparent rgba(55, 52, 47, 0.1) transparent transparent; border-width: 1px; padding: 12px 8px; } .post-adds .theme_button.inverse > [class*="rt-icon"] { color: #46a5e5; } .post-adds .theme_button:hover > [class*="rt-icon"] { opacity: 0.7; } /* additional meta in corner of thumbnail */ .entry-meta-corner { position: absolute; z-index: 2; text-align: center; color: #ffffff; background-color: #46a5e5; } .entry-meta-corner a { color: #ffffff; } .entry-meta-corner a:hover { color: #46a5e5; } .entry-meta-corner .date { color: #323232; display: block; min-width: 60px; padding: 0 3px; text-transform: uppercase; } .entry-meta-corner .date strong { color: #ffffff; display: block; font-size: 42px; font-weight: 100; padding: 12px 0 0; } .entry-meta-corner .comments-link { line-height: 1; display: block; padding: 2px 5px; background-color: #323232; } .entry-meta-corner .comments-link i { position: relative; top: 1px; } .categories-links a + a { margin-left: 6px; } /* highlight first letter in blog post */ .entry-content p.big-first-letter:first-letter { font-size: 60px; line-height: 60px; font-weight: 700; color: #46a5e5; float: left; margin-right: 10px; } .entry-excerpt { font-size: 20px; line-height: 30px; margin: 8px 0 30px; } .entry-excerpt p { margin-bottom: 16px; } .blog-more-toggle { display: block; text-transform: uppercase; padding: 9px 0; margin: 32px 0 80px; background-color: rgba(128, 128, 128, 0.05); } .blog-more-toggle .blog-more-visible { display: inline; } .blog-more-toggle .blog-more-hidden { display: none; } .blog-more-toggle.collapsed .blog-more-visible { display: none; } .blog-more-toggle.collapsed .blog-more-hidden { display: inline; } .st_facebook_hcount, .st_twitter_hcount, .st_googleplus_hcount { position: relative; text-align: right; } .st_facebook_hcount span, .st_twitter_hcount span, .st_googleplus_hcount span { -ms-box-sizing: content-box; box-sizing: content-box; } .author-meta h4 { font-size: 25px; text-transform: none; font-weight: 700; margin: 0 0 20px; } .author-meta .item-content { position: relative; padding: 32px 45px 12px 45px; } @media (min-width: 992px) { .author-meta .item-content { padding-left: 10px; } } /* events */ .event-item .item-content { padding: 32 38px; } @media (max-width: 991px) { .event-item .item-content { padding: 32px 38px; } } @media (max-width: 400px) { .event-item .item-content { padding: 32px 20px; } } .event-item .item-content i { padding-right: 5px; } /*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; } .comment-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; } } .blog-button { background-position: center; background-size: cover; padding: 30px 35px; } .blog-button:before { background-color: #323232; opacity: 0.8; -webkit-transition: all 0.2s; transition: all 0.2s; } .blog-button:hover:before { opacity: 0.5; } .blog-button .media-links { z-index: 5; } .blog-button .media-links:before { display: none; } .blog-button .entry-title { line-height: 30px; } .blog-button.blog-prev { background-image: url("../images/blog-prev.jpg"); } .blog-button.blog-next { background-image: url("../images/blog-next.jpg"); } /* gallery */ #isotope_filters, .filters { margin: 0 0 65px; padding: 0; list-style: none; } #isotope_filters li, .filters li { display: inline-block; margin: 0; padding: 0; } #isotope_filters a, .filters a { color: #323232; font-size: 12px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; padding: 10px 38px; } #isotope_filters a:hover, .filters a:hover { opacity: 0.2; } #isotope_filters a.selected, #isotope_filters a.active, .filters a.selected, .filters a.active { color: #46a5e5; } .gallery-item { overflow: hidden; position: relative; } .gallery-item .item-content { padding: 0 40px 5px; } .gallery-item h4.item-meta { display: block; font-size: 16px; text-align: center; margin-bottom: 0; z-index: 5; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .gallery-item:hover h4.item-meta { -webkit-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .gallery-extended-item h3 { font-size: 20px; font-weight: 700; margin: 0 0 30px; } .gallery-item .post-adds { margin-bottom: 0; } .gallery-title-item + .item-title { padding: 30px 0 65px; } .gallery-title-item + .item-title h3 { font-size: 20px; font-weight: 700; margin-top: 0; } i.loadmore_spinner { font-size: 30px; opacity: 0.3; margin: 10px 0 20px; } #gallery-owl-carousel .owl-item { padding: 15px; } /* gallery single */ .gallery-single-title { margin: 12px 0 0; } @media (min-width: 768px) { .gallery-single-title { font-size: 60px; } } .gallery-single-title + .block-header { margin-bottom: 40px; } .share-gallery-single { margin: 40px 0 16px; } .items-nav { padding: 30px 23px; } .items-nav[class*='display_table_'] { margin-top: 30px; } .items-nav h4 { margin: -5px 0 0; } .items-nav .media { position: relative; padding: 10px 0; } .items-nav .next-item img { max-width: none; padding: 0 30px 0 0; } .items-nav .next-item i { right: 0; } .items-nav .prev-item img { max-width: none; padding: 0 0 0 30px; } .items-nav a { position: relative; } .items-nav a i { top: 50%; margin-top: -14px; font-size: 20px; } .items-nav a i.position-absolute { position: absolute; } .owl-carousel.hover-scale { margin-bottom: 50px; } @media (min-width: 768px) { .owl-carousel.hover-scale .owl-stage-outer { overflow: visible; } .owl-carousel.hover-scale .vertical-item { -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .owl-carousel.hover-scale .owl-item:hover .vertical-item, .owl-carousel.hover-scale .owl-item.center .vertical-item { -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 4; overflow: hidden; } } .owl-carousel.related-photos-carousel { margin-bottom: 0; } /* shop single*/ .cart-button { margin: 50px 0 55px; } .share-title { font-size: 20px; margin: 56px 0 18px; } /* shop */ .shop-item .item-content { padding: 30px 40px; } .shop-item .item-price { margin: 9px 0 16px; font-size: 30px; line-height: 1; font-weight: 800; } .shop-item .item-price span { font-size: 40px; } .shop-item .cart-button { margin: 50px 0 28px; } .related-item .item-content { padding: 14px 25px; } .related-item h4 { font-size: 20px; line-height: 24px; } .related-item .cart-button { margin: 14px 0 14px; } /* **widgets */ aside > div + div { margin-top: 80px; } aside .widget + .widget { margin-top: 80px; } /* affix-aside */ .affix-aside { position: relative; } .affix-aside.affix { position: fixed; top: 50px; } @media (max-width: 767px) { .affix-aside, .affix-aside.affix, .affix-aside.affix-bottom { position: static; width: inherit !important; } } .module-header { margin: 0 0 25px; text-transform: capitalize; font-weight: 700; font-size: 25px; } .page_footer .module-header { font-size: 28px; } /*widget_twitter*/ .tweet_avatar { float: left; } .tweet_right { overflow: hidden; zoom: 1; margin-left: 60px; } .tweet_list li + li { margin-top: 10px; clear: both; } .tweet_list li + li .tweet_right { border-top: 1px solid rgba(0, 0, 0, 0.15); } .tweet_list li + li .tweet_right, .tweet_list li + li .tweet_avatar { padding-top: 10px; } .twitter-slider .owl-carousel { padding-left: 60px; } .twitter-slider .owl-carousel.tweet_list { margin-bottom: 0; } @media (max-width: 399px) { .twitter-slider .owl-carousel.tweet_list { padding: 50px 0 0; } } .twitter-slider .owl-carousel:before { content: "\f099"; font-family: FontAwesome; position: absolute; top: 0; left: 0; font-size: 42px; color: #323232; } .twitter-slider .owl-carousel .owl-nav { top: 0; } .twitter-slider .owl-carousel .owl-nav > div { width: 25px; height: 30px; margin: 0; } .twitter-slider .owl-carousel .owl-nav > div:after { font-size: 28px; line-height: 28px; } .twitter-slider .owl-carousel .owl-nav > .owl-next { margin-right: 0; } .twitter-slider .owl-carousel .owl-nav > .owl-prev { left: auto; right: 25px; margin-left: 0; } .twitter-slider li { display: block; } .twitter-slider .tweet_right { margin-left: 0; } .twitter-slider .tweet_text { font-size: 20px; font-style: italic; } /* widget schedule */ .widget_schedule ul { margin: 0; } .widget_tabs .nav-tabs > li > a { padding: 10px 15px; } .widget_rss li { margin-bottom: 15px; } .widget_rss li .rsswidget { font-size: 1.1em; } .widget_rss .rss-date { display: block; font-weight: 700; } .widget_rss cite { display: block; text-align: right; font-weight: 700; } /* **shortcodes */ /* media component with icon */ .small-teaser { line-height: 20px; } .small-teaser i { line-height: inherit; } /*teasers*/ .teaser { position: relative; overflow: visible; padding-top: 50px; } .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; } .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; padding-top: 20px; } .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; } .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; } .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; } /*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; } /* testimonials-carousel */ .testimonials-carousel { padding: 0 0 20px; } .testimonials-carousel .item > p { font-style: italic; padding-left: 40px; margin-bottom: 40px; position: relative; } .testimonials-carousel .item > p:before { font-family: 'PT Sans', sans-serif; font-size: 100px; font-style: normal; content: '\201c'; position: absolute; left: -3px; top: 30px; z-index: 10; } .testimonials-carousel h4 { margin: 0; } .testimonials-carousel h4 + p { margin-bottom: 0; } .testimonials-carousel .carousel-indicators { bottom: -16px; display: none; } .testimonials-carousel .carousel-control { display: none; } .testimonials-carousel .media + p { position: relative; padding: 10px 16px; background-color: #e5e5e5; } .testimonials-carousel .media:after { content: ''; display: block; clear: both; } .testimonials-carousel .media + p:before, .testimonials-carousel .media + p:after { content: ''; position: absolute; left: 0; top: auto; bottom: -18px; border-style: solid; border-width: 18px 0 0 18px; border-color: rgba(0, 0, 0, 0.15) transparent transparent transparent; } .testimonials-carousel .media + p:after { left: auto; right: 0; border-style: solid; border-width: 18px 18px 0 0; } .testimonials-carousel .media-object { max-width: 50px; border-radius: 50%; margin-bottom: 10px; } .testimonials-carousel .carousel-indicators li { border-color: #46a5e5; } .testimonials-carousel .carousel-indicators li.active { background-color: #46a5e5; } .testimonials-control { font-size: 22px; } /*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; } /*price tables*/ .price-table, .price-table ul { margin: 0; padding: 0; list-style: none; text-align: center; } .price-table { margin: 0; } /* price table with background */ .bg_teaser .plan-name { background-color: #f2f2f2; } .bg_teaser .plan-price { background-color: rgba(255, 255, 255, 0.1); } .bg_teaser.color_bg_1 .plan-name h3 { color: #46a5e5; } .bg_teaser.color_bg_2 .plan-name h3 { color: #fcbe11; } .bg_teaser.color_bg_3 .plan-name h3 { color: #ca5752; } .bg_teaser .features-list li + li { border-top: 1px solid rgba(255, 255, 255, 0.1); } .plan-name { padding: 26px 0; } .plan-name h3 { font-size: 28px; text-transform: uppercase; margin: 0; } .plan-price { padding: 67px 0 30px; position: relative; /* per month */ } .plan-price span { font-family: 'Lato', sans-serif; font-size: 62px; font-weight: 900; } .plan-price p { font-size: 12px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: #ffffff; } .features-list { margin-top: 20px; } .features-list li { margin: 0 60px; padding: 14px 0 15px; } @media (max-width: 1199px) { .features-list li { margin: 0 40px; } } .call-to-action { padding: 60px 40px 50px; } .price-table.style1 { margin: 0; border: 0 solid transparent; box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1); } .price-table.style1 .plan-name { } .price-table.style1 .plan-name h3 { color: #000000; font-weight: 500; font-size: 40px; } .price-table.style1 .features-list li { border-top: 1px solid rgba(0, 0, 0, 0.15); } .price-table.style1 .features-list li:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .price-table.style1 .plan-price { color: #ffffff; background-color: rgba(45, 31, 71, 1); } @media (min-width: 992px) { .price-table.style1.hovered { margin: -25px 0; } .price-table.style1.hovered .plan-name { padding: 41px 0; } .price-table.style1.hovered .theme_button { color: #ffffff; background-color: #46a5e5; border-color: #46a5e5; } .price-table.style1.hovered .theme_button:hover { color: rgba(255, 255, 255, 0.5); } } .price-table.style2 { background-color: #e5e5e5; } .price-table.style2 .plan-name { background-color: #46a5e5; padding: 30px 0; } .price-table.style2 .plan-name h3 { color: #ffffff; } .price-table.style2 .plan-price { padding-bottom: 0; color: #323232; } /*contacts*/ .contact-form { position: relative; z-index: 3; } .contact-form label[for] { display: none; } .contact-form textarea { max-height: 200px; } .contact-form.parallax { padding: 50px 50px 35px; background-image: url(../images/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; } } .border-paragraphs { margin: 25px 0 25px; } .border-paragraphs p { padding: 9px 0 10px; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .border-paragraphs p:first-child { border-top: 1px solid rgba(0, 0, 0, 0.15); } /* partners carousel */ .owl-carousel.partners-carousel { margin-bottom: 0; } .light-partner-image a { display: block; position: relative; } .light-partner-image a:before { content: ''; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; background-color: #818181; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .light-partner-image a:hover:before { background-color: #46a5e5; } .highlight-partner-image a { display: block; background-color: #46a5e5; } .highlight-partner-image a:hover { background-color: #323232; } /* highlights section */ @media (min-width: 992px) { .page_highlights > [class*="container"] { padding-top: 0; } .page_highlights .highlight-item { position: relative; -webkit-transition: -webkit-transform 0.6s ease 0s; transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; } .page_highlights .highlight-item:hover, .page_highlights .highlight-item.hovered { -webkit-transform: translateY(-40px); transform: translateY(-40px); } #box_wrapper > .page_highlights { overflow: visible; } .page_highlights .highlight-item { margin-top: -120px; z-index: 2; } } .star-rating2 { display: inline-block; font-family: 'FontAwesome'; position: relative; line-height: 26px; font-size: 14px; } .star-rating2 > fieldset { border: none; display: inline-block; vertical-align: middle; line-height: 1; } .star-rating2 > fieldset:not(:checked) > input { position: absolute; top: -9999px; clip: rect(0, 0, 0, 0); visibility: hidden; } .star-rating2 > fieldset:not(:checked) > label { margin: 0; float: right; width: 1.03em; padding: 0 .05em; overflow: hidden; white-space: nowrap; cursor: pointer; color: #4d4d4d; } .star-rating2 > fieldset:not(:checked) > label:before { content: '\f005 '; } .star-rating2 > fieldset > input:checked ~ label:before { color: #fcbe11; } .star-rating2:hover > fieldset > input:checked ~ label:before { color: #4b4b4b; } .star-rating2 > fieldset:not(:checked) > label:hover:before, .star-rating2:hover > fieldset:not(:checked) > label:hover ~ label:before { color: #fcbe11 !important; } .star-rating2 > fieldset > label:active { position: relative; top: 2px; } /* Calendar */ .calendar-header { line-height: 40px; padding: 20px 0; } .calendar-navigation a.prev, .calendar-navigation a.next { font-size: 12px; text-transform: uppercase; font-weight: 800; letter-spacing: 0.1em; display: inline-block; width: 14.285714%; height: 45px; text-align: center; line-height: 45px; } .calendar-navigation h5 { display: inline-block; padding: 0; margin: 10px 0 0; line-height: 1; } .calendar-navigation h4 { font-size: 40px; text-transform: uppercase; } @media (max-width: 991px) { .calendar-navigation h4 { font-size: 24px; } } .week-days, .week-row, .month-box { font-size: 0; } .week-days { background-color: #46a5e5; overflow: hidden; } .week-days > div { position: relative; display: inline-block; width: 14.285714%; font-size: 12px; text-transform: uppercase; font-weight: 800; letter-spacing: 0.1em; color: #fff; text-align: center; padding: 15px 0; } .day-cell { font-family: 'Lato', sans-serif; position: relative; padding: 3.5% 0; display: inline-block; width: 14.285714286%; text-align: center; cursor: pointer; } .day-cell + .day-cell { border-left: 1px solid #e6e6e6; } .day-cell > * { position: relative; z-index: 2; } .day-cell:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; z-index: 1; -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .day-cell:hover { z-index: 2; } .day-cell:hover:before { -webkit-transform: scale(1.03); transform: scale(1.03); box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1); } .day-cell.not-cur-month { cursor: default; opacity: 0.5; } .day-cell.not-cur-month:before { display: none; } .appointment-calendar .day-cell.selected-day, .day-cell.today { position: relative; } .day-cell.selected-day:before { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border: 10px solid #46a5e5; z-index: 1; } @media (max-width: 767px) { .day-cell.selected-day:before { border-width: 5px; } } .day-cell.selected-day > * { position: relative; z-index: 2; } .day-cell.selected-day > *, .day-cell.today > * { font-weight: 900; color: #46a5e5; } .day-cell.today:before { content: "TODAY"; position: absolute; top: 5px; left: 10px; font-size: 14px; font-weight: 700; color: #fff; } .week-row { border: 1px solid #e6e6e6; } .week-row + .week-row { border-top: none; } .day-cell * { font-size: 14px; } .day-date { font-size: 16px; font-weight: 400; } .events-list a { margin: 5px 0; display: inline-block; font-size: 14px; } @media (max-width: 767px) { .day-cell.today:before, .day-cell * { font-size: 12px; } .day-cell.today:before { top: 0; left: 5px; } .week-days > div { font-size: 12px; } .day-events { bottom: 0; right: 5px; } } @media (max-width: 439px) { .day-cell.today:before, .day-cell * { font-size: 8px; } .day-cell .day-date { font-size: 12px; } .events-list h4 { font-size: 12px; } } /* Appointment page */ .appointment-calendar .selected-day:after { display: none; } .appointment-list { padding: 40px 38px 30px; } .appointment-list .section_header { margin-bottom: 30px; } @media (max-width: 400px) { .appointment-list { padding: 35px 20px; } } .appointment-list p { font-size: 20px; } .appointment-list ul { margin: 0; padding: 0; } .appointment-list li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1); } .appointment-list li { padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .appointment-list li:last-child { border-bottom: none; } .appointment-list li div * { font-size: 14px; } .appointment-list li > div { height: 60px; line-height: 60px; display: inline-block; } .appointment-time { min-width: 220px; padding-left: 10px; } .appointment-time span { margin-left: 15px; color: #fff; } .appointment-slots { margin-left: 110px; } @media (max-width: 991px) { .appointment-slots { margin-left: 40px; } .boxed .appointment-list li > div { display: block; float: none; } .boxed .appointment-slots { margin-left: 0; } } @media (max-width: 767px) { .appointment-list li > div { display: block; float: none; } .appointment-slots { margin-left: 0; } } .appointment-slots span { color: #46a5e5; } .unavailable .appointment-slots span { color: #818181; } .book-appointment { float: right; } .appointment-list li i { position: relative; font-size: 18px; color: #46a5e5; top: 2px; font-weight: 300; } .appointment-list .book-appointment .theme_button { font-size: 12px; padding: 23px; margin: 0; min-width: 170px; } .appointment-list .book-appointment .theme_button.inverse { opacity: 0.2; } .appointment-list .unavailable .book-appointment a { pointer-events: none; } /* **shop */ /* 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: #323232; } .login-dropdown .dropdown-menu { min-width: 400px; padding: 30px 30px; } .login-dropdown .dropdown-menu .form-control { border-color: rgba(0, 0, 0, 0.15); } .cart-dropdown .dropdown-menu { min-width: 400px; padding: 20px 30px; } @media (max-width: 767px) { .login-dropdown, .cart-dropdown { position: static; } .login-dropdown .dropdown-menu, .cart-dropdown .dropdown-menu { margin-left: 0; margin-right: 0; right: 0; left: 0; min-width: 0; } } /* sort panel */ .storefront-sorting { line-height: 1; } .storefront-sorting .form-group { margin-bottom: 15px; } .storefront-sorting label { padding-right: 10px; } #toggle_shop_view:before, #toggle_shop_view:after { font-family: 'layout'; display: inline-block; border: 1px solid #46a5e5; color: #46a5e5; padding: 8px; font-size: 18px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } #toggle_shop_view:before { content: "\e900"; margin-right: 10px; } #toggle_shop_view:after { content: "\e901"; color: #ffffff; background-color: #46a5e5; } #toggle_shop_view.grid-view:before { color: #ffffff; background-color: #46a5e5; } #toggle_shop_view.grid-view:after { color: #46a5e5; background-color: transparent; } #toggle_shop_view { margin-right: 20px; } @media (max-width: 991px) { #toggle_shop_view { display: none; } } #sort_view { color: #323232; display: inline-block; padding: 12px 16px 13px; font-size: 14px; background-color: #ffffff; } .columns-1 .product { width: 100%; margin-right: 0; float: none; } @media (min-width: 992px) { .columns-2 .product { width: 50%; float: left; } .columns-3 .product { width: 33.33333333%; float: left; } .columns-4 .product { width: 25%; float: left; } } #products { margin-left: -15px; margin-right: -15px; } #products:before, #products:after { content: ''; clear: both; display: block; } li.product { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .owl-item .product { padding: 0; } .product .row { position: relative; } .product [class*="col-"] { position: static; } .product [class*="col-"].images a { display: block; position: relative; } .product .vertical-item.content-padding .item-content { padding: 35px 35px 20px; } @media (max-width: 400px) { .product .vertical-item.content-padding .item-content { padding: 35px 20px 20px; } } .product .item-footer { padding-top: 20px; padding-bottom: 30px; } .product .theme_button { margin: 0; } .product h4 { margin-bottom: 20px; } .product .rating-title { font-size: 1.2em; } .product [class*="col-"]:first-child h3 { text-align: center; font-size: 20px; font-weight: 700; margin: 18px 0 24px; position: relative; letter-spacing: 0; } .product .theme_button { margin: 4px 0 11px; padding-right: 25px; padding-left: 25px; min-width: auto; } .product .product-media { position: relative; } .product [class*="col-"]:first-child a span, .product [class*="col-"]:first-child .product-media span { position: absolute; background-color: #ca5752; color: #ffffff; padding: 8px 18px; text-transform: uppercase; top: 20px; right: 20px; } .product [class*="col-"]:first-child a span.onsale, .product [class*="col-"]:first-child .product-media span.onsale { background-color: #46a5e5; left: 20px; bottom: 20px; right: auto; top: auto; } .related > h2 { margin: 20px 0 30px; } .star-rating { overflow: hidden; position: relative; height: 1em; line-height: 1em; font-size: 14px; width: 5.1em; font-family: FontAwesome; margin-bottom: 4px; } .star-rating:before, .star-rating span:before { content: '\f005\f005\f005\f005\f005'; float: left; top: 0; left: 0; position: absolute; letter-spacing: 0.1em; letter-spacing: 0\9; color: #4d4d4d; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span:before { color: #fcbe11; } .product-buttons { position: absolute; bottom: 20px; right: 20px; } .product-buttons a { float: left; width: 40px; height: 40px; font-size: 16px; text-align: center; } .product-buttons a i { line-height: 40px; } .product-buttons a.favorite_button { background-color: #ffffff; color: #323232; } .product-buttons a.add_to_cart_button { color: #ffffff; background-color: #46a5e5; } .product-buttons a.add_to_cart_button.loading [class*='rt-icon'] { display: inline-block; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .product-buttons a.add_to_cart_button.loading [class*='rt-icon']:before { content: "\e61b"; } .product-buttons a:hover { background-color: #323232; color: #ffffff; } .product-buttons a.added_to_cart { background-color: #ffffff; font-size: 0; color: transparent; } .product-buttons a.added_to_cart:hover { background-color: #46a5e5; } .product-buttons a.added_to_cart:before { content: "\e6c0"; line-height: 40px; color: #323232; font-family: 'rt-icons-2'; font-size: 26px; } @media (min-width: 992px) { .list-view .product { float: none; width: 100%; margin-bottom: 60px; } .list-view .product .vertical-item { font-size: 0; } .list-view .product .vertical-item > * { font-size: 16px; display: inline-block; vertical-align: top; } .list-view .product .vertical-item .item-media { width: 40%; } .list-view .product .vertical-item .item-media + div { width: 60%; } .list-view .product .item-content { padding-top: 30px; } .list-view .product .item-footer { border-top: none; padding-top: 0; padding-bottom: 20px; } } /* single-product */ .summary h1 { margin-bottom: 3px; } .summary .product-rating, .summary .woocommerce-product-rating { margin-bottom: 10px; } .summary .price { position: static; margin-top: 20px; font-size: 50px; background-color: transparent; padding: 0; line-height: 1; word-wrap: break-word; } .summary .price del { font-size: 28px; } .summary .star-rating { display: inline-block; top: 4px; margin-right: 20px; } .summary .stock { margin-bottom: 0; } .summary .email-to { margin-bottom: 10px; } .summary .product-option-name { display: inline-block; margin: 10px 0; } .summary .theme_button { margin-top: 0; } .summary .posted_in { margin: 10px 0; } .summary .posted_in .small_button { margin-left: 5px; padding-left: 6px; padding-right: 6px; } .summary ul.list1 li { padding-top: 15px; padding-bottom: 20px; } .summary .reset_variations { padding: 0 5px; } .product_meta_bottom { margin: 0 0 20px; } .product-tabs { margin-top: 30px; } .owl-carousel.product-thumbnails { margin: 30px 0 30px; } .owl-carousel.product-thumbnails .owl-dots { margin: 20px 0 5px; } .owl-carousel.product-thumbnails .owl-dots .owl-dot span { width: 8px; height: 8px; border-width: 1px; } .owl-carousel.product-thumbnails .owl-nav { margin-top: -18px; } .owl-carousel.product-thumbnails .owl-nav > div { right: 0; } .owl-carousel.product-thumbnails .owl-nav > div:first-child { left: 0; } .owl-carousel.product-thumbnails .owl-nav > div:after { font-size: 16px; color: #323232; } .product + .nav-tabs { margin-top: 60px; } .tab-content .comments-area { margin-top: 10px; } .tab-content .comment-respond { margin-top: 30px; } .tab-content .comment-respond h4 { margin-bottom: 0; font-size: 28px; } .comment .star-rating { display: inline-block; top: 5px; margin-left: 10px; } .stars { position: relative; } .stars a { font-size: 12px; display: inline-block; font-weight: 700; text-indent: -9999px; position: relative; border-bottom: 2px solid transparent; color: #46a5e5; letter-spacing: 0.1em; } .stars a.active { border-bottom: 1px solid #46a5e5; } .stars a:after { font-family: "rt-icons-2"; text-indent: 0; position: absolute; top: 0; left: 0; right: 0; } .stars a.star-1 { width: 2em; } .stars a.star-1:after { content: "\e7aa"; } .stars a.star-2 { width: 3em; } .stars a.star-2:after { content: "\e7aa\e7aa"; } .stars a.star-3 { width: 4em; } .stars a.star-3:after { content: "\e7aa\e7aa\e7aa"; } .stars a.star-4 { width: 5em; } .stars a.star-4:after { content: "\e7aa\e7aa\e7aa\e7aa"; } .stars a.star-5 { width: 6em; } .stars a.star-5:after { content: "\e7aa\e7aa\e7aa\e7aa\e7aa"; } .comment-form-rating .stars span { display: block; padding: 20px 0 20px; text-align: center; } /* cart */ .shop-adds { font-size: 20px; font-weight: 300; line-height: 1.4; } .shop-adds .fa { padding: 0 10px; } .shop-adds.teaser { margin-bottom: 0; } .shop-adds.teaser [class*="_bg_color"] { padding: 12px; } .cart-table { margin-bottom: 30px; } .table.cart-table .cart_item .media { margin-left: -15px; } .table.cart-table .cart_item img { max-width: 80px; } .table.cart-table .cart_item h4 { margin-bottom: 12px; } .table.cart-table .cart_item td { vertical-align: middle; padding: 18px 10px; } .cart_totals h4:first-child { margin: 60px 0 30px; } .cart_totals table { margin: 0 0 50px; } .cart_totals table tr td { padding: 20px 10px; } .quantity { position: relative; display: inline-block; } .quantity [type="button"] { position: absolute; right: 0; top: 0; line-height: 1; border: none; width: 22px; height: 24px; background-color: transparent; } .quantity [type="button"].minus { top: auto; bottom: 0; } .quantity [type="number"] { padding-right: 30px; padding-left: 20px; max-width: 70px; min-width: 70px; } /* chekcout */ .shop-info { margin-bottom: 15px; } #createaccount { margin-top: 0; } #ship-to-different-address label { display: inline-block; } #ship-to-different-address label + input { margin: 0 12px; } .wc_payment_method img { display: inline-block; padding: 0 10px; } .checkout [class*='col-'], .shop-register [class*='col-'] { margin-top: 0; margin-bottom: 0; } .lost_password { margin: 15px 0 -15px; } .select2-container .select2-choice { border: none; padding: 10px 20px; border-radius: none; } .shop-checkout-payment { margin-top: 40px; } .shop-checkout-payment .radio { margin: 2px 0; } /* shop widgets */ /* Categories */ .widget_shop_categories > ul > li + li { margin-top: 30px; } .widget_shop_categories ul li ul a { color: #818181; } .widget_shop_categories ul .category-more { display: block; font-family: 'Vidaloka', serif; font-size: 20px; margin: 0 0 20px; position: relative; z-index: 1; } .widget_shop_categories ul i { display: inline-block; width: 24px; height: 24px; text-align: center; position: absolute; font-size: 24px; line-height: 20px; color: #46a5e5; top: 3px; right: 5px; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .widget_shop_categories ul .collapsed + i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .widget_shopping_cart .widget-title, .widget_shop_categories .widget-title { margin-bottom: 20px; } /* cart */ .widget_shopping_cart img { max-width: 80px; } .widget_shopping_cart h4 { margin: 0; font-size: 20px; } .widget_shopping_cart .cart_list { padding-bottom: 20px; } .widget_shopping_cart .remove { position: absolute; top: 50%; right: 0; margin-top: -15px; font-size: 20px; } .widget_shopping_cart .media { overflow: visible; } .widget_shopping_cart .media-left { padding-top: 0 !important; padding-right: 30px; } .widget_shopping_cart .media-left img { max-width: 90px; padding: 0 10px; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.15); } .widget_shopping_cart .quantity { display: inline-block; font-size: 25px; font-family: 'Roboto', sans-serif; font-weight: 300; } /* price filter */ .widget_price_filter input[readonly] { font-style: normal; background-color: transparent; padding: 0; height: auto; border: none; display: inline-block; } .widget_price_filter .ui-slider-range { background-color: #46a5e5; } .widget_price_filter .ui-slider-horizontal { margin-bottom: 15px; } .widget_price_filter label[for] { display: inline-block !important; padding-right: 4px; } .widget_price_filter .form-group { display: none; } .widget_price_filter .theme_button { margin: 25px 0 0; } /*! jQuery UI - v1.11.1 - 2014-10-03 * http://jqueryui.com * Includes: core.css, slider.css * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { position: relative; text-align: left; background-color: #e6e6e6; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 9px; height: 9px; cursor: pointer; -ms-touch-action: none; touch-action: none; background-color: #46a5e5; border-radius: 50%; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: 3px; } .ui-slider-horizontal .ui-slider-handle { top: -3px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* color layered nav */ .widget_layered_nav .color-filters li { display: inline-block; margin: 0 29px 14px 0; } .widget_layered_nav .color-filters a { display: inline-block; width: 23px; height: 23px; font-size: 0; background-color: #ccc; color: transparent; position: relative; } .widget_layered_nav .color-filters a:before { content: ''; display: block; position: absolute; border: 1px solid rgba(0, 0, 0, 0.15); top: -2px; left: -2px; bottom: -2px; right: -2px; } .widget_layered_nav .color-filters span { position: relative; top: 2px; left: 5px; } /* widget_products */ .widget_products .media-object { max-height: 90px; overflow: hidden; } .widget_products img { max-width: 90px; } .widget_products .media h3 { font-size: 20px; line-height: 1.4; font-weight: 700; margin: 3px 0; } .widget_products .star-rating { margin-bottom: 10px; } .widget_products .price { position: static; background-color: transparent; padding: 0; } .widget_products .add_to_cart_button { display: inline-block; width: 20px; height: 20px; font-size: 14px; text-align: center; background-color: #46a5e5; color: #ffffff; margin-right: 5px; } .widget_products .add_to_cart_button:hover { color: #ffffff; background-color: #323232; } /*widget_top_rated_products*/ .widget_top_rated_products img { max-width: 80px; } /*widget_recent_reviews*/ .widget_recent_reviews li { margin-bottom: 16px; } .widget_recent_reviews li:before, .widget_recent_reviews li:after { content: ''; display: block; clear: both; } .widget_recent_reviews img { display: block; float: left; max-width: 80px; margin-right: 10px; } /* **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 { display: block; width: 100%; -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; margin-bottom: 30px; } .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: 12px; height: 12px; margin: 6px 8px; border: 2px solid #4d4d4d; display: block; -webkit-backface-visibility: visible; -webkit-transition: all 200ms ease; transition: all 200ms ease; border-radius: 50%; } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background-color: #4d4d4d; } .owl-carousel .owl-nav { -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .owl-carousel .owl-nav > div { color: transparent; font-size: 0; display: inline-block; right: 0; text-align: center; width: 40px; height: 40px; background-color: #ffffff; } .owl-carousel .owl-nav > div:first-child { left: 0; right: auto; } .owl-carousel .owl-nav > div:after { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-family: 'FontAwesome'; font-size: 42px; line-height: 38px; content: "\f105"; color: #323232; } .owl-carousel .owl-nav > div:first-child:after { content: "\f104"; } .owl-carousel .owl-nav > div:hover:after { opacity: 0.2; } @media (min-width: 1300px) { .owl-carousel.offset-nav .owl-nav > div.owl-prev { margin-left: -75px; } .owl-carousel.offset-nav .owl-nav > div.owl-next { margin-right: -75px; } } @media (min-width: 1700px) { .owl-carousel.offset-nav .owl-nav > div.owl-prev { margin-left: -220px; } .owl-carousel.offset-nav .owl-nav > div.owl-next { margin-right: -220px; } } @media (max-width: 1299px) { .owl-carousel.offset-nav { padding-right: 60px; padding-left: 60px; } } /* 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 theme */ .owl-theme .owl-nav { position: absolute; top: 50%; right: 0; left: 0; text-align: center; } .owl-theme .owl-nav > div { position: absolute; text-align: center; margin-top: -30px; width: 40px; height: 40px; background-color: transparent; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-dots { margin-top: 15px; } .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(50, 50, 50, 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.4s ease 0.2s; transition: opacity 0.4s ease 0.2s; opacity: 0; } .owl-carousel .owl-item.active { opacity: 1; } .owl-center .owl-item { opacity: 1; } /* flexslider */ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { position: relative; display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } /*.carousel li { margin-right: 5px; }*/ /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; font-size: 0; color: transparent; text-align: center; } .flex-direction-nav .flex-prev { left: 40px; } .flex-direction-nav .flex-next { right: 40px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; } .flexslider:hover .flex-next { opacity: 0.7; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0; filter: alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 40px; content: '\f104'; color: #ffffff; position: absolute; top: 5px; left: 12px; } .flex-direction-nav a.flex-next:before { content: '\f105'; left: 14px; } .flexslider.text-nav .flex-direction-nav a { top: auto; height: auto; width: auto; opacity: 0.2; font-size: 62px; line-height: 1; text-transform: uppercase; font-weight: 900; color: #ffffff; } @media (max-width: 1199px) { .flexslider.text-nav .flex-direction-nav a { font-size: 36px; } } .flexslider.text-nav .flex-direction-nav a.flex-prev { left: 10px; } .flexslider.text-nav .flex-direction-nav a.flex-next { right: 10px; } .flexslider.text-nav .flex-direction-nav a:before { display: none; } .flexslider.text-nav .flex-direction-nav a:hover { opacity: 1; } .flexslider.text-nav:hover .flex-nav, .flexslider.text-nav:hover .flex-prev { opacity: 0.2; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: 'rt-icons-2'; font-size: 20px; display: inline-block; content: "\e6a2"; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: "\e711"; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: 42px; text-align: center; z-index: 10; } .flex-control-nav li { text-align: center; display: inline-block; padding: 0 4px; zoom: 1; *display: inline; } .flex-control-paging li a { width: 12px; height: 12px; display: block; color: transparent; border: 2px solid #323232; cursor: pointer; text-indent: -9999px; border-radius: 50%; } .ds .flex-control-paging li a, .cs .flex-control-paging li a { border-color: #ffffff; } .flex-control-paging li a:hover { border-color: #46a5e5; } .flex-control-paging li a.flex-active { border-color: #46a5e5; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 600px) { .flex-direction-nav .flex-prev { top: 14%; } .flex-direction-nav .flex-next { top: 14%; } } /* custom nav for flex slider*/ .flex-custom-nav { text-align: center; position: absolute; bottom: 38px; right: 0; left: 0; z-index: 3; line-height: 1; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .flex-custom-nav .flex-control-nav { width: auto; display: inline-block; position: static; } .flex-custom-nav .flex-custom-link { font-size: 12px; position: relative; bottom: 7px; margin: 0 8px; color: #323232; } .ds .flex-custom-nav .flex-custom-link, .cs .flex-custom-nav .flex-custom-link { color: #ffffff; } .flex-custom-nav .flex-custom-link:hover { color: #46a5e5; } .intro_section:hover .flex-custom-nav { opacity: 1; } /* prettyPhoto */ div.facebook .pp_expand { background: url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; z-index: 3000; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook .pp_loaderIcon { background: url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat; } div.facebook .pp_arrow_previous { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; margin-top: -2px; } div.facebook .pp_nav .pp_play { background: url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } div.pp_pic_holder a:focus { outline: none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_content { height: 40px; min-width: 40px; overflow: hidden; } * html .pp_content { width: 40px; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; /*margin:10px 0 2px;*/ padding: 7px 10px; background-color: #ffffff; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: auto; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; white-space: nowrap; margin: 2px 4px; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0; } .pp_gallery ul a { border: 1px rgba(0, 0, 0, 0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } div.facebook .pp_gallery .pp_arrow_previous, div.facebook .pp_gallery .pp_arrow_next { margin-top: 7px; } a.pp_next { background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; -webkit-transition: none; transition: none; } a.pp_previous { background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; -webkit-transition: none; transition: none; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 6px; top: -16px; display: block; line-height: 22px; text-indent: -10000px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; position: absolute; top: 50%; width: 24px; margin: -12px 0 0 -12px; } #pp_full_res { line-height: 1; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px; } div.ppt { color: #ffffff; display: none; font-size: 17px; z-index: 9999; margin: 0 0 5px 15px; } .pp_top, .pp_bottom { height: 20px; position: relative; } * html .pp_top, * html .pp_bottom { padding: 0 20px; } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_fade, .pp_gallery li.default a img { display: none; } /* easy pie chart */ .chart { position: relative; display: inline-block; min-height: 150px; min-width: 150px; margin-top: 20px; margin-bottom: 10px; text-align: center; } .chart .chart-meta { position: absolute; width: 100%; top: 50%; margin-top: -30px; } .percent { display: inline-block; font-size: 70px; font-weight: 100; z-index: 2; letter-spacing: -0.05em; } .percent:after { content: '%'; } .angular { margin-top: 100px; } .angular .chart { margin-top: 0; } /* timetable */ #timetable span { display: block; } #timetable th, #timetable td { vertical-align: middle; font-weight: normal; text-align: center; padding: 25px 5px; } #timetable thead { color: #ffffff; } #timetable thead th { border: 1px solid rgba(255, 255, 255, 0.1); border-width: 0 1px; } #timetable tbody th, #timetable tbody td { border: 1px solid #e6e6e6; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } #timetable tbody .current { background-color: #46a5e5; border-color: #46a5e5; } #timetable tbody .current a { color: #ffffff; } /* totop */ #toTop { bottom: 0; right: 0; display: none; width: 60px; height: 50px; overflow: hidden; position: fixed; text-decoration: none; z-index: 9999; font-size: 0; color: transparent; background-color: #46a5e5; opacity: 0.7; } #toTop:after { color: #ffffff; content: '\f106'; font-size: 16px; line-height: 40px; font-family: 'FontAwesome'; text-align: center; display: block; position: absolute; padding-top:10px; 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; } .modal-open #toTop { visibility: hidden; } /* jQuery Countdown styles 2.0.2. */ #comingsoon-countdown { text-align: center; } #comingsoon-countdown:before, #comingsoon-countdown:after { clear: both; display: table; content: ' '; } .countdown-rtl { direction: rtl; } .countdown-row { clear: both; display: table; margin: auto; padding: 20px 0; margin-bottom: 20px; text-align: center; } .countdown-section { display: table-cell; padding: 10px 30px 20px; text-align: center; border-left: 1px solid rgba(0, 0, 0, 0.15); } .countdown-section:first-child { border-left-width: 0; } .countdown-amount { font-size: 90px; line-height: 1; font-weight: 100; color: #46a5e5; } .countdown-period { display: block; font-size: 28px; font-weight: 100; } .countdown-descr { display: block; } @media (max-width: 767px) { .countdown-section { padding: 20px 8px 0; } .countdown-amount { font-size: 40px; } .countdown-period { font-size: 16px; } } /* Twentytwenty */ .twentytwenty-container.twentytwenty-about { margin-right: -23px; margin-left: -23px; } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { margin-top: -6px; width: 12px; height: 12px; position: absolute; } .twentytwenty-left-arrow:before, .twentytwenty-right-arrow:before, .twentytwenty-up-arrow:before, .twentytwenty-down-arrow:before { position: absolute; content: "\f104"; font-family: FontAwesome; font-size: 14px; top: 0; left: 0; right: 0; bottom: 0; line-height: 12px; text-align: center; } .twentytwenty-right-arrow:before { content: "\f105"; } .twentytwenty-yp-arrow:before { content: "\f106"; } .twentytwenty-down-arrow:before { content: "\f107"; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; } .twentytwenty-container { box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: transparent; } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { box-sizing: content-box; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 60px; width: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; background-color: #ffffff; border-radius: 50%; z-index: 40; cursor: pointer; } .twentytwenty-left-arrow { left: 50%; margin-left: -12px; } .twentytwenty-right-arrow { right: 50%; margin-right: -12px; } .twentytwenty-up-arrow { top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { bottom: 50%; margin-bottom: -17px; } /* **icons */ a[class*='soc-']:before { font-family: 'socicon'; font-size: 16px; } a.social-icon { display: inline-block; line-height: 1; text-align: center; vertical-align: middle; } a.social-icon + a.social-icon, .tooltip + a.social-icon { margin-left: 16px; } a.social-icon.bg-icon + a.social-icon.bg-icon { margin-left: 7px; } a.social-icon.color-bg-icon + a.social-icon.color-bg-icon { margin-left: 6px; } a.social-icon.block-icon { width: 100%; } a.social-icon.color-bg-icon + a.social-icon.color-bg-icon, a.social-icon.bg-icon + a.social-icon.bg-icon, a.social-icon.border-icon + a.border-icon { margin-left: 6px; } a.social-icon.color-bg-icon .tooltip + a.social-icon.color-bg-icon, a.social-icon.bg-icon .tooltip + a.social-icon.bg-icon, a.social-icon.border-icon .tooltip + a.social-icon.border-icon { margin-left: 6px; } a[class*='soc-'].rounded-icon { border-radius: 50%; } a.big-icon.social-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 60px; line-height: 60px; padding: 0 30px 0 90px; overflow: hidden; } a.big-icon.social-icon[class*='soc-']:before { position: absolute; top: 0; left: 0; width: 60px; line-height: 60px; border-right: 1px solid #ffffff; font-size: 16px; } a.big-icon.social-icon span { text-transform: uppercase; font-size: 12px; } a.big-icon.social-icon .social-title { font-weight: 700; letter-spacing: 0.05em; } a.big-icon.social-icon + a.big-icon.social-icon { margin: 10px 0 0; } /*corporate colors*/ a.color-icon.soc-twitter, a[class*="soc-"].soc-twitter:hover { color: #00abef; } a.color-icon.soc-facebook, a[class*="soc-"].soc-facebook:hover { color: #507cbe; } a.color-icon.soc-google, a[class*="soc-"].soc-google:hover { color: #d93e2d; } a.color-icon.soc-pinterest, a[class*="soc-"].soc-pinterest:hover { color: #c92619; } a.color-icon.soc-foursquare, a[class*="soc-"].soc-foursquare:hover { color: #23b7e0; } a.color-icon.soc-yahoo, a[class*="soc-"].soc-yahoo:hover { color: #6e2a85; } a.color-icon.soc-skype, a[class*="soc-"].soc-skype:hover { color: #28abe3; } a.color-icon.soc-yelp, a[class*="soc-"].soc-yelp:hover { color: #c83218; } a.color-icon.soc-feedburner, a[class*="soc-"].soc-feedburner:hover { color: #ffcc00; } a.color-icon.soc-linkedin, a[class*="soc-"].soc-linkedin:hover { color: #3371b7; } a.color-icon.soc-viadeo, a[class*="soc-"].soc-viadeo:hover { color: #e4a000; } a.color-icon.soc-xing, a[class*="soc-"].soc-xing:hover { color: #005a60; } a.color-icon.soc-myspace, a[class*="soc-"].soc-myspace:hover { color: #323232; } a.color-icon.soc-soundcloud, a[class*="soc-"].soc-soundcloud:hover { color: #fe3801; } a.color-icon.soc-spotify, a[class*="soc-"].soc-spotify:hover { color: #7bb342; } a.color-icon.soc-grooveshark, a[class*="soc-"].soc-grooveshark:hover { color: #f67e03; } a.color-icon.soc-lastfm, a[class*="soc-"].soc-lastfm:hover { color: #d41316; } a.color-icon.soc-youtube, a[class*="soc-"].soc-youtube:hover { color: #d12121; } a.color-icon.soc-vimeo, a[class*="soc-"].soc-vimeo:hover { color: #51b5e7; } a.color-icon.soc-dailymotion, a[class*="soc-"].soc-dailymotion:hover { color: #004e72; } a.color-icon.soc-vine, a[class*="soc-"].soc-vine:hover { color: #00b389; } a.color-icon.soc-flickr, a[class*="soc-"].soc-flickr:hover { color: #0062dd; } a.color-icon.soc-500px, a[class*="soc-"].soc-500px:hover { color: #58a9de; } a.color-icon.soc-instagram, a[class*="soc-"].soc-instagram:hover { color: #9c7c6e; } a.color-icon.soc-wordpress, a[class*="soc-"].soc-wordpress:hover { color: #464646; } a.color-icon.soc-tumblr, a[class*="soc-"].soc-tumblr:hover { color: #45556c; } a.color-icon.soc-blogger, a[class*="soc-"].soc-blogger:hover { color: #ec661c; } a.color-icon.soc-technorati, a[class*="soc-"].soc-technorati:hover { color: #5cb030; } a.color-icon.soc-reddit, a[class*="soc-"].soc-reddit:hover { color: #e74a1e; } a.color-icon.soc-dribbble, a[class*="soc-"].soc-dribbble:hover { color: #e84d88; } a.color-icon.soc-stumbleupon, a[class*="soc-"].soc-stumbleupon:hover { color: #e64011; } a.color-icon.soc-digg, a[class*="soc-"].soc-digg:hover { color: #1d1d1b; } a.color-icon.soc-envato, a[class*="soc-"].soc-envato:hover { color: #597c3a; } a.color-icon.soc-behance, a[class*="soc-"].soc-behance:hover { color: #007eff; } a.color-icon.soc-delicious, a[class*="soc-"].soc-delicious:hover { color: #31a9ff; } a.color-icon.soc-deviantart, a[class*="soc-"].soc-deviantart:hover { color: #c5d200; } a.color-icon.soc-forrst, a[class*="soc-"].soc-forrst:hover { color: #5b9a68; } a.color-icon.soc-play, a[class*="soc-"].soc-play:hover { color: #5acdbd; } a.color-icon.soc-zerply, a[class*="soc-"].soc-zerply:hover { color: #9dbc7a; } a.color-icon.soc-wikipedia, a[class*="soc-"].soc-wikipedia:hover { color: #000000; } a.color-icon.soc-apple, a[class*="soc-"].soc-apple:hover { color: #b9bfc1; } a.color-icon.soc-flattr, a[class*="soc-"].soc-flattr:hover { color: #f67c1a; } a.color-icon.soc-github, a[class*="soc-"].soc-github:hover { color: #221e1b; } a.color-icon.soc-chimein, a[class*="soc-"].soc-chimein:hover { color: #888688; } a.color-icon.soc-friendfeed, a[class*="soc-"].soc-friendfeed:hover { color: #2f72c4; } a.color-icon.soc-newsvine, a[class*="soc-"].soc-newsvine:hover { color: #075b2f; } a.color-icon.soc-identica, a[class*="soc-"].soc-identica:hover { color: #000000; } a.color-icon.soc-bebo, a[class*="soc-"].soc-bebo:hover { color: #ef1011; } a.color-icon.soc-zynga, a[class*="soc-"].soc-zynga:hover { color: #dc0606; } a.color-icon.soc-steam, a[class*="soc-"].soc-steam:hover { color: #8f8d8a; } a.color-icon.soc-xbox, a[class*="soc-"].soc-xbox:hover { color: #92c83e; } a.color-icon.soc-windows, a[class*="soc-"].soc-windows:hover { color: #00bdf6; } a.color-icon.soc-outlook, a[class*="soc-"].soc-outlook:hover { color: #0072c6; } a.color-icon.soc-coderwall, a[class*="soc-"].soc-coderwall:hover { color: #3e8dcc; } a.color-icon.soc-tripadvisor, a[class*="soc-"].soc-tripadvisor:hover { color: #000000; } a.color-icon.soc-appnet, a[class*="soc-"].soc-appnet:hover { color: #494949; } a.color-icon.soc-goodreads, a[class*="soc-"].soc-goodreads:hover { color: #1abc9c; } a.color-icon.soc-tripit, a[class*="soc-"].soc-tripit:hover { color: #1982c3; } a.color-icon.soc-lanyrd, a[class*="soc-"].soc-lanyrd:hover { color: #3c80c9; } a.color-icon.soc-slideshare, a[class*="soc-"].soc-slideshare:hover { color: #4ba3a6; } a.color-icon.soc-buffer, a[class*="soc-"].soc-buffer:hover { color: #000000; } a.color-icon.soc-rss, a[class*="soc-"].soc-rss:hover { color: #f26109; } a.color-icon.soc-vkontakte, a[class*="soc-"].soc-vkontakte:hover { color: #5a7fa6; } a.color-icon.soc-disqus, a[class*="soc-"].soc-disqus:hover { color: #2e9fff; } a.color-icon.soc-houzz, a[class*="soc-"].soc-houzz:hover { color: #7cc04b; } a.color-icon.soc-mail, a[class*="soc-"].soc-mail:hover { color: #000000; } a.color-icon.soc-patreon, a[class*="soc-"].soc-patreon:hover { color: #e44727; } a.color-icon.soc-paypal, a[class*="soc-"].soc-paypal:hover { color: #009cde; } a.color-icon.soc-playstation, a[class*="soc-"].soc-playstation:hover { color: #000000; } a.color-icon.soc-smugmug, a[class*="soc-"].soc-smugmug:hover { color: #acfd32; } a.color-icon.soc-swarm, a[class*="soc-"].soc-swarm:hover { color: #fc9d3c; } a.color-icon.soc-triplej, a[class*="soc-"].soc-triplej:hover { color: #e53531; } a.color-icon.soc-yammer, a[class*="soc-"].soc-yammer:hover { color: #1175c4; } a.color-icon.soc-stackoverflow, a[class*="soc-"].soc-stackoverflow:hover { color: #fd9827; } a.color-icon.soc-drupal, a[class*="soc-"].soc-drupal:hover { color: #00598e; } a.color-icon.soc-odnoklassniki, a[class*="soc-"].soc-odnoklassniki:hover { color: #f48420; } a.color-icon.soc-android, a[class*="soc-"].soc-android:hover { color: #8ec047; } a.color-icon.soc-meetup, a[class*="soc-"].soc-meetup:hover { color: #e2373c; } a.color-icon.soc-persona, a[class*="soc-"].soc-persona:hover { color: #e6753d; } a.color-icon.soc-amazon, a[class*="soc-"].soc-amazon:hover { color: #ff9900; } a.color-icon.soc-ello, a[class*="soc-"].soc-ello:hover { color: #000000; } a.color-icon.soc-mixcloud, a[class*="soc-"].soc-mixcloud:hover { color: #314359; } a.color-icon.soc-8tracks, a[class*="soc-"].soc-8tracks:hover { color: #122c4b; } a.color-icon.soc-twitch, a[class*="soc-"].soc-twitch:hover { color: #6441a5; } a.color-icon.soc-airbnb, a[class*="soc-"].soc-airbnb:hover { color: #ff5a5f; } a.color-icon.soc-pocket, a[class*="soc-"].soc-pocket:hover { color: #ed4055; } .color-icon.border-icon:hover { border-color: transparent; } /*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: #818181; } a.border-icon { border: 1px solid #818181; border-color: rgba(129, 129, 129, 0.3); padding: 10px 11px; margin-bottom: 4px; margin-top: 4px; } a.bg-icon { color: #ffffff; background-color: #818181; padding: 11px 12px; margin-bottom: 4px; margin-top: 4px; } a.social-icon.color-icon:hover { color: #323232; } a.social-icon.bg-icon:hover { color: #ffffff; } a.color-bg-icon { color: #ffffff; background-color: #323232; margin-bottom: 4px; margin-top: 4px; padding: 11px 12px; } a.social-icon.color-bg-icon:hover { background-color: #46a5e5; color: #ffffff; } a.color-icon:hover { color: #323232; } a.color-icon.border-icon:hover { color: #ffffff; } .demo-icon { display: inline-block; text-align: center; padding: 15px 20px 10px; } .demo-icon span { display: block; } .demo-icon .name { font-size: 1.01em; font-weight: 700; } .demo-icon a[class*="soc-"] { font-size: 24px; margin: 10px 0 0; } .social-icons-demo [class*='col-'] a[class*="soc-"] { margin: 10px; } /* isotope portfolio and gallery pos */ .gallery-item { text-align: center; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.66%; } .gallery-columns-7 .gallery-item { width: 14.28%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.11%; } .gallery-icon img { display: block; margin: 0 auto; width: 100%; } .gallery-caption { display: block; padding: 0.5em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } @media (max-width: 600px) { .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-caption, .gallery-columns-5 .gallery-caption, .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } } .isotope_container { -webkit-transition: height 0.2s ease-in-out 0s; transition: height 0.2s ease-in-out 0s; } .isotope-item[class*='col-'] { margin-top: 0; } .content { padding-top: 100px; } .content-2-7 { background:#000; padding-bottom:100px; } .content-3 { padding-top:150px; padding-bottom:150px; background:rgba(45, 31, 71, 1); } .content-1 { padding-top: 80px; padding-bottom: 80px; background-color: #fbfbfb; } .img-sc { margin-top: -420px; } .team-1-1 { background-color: #f3f3f3; padding-top: 90px; padding-bottom: 90px; } .section_subscribe { background-color: #1e1136; padding-top: 100px; padding-bottom: 100px; } .counter-text span { color: #ffffff; } .content-5 { padding: 100px 0; } .pad { padding-top: 100px; } .contact-1 { padding-top: 150px; padding-bottom: 100px; background-color: #f9f9f9; } .section_padding_50 { padding-top: 100px; padding-bottom: 100px; background-color: #1e1136; } .contentteam-1 { background-color: #f9f9f9; padding-top: 80px; padding-bottom: 80px; } .theme_buttons a, .theme_button:hover { background-color: #000; transition:1s;color: #fff; } .media-body { padding-top: 50px; padding-bottom: 50px; } .pricing-title { padding-bottom: 100px; } .form-container h1{ padding-bottom: 80px;font-weight: 800; } .pricing-title h2 { font-weight: 700; font-size: 50px; } .fa-2x:hover { background: #46a5e5;color: #ffffff; transition:1s; } .price-table:hover { margin-top: -10px; } .price-table.style1.hovered:hover { -webkit-box-shadow: 0px 0px 20px 0px rgba(181,177,181,1); -moz-box-shadow: 0px 0px 20px 0px rgba(181,177,181,1); box-shadow: 0px 0px 20px 0px rgba(181,177,181,1); transition:1s; } .fa-2x:hover { background: rgba(101, 41, 213, 0.8); } .btn.btn-primary:hover { background-color: rgba(0, 0, 0, 0.8); transition:1s; } .theme_buttons a:hover { color: #000000; } .pad h3 { font-weight: 500; font-size: 32px; } .theme_button-2 { border:1px solid #000; padding-top:15px; padding-bottom:15px; padding-right:25px; padding-left:25px; border-radius:50px; color:#000; } .theme_button-2:hover { background:#000; color:#fff; text-decoration:none; }