/*
Theme Name: imevent
Theme URI: http://ovatheme.com
Version: 3.1
Description: Created by ovatheme
Author: ovatheme.com
Author URI: ovatheme
License: GNU General Public License
License URI: license.txt
Tags: ovatheme, light, gray, white, custom-background, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: imevent
---------
DO NOT EDIT THIS FILE.
If you need to overwrite the CSS styling, create a new custom_style.css
in the theme folder and it will automatically load in the .
*/
/* --------------------------------------------------------------------------
* im Event Stylesheet - Table of Content
1 - General
1.1 - Google fonts
1.2 - Preloader
1.3 - Global properties (body, common classes, structure etc)
1.4 - Page section block
1.5 - Typography (section title, links, page dividers)
1.6 - Buttons
1.7 - Form / Input / Textarea
2 - Header
2.1 - Logo
2.2 - Logo hexagon icon
2.3 - Navigation
2.4 - Fixed menu
2.5 - Mobile menu
3 - Content
3.1 - Main slider / Owl carousel
3.2 - Event description
3.3 - Image carousel / Owl carousel
3.4 - Partners carousel / Owl carousel
3.5 - Breadcrumbs
3.6 - Schedule
3.7 - FAQ
3.8 - Blog / Post
3.9 - Comments
3.10 - Pagination / Pager
3.11 - Project / Portfolio
3.12 - Thumbnails / Features
3.13 - Media / Testimonials
4 - Footer
5 - Widgets / Shortcodes / Components
5.1 - prettyPhoto
5.2 - Contact form / af-form
5.3 - Social line
5.4 - Price table
5.5 - Google map
5.6 - Parallax
5.7 - Error page
5.8 - Back to top button
5.9 - Coming soon page
6 - Helper Classes
* -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
* 1 - General
* -------------------------------------------------------------------------- */
/* 1.1 - Google fonts
/* ========================================================================== */
@import url('http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900');
@import url('http://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300,100,100italic,300italic');
@import url('http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700');
/* 1.2 - Preloader
/* ========================================================================== */
#preloader {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #ffffff;
z-index: 999999;
display: none !important;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
margin: -100px 0 0 -100px;
text-align: center;
font-size: 50px;
}
#preloader-title {
margin-top: 47px;
}
.spinner {
position: absolute;
top: 0;
left: 0;
z-index: -1;
font-size: 100px;
width: 2em;
height: 2em;
margin: 0 auto;
border-radius: 50%;
background: #ffffff;
box-shadow: inset 0 0 0 .12em rgba(0, 0, 0, 0.2);
background: -webkit-linear-gradient(#ea032d 50%, #353535 50%), -webkit-linear-gradient(#353535 50%, #ea032d 50%);
background: -webkit-linear-gradient(#ea032d 50%, #353535 50%), -webkit-linear-gradient(#353535 50%, #ea032d 50%);
background: linear-gradient(#ea032d 50%, #353535 50%), linear-gradient(#353535 50%, #ea032d 50%);
background-size: 50% 100%, 50% 100%;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
-webkit-animation: mask 3s infinite alternate;
animation: mask 3s infinite alternate;
}
.spinner:after {
content: '';
position: absolute;
border: .90em solid rgba(255, 255, 255, 1);
top: 5%;
left: 5%;
width: 90%;
height: 90%;
border-radius: inherit;
}
@-webkit-keyframes mask {
0% {
}
25% {
-webkit-transform: rotate(270deg);
}
50% {
-webkit-transform: rotate(90deg);
}
75% {
-webkit-transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(180deg);
}
}
@keyframes mask {
0% {
}
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
50% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
75% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
/* 1.3 - Global properties (body, common classes, structure etc)
/* ========================================================================== */
body {
line-height: 1.33;
background: #fbfbfb;
font-size: 14px;
-webkit-font-kerning: auto;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: visible !important; /* reset animate.css / if hidden parallax buggy */
position: relative; /*overflow-x: hidden;*/
}
/* overflow the content area
* -------------------------------------------------------------------------- */
* {
-ms-word-wrap: break-word;
word-wrap: break-word; /* Prevent Long URL’s From Breaking Out of Container
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto; */
}
.page {
}
.content {
}
.sidebar {
font-size: 14px;
line-height: 1.3;
}
.content .widget + .widget, .sidebar .widget + .widget, .footer .widget + .widget {
margin-top: 50px;
}
.container {
}
.wide .container.full-width {
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0; /*margin-top: -70px;*/
/*margin-bottom: -70px;*/
}
.boxed .container.full-width {
padding-left: 0;
padding-right: 0;
}
/* 1.4 - Page section block
/* ========================================================================== */
.wide .page-section > .container {
/*padding-top: 70px;*/
/*padding-bottom: 70px;*/
/*position: relative;*/
}
.wide .page-section.background-img-slider > .container {
padding-top: 0;
padding-bottom: 0;
}
.wide .page-section, .boxed .page-section > .container {
/*padding-top: 70px;*/
/*padding-bottom: 70px;*/
position: relative;
overflow: hidden; /* small devices */
background-color: #fbfbfb;
}
.boxed .page-section > .container {
padding-left: 30px;
padding-right: 30px;
}
.wide .page-section.dark, .boxed .page-section.dark > .container {
}
.wide .page-section.light, .boxed .page-section.light > .container {
background-color: #f5f5f5;
color: #435469;
}
.wide .page-section.color, .boxed .page-section.color > .container {
background-color: #dc143c;
color: #ffffff;
}
.wide .page-section.image, .boxed .page-section.image > .container {
padding-top: 100px;
padding-bottom: 100px;
background-attachment: fixed;
background-image: url('../img/preview/background-img-slider.html');
background-size: cover !important;
background-position: 50% 0 !important;
background-repeat: no-repeat;
}
.wide .page-section.image > .container, .boxed .page-section.image {
position: relative;
}
.wide .page-section.image:before, .boxed .page-section.image > .container:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: transparent url("assets/img/overlay.png") 50% 0 repeat;
}
.page-section.background-img-slider {
position: relative;
}
.wide .page-section.background-img-slider, .boxed .page-section.background-img-slider > .container {
}
.boxed .page-section.background-img-slider .vc_col-sm-12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.wide .page-section.background-img-slider > .container {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.boxed .page-section.background-img-slider > .container {
padding: 0 !important;
}
.page-section.no-padding {
padding: 0;
}
.page-section.no-padding-top {
padding-top: 0;
}
.page-section.no-padding-bottom {
padding-bottom: 0;
}
.page-section.sub-page {
padding-top: 150px !important;
}
.page-section.with-sidebar {
padding-top: 150px;
margin-bottom: 30px;
}
.body-dark .page-section.with-sidebar {
margin-bottom: 0;
}
.block-title {
}
.block-text {
}
.block-readmore {
margin-top: 40px;
margin-bottom: 40px;
}
/* 1.5 - Typography (section title, links, page dividers)
/* ========================================================================== */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
color: #141f23;
}
/*
h1{
font-size: 33px;
}*/
h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa, h1 .glyphicon, h2 .glyphicon, h3 .glyphicon, h4 .glyphicon, h5 .glyphicon, h6 .glyphicon {
color: #ea032d;
}
.post-title {
font-size: 18px;
}
/* Section title
* -------------------------------------------------------------------------- */
.section-title {
position: relative;
font-size: 24px;
font-weight: 900;
line-height: 1;
margin: 0 0 40px 0;
z-index: 0;
text-transform: uppercase;
color: #0d1d31;
display: table; /*width: 100%;*/
}
.section-title small {
font-size: 24px;
font-weight: 300;
line-height: 1;
text-transform: none;
color: #374146;
}
.section-title .icon-inner {
display: table-cell;
width: 70px;
}
.section-title .title-inner {
display: table-cell;
padding-bottom: 2px;
vertical-align: middle;
}
.image .section-title, .image .section-title small, .dark .section-title, .dark .section-title small, .color .section-title, .color .section-title small {
color: #ffffff;
}
.color .section-title:after {
color: #141f23;
}
.section-title .fa-stack {
width: 50px;
height: 57px;
line-height: 57px;
margin-right: 20px;
font-size: 25px;
}
.section-title .fa-stack .fa {
color: #ffffff;
}
.color .section-title .fa-stack .fa {
color: #dc143c;
}
.section-title .rhex {
background-color: #dc143c;
}
.color .section-title .rhex {
background-color: #ffffff;
}
/* Hexagon icon
* -------------------------------------------------------------------------- */
.rhex {
background-color: #dc143c;
margin-top: 14px;
width: 50px;
height: 28px;
border-radius: 2px;
}
.rhex:before, .rhex:after {
position: absolute;
top: 0;
left: 0;
width: inherit;
height: inherit;
border-radius: inherit;
background-color: inherit;
content: '';
}
.rhex:before {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
}
.rhex:after {
-webkit-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
transform: rotate(-60deg);
}
/* Links, Link color
* -------------------------------------------------------------------------- */
a, a .fa, a .glyphicon, a:hover, a:hover .fa, a:hover .glyphicon, a:active, a:focus {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
}
a {
color: #ea032d;
}
a:hover, a:active, a:focus {
color: #000000;
}
.color a {
color: #ffffff;
}
.color a:hover, .color a:active, .color a:focus {
color: #000000;
}
p {
/*-moz-hyphens: auto;*/
/*-webkit-hyphens: auto;*/
/*-ms-hyphens: auto;*/
/*hyphens: auto;*/
margin-bottom: 20px;
}
ul, ol {
padding-left: 0;
list-style: none;
margin-bottom: 20px;
}
ul ul, ol ol, ul ol, ol ul {
padding-left: 20px;
}
.dropcap {
display: block;
float: left;
font-size: 49px;
line-height: 48px;
margin: 0 10px 0 0;
color: #ea032d;
}
.text-lg {
text-transform: uppercase;
font-size: 24px;
line-height: 1.2;
color: #141f23;
}
/* Page header /* bs3
* -------------------------------------------------------------------------- */
.page-header {
margin-top: 20px;
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
font-size: 36px;
font-weight: 300;
color: #515151;
}
.page-header h1 {
margin: 0;
font-size: 36px;
font-weight: 300;
color: #515151;
}
.page-header h1 small {
display: block;
font-size: 16px;
font-weight: 300;
color: #6f6f6f;
}
/* Page dividers
* -------------------------------------------------------------------------- */
hr {
}
hr.page-divider {
margin-top: 40px;
margin-bottom: 40px;
clear: both;
border-color: #eeeeee;
}
hr.page-divider:after {
content: '';
display: block;
margin-top: 1px;
border-bottom: solid 1px #eeeeee;
}
hr.transparent, hr.page-divider.transparent {
border-color: transparent;
}
hr.page-divider.half {
border-color: transparent;
margin-top: 0;
}
hr.page-divider.small {
border-color: transparent;
margin-top: 0;
margin-bottom: 20px;
}
hr.page-divider.single {
border-color: #646464;
}
hr.page-divider.single:after {
display: none;
}
hr.page-divider.transparent:after, hr.page-divider.half:after, hr.page-divider.small:after {
display: none;
}
.alert {
border-radius: 10px;
}
/* 1.6 - Buttons
/* ========================================================================== */
.btn, .btn:hover, .btn:active, .btn.active {
box-shadow: none;
border-radius: 0;
}
.btn-theme, .btn-theme:hover, .btn-theme:active, .btn-theme.active {
border-radius: 10px;
}
.btn-theme {
color: #ffffff;
background-color: #dc143c;
border-color: #dc143c;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
line-height: 1;
padding: 15px 35px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn-theme:hover {
background-color: #435469;
border-color: #435469;
color: #ffffff;
}
.color .btn-theme {
color: #dc143c;
background-color: #ffffff;
border-color: #ffffff;
}
.color .btn-theme:hover {
background-color: #435469;
border-color: #435469;
color: #ffffff;
}
.btn-theme-transparent, .btn-theme-transparent:focus, .btn-theme-transparent:active {
background-color: transparent;
border-color: #dc143c;
color: #dc143c;
}
.btn-theme-transparent:hover {
background-color: #435469;
border-color: #435469;
color: #ffffff;
}
.btn-theme-transparent-grey, .btn-theme-transparent-grey:focus, .btn-theme-transparent-grey:active {
background-color: transparent;
border-color: #435469;
color: #435469;
}
.btn-theme-transparent-grey:hover {
background-color: #435469;
border-color: #435469;
color: #ffffff;
}
.btn-theme-transparent-white, .btn-theme-transparent-white:focus, .btn-theme-transparent-white:active {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
.btn-theme-transparent-white:hover {
background-color: #435469;
border-color: #435469;
color: #ffffff;
}
.btn-theme-grey {
background-color: #f5f5f5;
border-color: #e8e8e8;
color: #ea032d;
}
.btn-theme-grey:hover, .btn-theme-grey:focus, .btn-theme-grey:active {
background-color: #435469;
border-color: #435469;
color: #ffffff;
}
.btn-theme-xs {
}
.btn-theme-sm {
font-size: 14px;
padding: 10px 25px;
}
.btn-theme-lg {
font-size: 18px;
padding: 20px 35px;
}
.btn-theme-xl {
font-size: 24px;
padding: 25px 35px;
}
p.btn-row {
margin-top: -10px;
}
p.btn-row .btn {
margin-top: 10px;
margin-right: 10px;
}
/* 1.7 - Form / Input / Textarea / Select
/* ========================================================================== */
.form-control {
height: 60px;
padding-left: 20px;
padding-right: 20px;
border-radius: 10px;
border: 1px solid #c8cdd2;
font-size: 18px;
color: #6d7a83;
-webkit-appearance: none; /* ios */
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control:focus {
border-color: #ea032d;
-webkit-appearance: none; /* ios */
-webkit-box-shadow: none;
box-shadow: none;
}
textarea {
resize: none;
}
.bootstrap-select {
}
.bootstrap-select > .selectpicker {
height: 60px;
border: 1px solid #c8cdd2;
border-radius: 10px;
font-size: 18px;
color: #6d7a83 !important;
-webkit-appearance: none; /* ios */
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 20px;
padding-right: 20px;
background-color: #ffffff !important;
box-shadow: none !important;
}
.bootstrap-select > .selectpicker:focus {
border-color: #ea032d;
}
.bootstrap-select-searchbox .form-control {
height: 40px;
font-size: 14px;
border-radius: 0;
padding-left: inherit;
padding-right: inherit;
}
.registration-form {
margin-top: -15px;
}
.registration-form .form-group {
margin-top: 15px;
margin-bottom: 0;
}
.registration-form .form-group.selectpicker-wrapper {
z-index: 1;
position: relative;
}
.registration-form .bootstrap-select.btn-group:not(.input-group-btn), .registration-form .bootstrap-select.btn-group[class*="span"] {
margin-bottom: 0;
}
.registration-form .tooltip {
left: 15px !important;
}
.registration-form .selectpicker-wrapper .tooltip {
top: -47px !important;
}
.registration-form .tooltip-inner {
background-color: #ea032d;
padding: 10px 20px;
}
.registration-form .tooltip-arrow {
border-top-color: #ea032d;
}
.registration-form .tooltip.top .tooltip-arrow {
border-top-color: #ea032d;
}
.registration-form .form-alert {
margin-bottom: 0;
}
.registration-form.alt {
margin-top: 0;
}
.registration-form.alt .form-group {
margin-top: 0;
margin-bottom: 10px;
z-index: 9999;
}
.registration-form.alt .form-alert .alert {
margin-bottom: 10px;
}
/* --------------------------------------------------------------------------
* 2 - Header
* -------------------------------------------------------------------------- */
.wide .header, .boxed .header > .container {
background-color: transparent;
position: relative;
padding-top: 40px;
padding-bottom: 40px;
}
.sub-page .header {
background-color: rgba(129, 134, 140, 1);
}
.header.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99999;
}
.header.shrink-off {
padding-top: 2px;
padding-bottom: 2px; /*background-image: linear-gradient(rgba(129, 134, 140, 1), rgba(129, 134, 140, .0));*/
background-color: rgba(129, 134, 140, .8);
}
.wide .header.shrink, .boxed .header.shrink > .container {
padding-top: 2px;
padding-bottom: 2px;
background-color: rgba(129, 134, 140, .8);
}
.header .header-wrapper {
position: relative;
}
.header, .header.fixed, .header.shrink, .header > .container {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* 2.1 - Logo
/* ========================================================================== */
.logo {
float: left;
font-size: 30px;
font-weight: bold;
margin-top: -12px;
}
/*
.logo:before{
content: "";
background-image: url('assets/img/logo-shadow.png');
background-repeat: no-repeat;
position: absolute;
width: 879px;
height: 413px;
z-index: -1;
top: -40px;
left: -350px;
}
*/
.header.shrink .logo:before, .sub-page .logo:before {
display: none;
}
.logo a {
color: #ffffff;
display: inline-block;
line-height: 2em;
}
.logo a:hover {
color: #dc143c;
}
.logo a .logo-hex {
background-color: #dc143c;
}
.logo a:hover .logo-hex {
background-color: #ffffff;
}
.logo a .logo-fa {
color: #ffffff;
}
.logo a:hover .logo-fa {
color: #dc143c;
}
.logo .fa-stack {
width: 54px;
height: 62px;
line-height: 62px;
}
.shrink .logo {
margin-top: 0;
}
.shrink .logo a {
line-height: 1em;
}
.shrink .logo a .logo-fa {
font-size: 15px;
}
.shrink .logo .fa-stack {
width: 27px;
height: 31px;
line-height: 31px;
}
.shrink .logo img {
height: 45px;
}
.logo .fa-stack, .shrink .logo .fa-stack {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.logo a .logo-fa, .shrink .logo a .logo-fa {
-webkit-transition: none;
transition: none;
}
.shrink .navigation {
margin-top: 3px;
}
/* 2.2 - Logo hexagon icon
/* ========================================================================== */
.logo-hex {
margin-top: 14px;
width: 54px;
height: 31px;
border-radius: 3px;
cursor: pointer;
}
.logo-hex:before, .logo-hex:after {
position: absolute;
top: 0;
left: 0;
width: inherit;
height: inherit;
border-radius: inherit;
background-color: inherit;
content: '';
}
.logo-hex:before {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
}
.logo-hex:after {
-webkit-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.shrink .logo-hex {
margin-top: 7px;
width: 27px;
height: 15px;
border-radius: 1px;
}
/* 2.3 - Navigation / superfish skin
/* ========================================================================== */
.navigation {
float: right;
}
/* SUPERFISH ESSENTIAL STYLES */
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
border-radius: 10px;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
}
.sf-menu ul {
min-width: 14em; /* submenu width */
}
/* SUPERFISH THEME SKIN */
.sf-menu {
margin-right: -1em;
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
}
.sf-menu.nav > li > a:hover,
/* bs3 reset */
.sf-menu.nav > li > a:focus /* bs3 reset */ {
background-color: transparent;
}
.sf-menu.nav > li > a,
/*bs3 reset */
.sf-menu a {
padding: 10px 15px;
}
.sf-menu a {
color: #ffffff;
}
.sf-menu a:hover {
color: #ffffff;
}
.sf-menu li:hover, .sf-menu li.sfHover {
}
.sf-menu li.active {
background-color: rgba(13, 29, 49, 0.30);
}
.sf-menu li.active > a {
color: #ffffff;
}
.sf-menu ul {
margin-left: 1em;
}
.sf-menu ul ul {
margin-left: 0;
}
.sf-menu ul li {
background: #f2f2f2;
}
.sf-menu ul.sub-menu li {
background: #B2B2B2;
}
.sf-menu ul {
list-style-type: none !important;
padding-left: 0;
margin-left: 0;
}
/* ARROW DOWN */
.sf-menu.nav > li > a.sf-with-ul,/* bs3 reset */
.sf-arrows .sf-with-ul {
padding-right: 2.5em;
}
.sf-arrows .sf-with-ul:after {
content: '';
position: absolute;
top: 50%;
right: 1em;
margin-top: -1px;
height: 0;
width: 0;
border: 3px solid transparent;
border-top-color: #9e9e9e;
}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: #dc143c;
}
/* ARROW RIGHT */
.sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #9e9e9e;
}
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: #dc143c;
}
/* 2.4 - Fixed menu
/* ========================================================================== */
.menu-toggle {
display: none;
position: fixed;
padding: 0;
margin: 0;
right: 280px;
top: 43px;
font-size: 30px;
line-height: 30px;
border: none;
color: #ffffff !important;
}
.shrink .menu-toggle {
top: 7px;
}
@media (max-width:991px) {
.navigation {
position: fixed;
right: 0;
top: 0;
height: 100%;
width: 250px;
background-color: rgba(13, 29, 49, 0.95);
}
.navigation.closed {
right: -250px;
}
.navigation.opened {
right: 0;
}
.sf-menu {
margin-right: 0;
padding: 15px 15px 0 15px;
}
.sf-menu > li {
float: none;
}
.sf-menu ul {
display: block !important;
position: relative;
}
.sf-menu ul li {
background-color: transparent;
}
.menu-toggle {
display: block;
z-index: 1;
}
.navigation.closed .menu-toggle {
right: 15px;
}
.navigation.opened .menu-toggle {
right: 15px;
top: 7px;
}
}
/* 2.5 - Mobile menu
/* ========================================================================== */
#mobile-menu {
display: none;
position: absolute;
top: 30px;
right: 0;
width: 200px;
z-index: 0;
}
.mobile-menu {
display: none;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
height: 40px; /* Required for IE 5, 6, 7 */
/* ...or something to trigger hasLayout, like zoom: 1; */
width: 100%; /* Theoretically for IE 8 & 9 (more valid) */
/* ...but not required as filter works too */
/* should come BEFORE filter */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* This works in IE 8 & 9 too */
/* ... but also 5, 6, 7 */
filter: alpha(opacity=0); /* Older than Firefox 0.9 */
-moz-opacity: 0; /* Safari 1.x (pre WebKit!) */
-khtml-opacity: 0; /* Modern!
/* Firefox 0.9+, Safari 2?, Chrome any?
/* Opera 9+, IE 9+ */
opacity: 0;
}
.mobile-menu-title {
line-height: 40px;
font-size: 12px;
text-transform: uppercase;
text-align: right;
}
.mobile-menu-title .fa {
font-size: 30px;
}
@media (max-width:991px) {
#mobile-menu {
display: block;
float: right;
}
.mobile-menu {
display: block;
}
}
.mobile-submenu {
display: none;
}
@media (max-width:991px) {
.mobile-submenu {
display: block;
opacity: .5;
background-color: #dc143c;
height: 30px;
width: 30px;
position: absolute;
top: 5px;
right: 2px;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}
.sf-menu li {
float: none !important;
display: block !important;
width: 100% !important;
}
.sf-menu li a {
float: none !important;
}
.sf-menu ul {
position: static !important; /*display: none!important;*/
}
.sf-menu ul li {
background: transparent !important;
}
.mobile-submenu-open ul {
display: block !important;
opacity: 1 !important;
}
}
/* --------------------------------------------------------------------------
* 3 - Content
* -------------------------------------------------------------------------- */
/* 3.1 - Slider / Owl sliders
/* ========================================================================== */
#main-slider .item {
min-height: 660px;
}
#main-slider .owl-wrapper {
/*margin-top*/
}
#main-slider.owl-theme .owl-item {
position: relative;
}
#main-slider.owl-theme .owl-controls {
margin: 0;
}
#main-slider.owl-theme .owl-controls .owl-page span, #main-slider.owl-theme .owl-controls .owl-buttons div {
background-color: transparent;
}
#main-slider.owl-theme .owl-controls .owl-pagination {
position: absolute;
bottom: 20px;
width: 100%;
}
#main-slider.owl-theme .owl-controls .owl-buttons {
position: absolute;
top: 50%;
margin-top: -40px;
width: 100%;
}
#main-slider.owl-theme .owl-controls .owl-buttons .owl-prev, #main-slider.owl-theme .owl-controls .owl-buttons .owl-next {
position: relative;
border-radius: 0;
font-size: 55px;
line-height: 20px;
margin: 0;
opacity: 1;
color: #ffffff;
text-shadow: 1px 1px 0 #141f23;
}
#main-slider.owl-theme .owl-controls .owl-buttons .owl-prev:hover, #main-slider.owl-theme .owl-controls .owl-buttons .owl-next:hover {
color: #dc143c;
}
#main-slider.owl-theme .owl-controls .owl-buttons .owl-prev {
float: left;
margin-left: 90px;
}
#main-slider.owl-theme .owl-controls .owl-buttons .owl-next {
float: right;
margin-right: 90px;
}
#main-slider.owl-carousel .owl-item .item {
overflow: hidden; /*max-height: 660px;*/
}
#main-slider.owl-carousel .owl-item .item img {
/*max-width: 100%;*/
}
/* Slider Caption
* -------------------------------------------------------------------------- */
#main-slider .caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#main-slider .caption > .container {
position: relative;
min-height: 100%;
height: 100%;
padding-top: 100px;
padding-bottom: 60px;
}
#main-slider .caption .div-table {
width: 100%;
}
#main-slider .caption-title {
font-size: 60px;
line-height: 60px;
font-weight: 300;
color: #ffffff;
text-shadow: 1px 1px #000000;
clear: both;
display: inline-block;
text-transform: uppercase;
margin: 0 0 0 0;
display: block;
position: relative;
overflow: hidden;
}
#main-slider .caption-title span {
display: inline-block;
position: relative;
padding-left: 20px;
padding-right: 20px;
}
#main-slider .caption-title span:before, #main-slider .caption-title span:after {
content: '';
display: block;
position: absolute;
top: 25px;
left: -100%;
height: 5px;
width: 100%;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
}
#main-slider .caption-title span:after {
left: auto;
right: -100%;
}
#main-slider .caption-subtitle {
/*font-family: 'Raleway', sans-serif;*/
font-size: 64px;
font-weight: 900;
color: #ffffff;
text-shadow: 1px 1px #000000;
text-transform: uppercase;
margin: 30px 0 0 0;
}
#main-slider .caption-subtitle .fa {
color: #ffffff;
}
#main-slider .caption-subtitle span {
color: #253239;
}
#main-slider .caption-text {
color: #8c8e93;
font-size: 14px;
margin: 30px 0 0 0;
}
#main-slider .caption-text .btn:first-child {
margin-right: 30px;
}
@media (max-width:1024px) {
#main-slider .caption-subtitle {
font-size: 50px;
}
}
@media (max-width:991px) {
#main-slider .caption-subtitle, #main-slider .caption-text {
margin-top: 20px;
}
#main-slider .caption-title {
font-size: 60px;
}
#main-slider .caption-subtitle {
font-size: 22px;
}
#main-slider .caption-text {
font-size: 12px;
}
}
@media (max-width:767px) {
#main-slider .caption {
right: 0;
padding: 0 80px;
max-width: 100%;
background-color: transparent;
}
#main-slider .caption-title {
font-size: 30px;
line-height: 30px;
}
#main-slider .caption-title span:before, #main-slider .caption-title span:after {
top: 15px;
}
#main-slider .caption-subtitle {
font-size: 20px;
}
#main-slider .caption-text {
font-size: 12px;
}
#main-slider .caption-text .btn:first-child, #main-slider .caption-text .btn {
display: block;
width: 200px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
padding: 8px 20px;
font-size: 13px;
}
#main-slider .caption-text .btn:first-child {
margin-top: 20px;
}
}
@media (max-width:479px) {
#main-slider .caption {
/*display: none;*/
padding-left: 0;
padding-right: 0;
}
#main-slider .caption-title {
}
#main-slider .caption-title span {
padding: 0;
}
#main-slider .caption-title span:before, #main-slider .caption-title span:after {
display: none;
}
#main-slider .caption-subtitle {
}
#main-slider .caption-text .btn {
display: block;
margin-top: 10px;
}
.event-description {
}
}
/* -------------------------------------------------------------------------- */
.countdown-wrapper {
margin-top: 30px;
}
.defaultCountdown {
background-color: transparent;
border-color: transparent;
}
.countdown-amount {
/*font-family: 'Raleway', sans-serif;*/
font-size: 65px;
font-weight: 900;
color: #ffffff;
text-shadow: 1px 1px #000000;
text-transform: uppercase;
margin: 30px 0 0 0;
}
.countdown-period {
/*font-family: 'Roboto Slab', serif;*/
font-size: 18px;
line-height: 20px;
font-weight: 300;
color: #ffffff;
text-shadow: 1px 1px #000000;
clear: both;
text-transform: uppercase;
margin: 0 0 0 0;
display: block;
position: relative;
overflow: hidden;
}
@media (max-width:767px) {
.countdown-amount {
font-size: 33px;
}
.countdown-period {
font-size: 13px;
}
}
/* -------------------------------------------------------------------------- */
.form-background {
background-color: #0d1d31;
border-radius: 10px;
padding: 10px;
}
.form-background .form-control {
margin-bottom: 10px;
}
.form-header {
background-color: #dc143c;
border-radius: 10px;
margin-bottom: 20px;
padding: 30px 20px 10px 20px;
}
.form-header .section-title {
margin-bottom: 20px;
}
.text-holder {
position: relative;
padding: 30px 0;
overflow: hidden;
}
.text-holder:before, .text-holder:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
height: 5px;
width: 100%;
border-top: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
}
.text-holder:after {
top: auto;
bottom: 0;
}
.btn-play {
display: inline-block !important;
padding: 0 !important;
border: solid 1px #ffffff;
background-color: rgba(255, 255, 255, 0.3);
width: 170px !important;
height: 170px !important;
border-radius: 50% !important;
text-align: center;
}
.btn-play .fa {
width: 145px;
height: 145px;
border-radius: 50%;
font-size: 65px;
line-height: 150px;
margin-top: 12px;
background-color: #ffffff;
color: #dc143c;
}
.btn-play:hover {
border-color: #dc143c;
}
.btn-play:hover .fa {
background-color: #dc143c;
}
.btn-play:hover .fa {
color: #ffffff;
}
@media (max-height:615px) {
#main-slider .form-background {
}
#main-slider .bootstrap-select > .selectpicker, #main-slider .form-control {
border-radius: 10px;
font-size: 13px;
height: 40px;
}
}
@media (max-width:991px) {
#main-slider .form-background {
display: none !important;
}
}
@media (max-width:479px) {
.btn-play {
width: 90px !important;
height: 90px !important;
}
.btn-play .fa {
width: 80px;
height: 80px;
font-size: 50px;
line-height: 80px;
padding-left: 10px;
margin-top: 4px;
}
}
.slide3:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* 3.2 - Event description
/* ========================================================================== */
.event-description {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
z-index: 11;
}
.event-background {
border-radius: 30px 30px 0 0;
background-color: #0d1d31;
margin: 0 15px;
padding-bottom: 10px;
}
@media (max-width:767px) {
.event-description {
display: block;
position: relative;
margin-top: 50px;
}
.event-background {
border-radius: 5px 5px 0px 0px;
padding-bottom: 15px;
}
}
.event-description {
font-size: 14px;
font-weight: 700;
line-height: 18px;
text-align: left;
color: #ffffff;
}
.event-description .row > div {
}
.event-description .row > div + div {
}
.event-description .media-heading {
font-size: 14px;
font-weight: 700;
line-height: 18px;
text-transform: uppercase;
color: #ff0033;
margin: 15px 0 0 0;
}
.event-description .media-body span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.event-description .fa {
margin-top: 15px;
}
.boxed .event-description > .container {
padding-left: 0;
padding-right: 0;
}
.boxed .event-background {
border-radius: 0;
}
/* 3.3 - Image carousel / Owl carousel
/* ========================================================================== */
.img-carousel {
}
.img-carousel .owl-controls {
margin: 0 auto;
}
.img-carousel .owl-pagination {
position: absolute;
width: 100%;
bottom: 0;
}
.img-carousel .owl-prev, .img-carousel .owl-next {
position: absolute;
padding: 5px !important;
top: 50%;
left: 10px;
font-size: 20px;
text-align: center;
}
.img-carousel .owl-next {
left: auto;
right: 10px;
}
.img-carousel .owl-prev .fa, .img-carousel .owl-next .fa {
width: 20px;
line-height: 20px;
height: 20px;
text-align: center;
}
.img-carousel .owl-controls .owl-page span, .img-carousel .owl-controls .owl-buttons div {
background-color: #dc143c;
}
/* 3.4 - Partners carousel / Owl carousel
/* ========================================================================== */
.partners-carousel .owl-carousel div a {
display: block;
text-align: center;
background-color: #f3f4f5;
border-radius: 10px;
padding: 10px;
}
.partners-carousel .owl-carousel div a img {
display: inline-block;
max-width: 100%;
}
.partners-carousel .owl-carousel .owl-item img {
width: auto;
}
.partners-carousel .owl-theme .owl-controls {
}
.partners-carousel .owl-theme .owl-controls .owl-nav {
position: absolute;
right: 0;
top: -93px;
}
@media (max-width:767px) {
.partners-carousel .owl-theme .owl-controls .owl-nav {
position: inherit !important;
margin-top: 30px;
}
}
.partners-carousel .owl-theme .owl-controls .owl-nav [class*="owl-"] {
background-color: transparent;
border-radius: 0;
margin: 0;
padding: 0;
line-height: 1;
}
.partners-carousel .owl-prev, .partners-carousel .owl-next {
border: solid 1px #435469;
border-radius: 10px !important;
color: #435469;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
}
.partners-carousel .owl-next {
margin-left: 10px !important;
}
.partners-carousel .owl-prev .fa, .partners-carousel .owl-next .fa {
color: #435469;
font-size: 33px !important;
line-height: 50px;
}
.partners-carousel .owl-prev:hover, .partners-carousel .owl-next:hover {
border-color: #dc143c;
color: #dc143c;
}
.partners-carousel .owl-prev:hover .fa, .partners-carousel .owl-next:hover .fa {
color: #dc143c;
}
/* 3.5 - Breadcrumbs
/* ========================================================================== */
.page-section.breadcrumbs {
padding-top: 0;
padding-bottom: 0;
background-color: #f9f9f9;
}
.breadcrumbs .breadcrumb {
position: relative;
}
.breadcrumbs .breadcrumb:after {
content: '';
position: absolute;
display: block;
height: 2px;
width: 35px;
left: 0;
bottom: 0;
background-color: #e1e1e1;
}
.breadcrumbs .breadcrumb {
padding: 10px 0 3px 0;
margin-bottom: 20px;
font-size: 12px;
line-height: 12px;
background-color: transparent;
}
.breadcrumbs .breadcrumb li {
margin-bottom: 10px;
}
/* 3.6 - Schedule
/* ========================================================================== */
.schedule-wrapper {
/*margin-top: 30px;*/
border: solid 1px #435469;
border-top: none;
border-bottom-width: 10px;
border-radius: 30px 30px 10px 10px;
overflow: hidden;
}
.schedule-tabs.lv1 {
background-color: #435469;
color: #ffffff;
}
.schedule-tabs.lv2 {
border: solid 1px #8598b0;
border-top: none;
background-color: #ffffff;
}
.tab-content.lv1 {
}
.tab-content.lv2 {
}
.tab-content.lv2 .tab-pane {
padding: 30px 70px;
}
@media (max-width:1024px) {
.tab-content.lv2 .tab-pane {
padding: 30px 50px;
}
}
@media (max-width:992px) {
.tab-content.lv2 .tab-pane {
padding: 30px 30px;
}
}
@media (max-width:767px) {
.tab-content.lv2 .tab-pane {
padding: 15px 15px;
}
}
.schedule-wrapper .nav > li > a {
/*font-family: 'Roboto', sans-serif;*/
font-weight: 300;
}
.schedule-wrapper .nav > li > a:hover, .schedule-wrapper .nav > li > a:focus {
background-color: transparent;
}
.schedule-wrapper .schedule-tabs.lv1 .nav > li > a {
min-height: 70px;
text-transform: uppercase;
color: #ffffff;
}
.schedule-wrapper .schedule-tabs.lv1 .nav > li.active:before {
content: '';
position: absolute;
z-index: 1;
top: 100%;
right: 50%;
width: 0;
height: 0;
margin-left: -7px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #435469;
}
.schedule-wrapper .schedule-tabs.lv2 .nav > li > a {
color: #293239;
}
.schedule-wrapper .schedule-tabs.lv1 .nav > li.active > a {
}
.schedule-wrapper .schedule-tabs.lv2 .nav > li.active > a {
color: #dc143c;
}
.schedule-wrapper .schedule-tabs.lv2 .nav > li.active:before {
content: '';
display: block;
height: 2px;
width: 100%;
position: absolute;
bottom: -1px;
left: 0;
background-color: #dc143c;
}
/* 3.7 - FAQ
/* ========================================================================== */
.row.faq {
}
.row.faq .tab-content {
font-size: 14px;
line-height: 24px;
border: solid 1px #435469;
border-radius: 2px;
background-color: #fdfdfd;
padding: 30px 30px 10px 30px;
position: relative;
}
@media (max-width:767px) {
.row.faq .tab-content {
margin-top: 20px;
border-radius: 0 0 10px 10px;
}
}
@media (min-width:768px) {
.row.faq .nav li.active:before {
content: '';
position: absolute;
top: 15px;
right: -31px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid #435469;
border-bottom: 10px solid transparent;
z-index: 1;
}
.row.faq .nav li.active:after {
content: '';
position: absolute;
top: 15px;
right: -32px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid #fdfdfd;
border-bottom: 10px solid transparent;
z-index: 2;
}
}
@media (max-width:767px) {
.row.faq > .pull-left, .row.faq > .pull-right {
float: none !important;
}
}
.row.faq .tab-content .fa {
font-size: 18px;
}
.row.faq .nav {
}
.row.faq .nav li + li {
margin-top: 20px;
}
.row.faq .nav li a {
padding-top: 13px;
padding-bottom: 13px;
padding-left: 20px;
border-radius: 10px;
border: solid 1px #435469;
background-color: #fdfdfd;
color: #374146;
}
.row.faq .nav li.active a, .row.faq .nav li a:hover {
background-color: #dc143c;
border-color: #dc143c;
color: #ffffff;
}
.row.faq .nav li a .fa {
width: 20px;
text-align: center;
margin-right: 15px;
margin-top: 3px;
float: left;
}
.row.faq .nav li a .faq-inner {
display: block;
overflow: hidden;
}
/* 3.8 - Blog / Post
/* ========================================================================== */
.content .post-wrap {
position: relative;
}
.content .post-wrap + .post-wrap {
margin-top: 50px;
position: relative;
}
.row.post-row {
}
.row.post-row .post-wrap {
margin-top: 30px;
}
.post {
}
.post-header {
margin-bottom: 20px;
position: relative;
}
.post-title {
color: #0d1d31;
font-weight: 700;
margin-top: 0;
margin-bottom: 25px;
}
.post-title a {
color: #0d1d31;
line-height: 1;
}
.post-title a:hover {
color: #dc143c;
}
.post-header .post-meta {
color: #dc143c;
line-height: 1;
font-size: 14px;
}
.post-header .post-meta a, .post-header .post-meta .fa {
color: #435469;
}
.post-header .post-meta a:hover {
color: #dc143c;
}
.post-header .social-line {
margin-top: -2px;
}
.post-header .social-line li {
padding-top: 2px;
padding-right: 2px;
}
.post-header .social-line a {
height: 20px;
width: 20px;
line-height: 20px;
font-size: 14px;
}
.post-header .post-meta-author {
display: block;
margin-bottom: 20px;
}
.post-footer {
margin-bottom: 10px;
}
.post-readmore {
display: block;
text-align: right;
}
.post-readmore .btn {
font-size: 14px;
padding: 12px 15px;
border-color: #435469;
color: #435469;
}
.post-readmore .btn:hover, .post-readmore .btn:focus {
background-color: #435469;
border-color: #435469;
color: #ffffff;
}
.post-excerpt {
font-size: 14px;
}
.post-meta-author, .post-meta-category, .post-meta-comment {
}
.post-meta-author a {
color: #464c4e;
font-size: 14px;
}
.post-meta-author a:hover {
color: #000000;
}
.post-media {
margin-bottom: 20px;
overflow: hidden;
border-radius: 10px;
}
.post-media img {
max-width: 100%;
width: 100%;
}
.post-type {
position: absolute;
top: 10px;
right: 25px;
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 10px;
text-align: center;
line-height: 40px;
}
.post-type .fa {
}
.content .post-type {
right: 12px;
}
.post-content {
text-align: justify;
}
footer.post-meta {
margin-top: 40px;
}
footer.post-meta .post-tags {
display: block;
}
footer.post-meta .post-categories {
display: block;
}
.post + .post {
border-top: solid 1px #efefef;
margin-top: 50px;
padding-top: 50px;
}
.about-the-author {
margin-top: 30px;
padding-top: 30px;
border-top: solid 1px #efefef;
}
.about-the-author .media-heading {
color: #dc143c;
}
.timeline .post-header {
margin-bottom: 15px;
}
.timeline .media-body {
padding: 25px;
background-color: #ffffff;
border-radius: 10px;
}
.timeline .post-media {
border: solid 8px #afb4ba;
border-radius: 50%;
}
.timeline .post-media.pull-left {
margin-right: 60px;
}
@media (max-width:1024px) {
.timeline .post-media.pull-left {
margin-right: 30px;
}
}
@media (max-width:767px) {
.timeline .post-media {
float: none !important;
width: 110px !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
.timeline .post-wrap + .post-wrap {
margin-top: 30px;
}
.timeline .post-title {
font-size: 30px;
font-weight: 700;
color: #dc143c;
border-bottom: solid 1px #d2d2dc;
padding-bottom: 12px;
margin-bottom: 12px;
}
.timeline .post-title a {
color: #dc143c;
}
.timeline .post-title a:hover {
color: #000000;
}
.timeline .post-meta {
/*font-family: 'Roboto', sans-serif;*/
font-size: 24px;
font-weight: 300;
color: #293239;
margin-bottom: 10px;
}
.timeline .post-meta a .fa {
color: #dc143c;
}
.timeline .post-meta a:hover .fa {
color: #293239;
}
.timeline .post-meta .fa-stack {
line-height: 32px;
height: 32px;
width: 32px;
}
.timeline .post-meta .fa-stack-2x {
line-height: 32px;
font-size: 32px;
}
.timeline .post-meta .fa-stack-1x {
line-height: 32px;
font-size: 16px;
}
.timeline .post-excerpt {
line-height: 24px;
}
.timeline .post-readmore {
color: #293239;
text-align: left;
}
.timeline .post-readmore a {
color: #293239;
}
.timeline .post-readmore a:hover {
color: #dc143c;
}
.timeline .post-readmore .fa {
/*width: 18px;*/
/*text-align: center;*/
}
/* 3.9 - Comments
/* ========================================================================== */
.comments {
margin-top: 30px;
padding-top: 30px;
border-top: solid 1px #f5f5f5;
}
.comments > .comment:last-child .comment-reply {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
.comment {
}
.comment-avatar {
}
@media (max-width:479px) {
.comment-avatar img {
width: 24px;
height: auto;
}
}
.comment-meta {
margin-bottom: 5px;
}
.comment-author {
}
.comment-date {
font-size: 11px;
line-height: 11px;
color: #b0afaf;
}
.comment-text {
margin-bottom: 20px;
}
.comment-reply {
font-size: 11px;
line-height: 11px;
margin-bottom: 20px;
border-bottom: solid 1px #efefef;
padding-bottom: 20px;
}
.comments-form {
margin-top: 40px;
padding-top: 40px;
border-top: solid 1px #efefef;
}
.comments-form .block-title {
color: #dc143c !important;
}
.comments-form > .block-title {
margin-top: 0;
margin-bottom: 30px;
}
/* 3.10 - Pagination / Pager
/* ========================================================================== */
.pagination-wrapper {
border-top: solid 1px #f5f5f5;
margin-top: 50px;
padding-top: 50px;
}
.pagination {
margin: 0;
}
.pagination > li > a {
background-color: #f5f5f5;
color: #253239;
border-radius: 17px;
margin: 0 10px 0 0;
padding: 4px 13px 5px 13px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
border-radius: 20px; /*background-color: transparent;*/
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-radius: 20px; /*background-color: transparent;*/
}
.pagination > li > a, .pagination > li > span {
border: none;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
background-color: #dc143c;
color: #ffffff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #dc143c;
border-color: #dc143c;
}
.pager {
margin: 0;
}
.pager li > a, .pager li > span {
border-radius: 0;
}
.sidebar .form-control {
height: 40px;
font-size: 14px;
line-height: 40px;
padding: 10px 12px;
}
/* Categories
/* ========================================================================== */
.widget.categories ul {
}
.widget.categories li {
line-height: 30px;
}
.widget.categories li + li {
margin-top: 10px;
}
.widget.categories li a {
display: block;
padding: 6px 12px;
background-color: #f5f5f5;
color: #435469;
border-radius: 8px;
}
.widget.categories li.active a, .widget.categories li a:hover {
background-color: #dc143c;
color: #ffffff;
}
.widget.categories li a small {
float: right;
}
/* flickr feed
/* ========================================================================== */
.widget.flickr-feed ul {
overflow: hidden;
margin-left: -10px;
margin-bottom: -10px;
}
.widget.flickr-feed li {
float: left;
margin: 0 0 10px 10px;
}
.widget.flickr-feed li a {
display: block;
border: solid 1px transparent;
border-radius: 8px;
overflow: hidden;
}
.widget.flickr-feed li a:hover {
border-color: #dc143c;
}
.widget.flickr-feed li a img {
width: 78px;
height: auto;
}
@media (max-width:1199px) {
.widget.flickr-feed li a img {
width: 62px;
}
}
@media (max-width:991px) {
.widget.flickr-feed li a img {
width: 64px;
}
}
@media (max-width:767px) {
.widget.flickr-feed li a img {
width: 70px;
}
}
/* Tag-cloud
/* ========================================================================== */
.tagcloud {
overflow: hidden;
}
.tagcloud a {
float: left;
margin: 0 10px 10px 0;
}
.tagcloud a {
display: block;
padding: 5px 10px;
background-color: transparent;
border-radius: 8px;
border: solid 1px #435469;
color: #435469;
font-size: 14px !important;
}
.tagcloud a:hover {
color: #ffffff;
background-color: #dc143c;
border-color: #dc143c;
}
/* 3.11 - Project / Portfolio
/* ========================================================================== */
.project-single {
}
.project-media {
}
.project-overview {
}
.project-details {
}
.project-details .dl-horizontal dt {
text-align: left;
}
.project-details .dl-horizontal dt {
color: #3c4547;
width: 90px;
}
.project-details .dl-horizontal dd {
position: relative;
margin-left: 110px;
}
@media (max-width:767px) {
.project-details .dl-horizontal dt {
float: left;
}
}
/* 3.12 - Thumbnails / Features
/* ========================================================================== */
.thumbnail {
position: relative;
background-color: transparent;
border-radius: 0;
margin: 0;
}
.thumbnail.hover, .thumbnail:hover {
border: solid 1px #dc143c;
}
.thumbnail.no-border, .thumbnail.no-border.hover, .thumbnail.no-border:hover {
border: none;
}
.thumbnail.no-padding {
padding: 0;
}
.row.thumbnails {
margin-top: -30px;
}
.row.thumbnails .thumbnail {
margin-top: 30px;
}
.row.thumbnails.no-padding {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.row.thumbnails.no-padding [class*='col-'] {
padding: 0;
}
.row.thumbnails.no-padding .thumbnail {
margin-top: 0;
}
/* Thumbnail Media/Image
* -------------------------------------------------------------------------- */
.thumbnail .media {
overflow: hidden;
position: relative;
}
.thumbnail .media:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; /*background: url('../img/overlay-media.png') repeat 50% 50%;*/
}
.thumbnail.hover .media:after, .thumbnail:hover .media:after {
opacity: 0.1;
}
.thumbnail .media img {
max-width: 100%;
width: 100%;
}
.thumbnail.hover .media img, .thumbnail:hover .media img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
/* fix animation bug */
.thumbnail .media.img-circle, .thumbnail.hover .media.img-circle, .thumbnail:hover .media.img-circle {
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
transform: scale(1) !important;
}
/* Thumbnail caption
* -------------------------------------------------------------------------- */
.thumbnail {
border-radius: 10px;
overflow: hidden;
}
.thumbnail .caption {
padding: 20px 0 0 0;
overflow: hidden;
font-size: 14px;
}
.thumbnail .caption + .caption {
padding-top: 10px;
}
.thumbnail .caption.no-padding-top {
padding-top: 0;
}
.thumbnail .caption.no-padding-bottom {
padding-bottom: 0;
}
.thumbnail .caption.before-media {
}
.thumbnail .caption.hovered {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
text-align: center;
overflow: hidden;
padding: 15px;
background-color: transparent; /*dc143c*/
background-color: rgba(253, 96, 102, 0.60) !important;
color: #ffffff;
opacity: 0;
z-index: 10;
}
.thumbnail.hover .caption.hovered, .thumbnail:hover .caption.hovered {
opacity: 1;
}
.caption-wrapper {
width: 100%;
}
.caption-inner {
}
/* Caption elements
* -------------------------------------------------------------------------- */
.caption-title {
font-size: 18px;
font-weight: 700;
line-height: 24px;
text-transform: uppercase;
margin: 0 0 0 0;
color: #0d1d31;
}
.hovered .caption-title {
color: #ffffff;
}
.caption-buttons {
margin-bottom: 0;
}
.caption-buttons .btn {
/*background-color: #dc143c;*/
color: #ffffff;
font-size: 30px;
}
.caption-buttons .btn:hover {
/*background-color: #000000;*/
}
.caption-category {
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
text-transform: uppercase;
line-height: 14px;
color: #dc143c;
}
.caption-link {
}
.caption-zoom {
}
.caption-zoom.theone {
}
.caption-social {
}
.caption-redmore {
font-size: 12px;
color: #c4334b;
text-decoration: underline;
}
.caption-redmore:hover {
color: #000000;
}
/* --------------------------------------------------------------------------
* Thumbnail type
* -------------------------------------------------------------------------- */
/* Thumbnail transition
* -------------------------------------------------------------------------- */
.thumbnail .media, .thumbnail .media:after, .thumbnail .media:before, .thumbnail.hover .media, .thumbnail:hover .media, .thumbnail.hover .media:after, .thumbnail:hover .media:after, .thumbnail.hover .media:before, .thumbnail:hover .media:before, .thumbnail .media img, .thumbnail.hover .media img, .thumbnail:hover .media img, .thumbnail .media .fa, .thumbnail.hover .media .fa, .thumbnail:hover .media .fa, .thumbnail .caption-title, .thumbnail.hover .caption-title, .thumbnail:hover .caption-title, .thumbnail .caption-zoom, .thumbnail.hover .caption-zoom, .thumbnail:hover .caption-zoom, .thumbnail .caption-link, .thumbnail.hover .caption-link, .thumbnail:hover .caption-link, .thumbnail .caption-category, .thumbnail.hover .caption-category, .thumbnail:hover .caption-category, .thumbnail .caption, .thumbnail.hover .caption, .thumbnail:hover .caption {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* 3.13 - Media / Testimonials
/* ========================================================================== */
.testimonial .media-body {
padding-right: 15px;
}
.testimonial .media-heading {
font-weight: 700;
color: #0d1d31;
font-size: 16px;
margin-bottom: 0;
}
.testimonial .media-heading small {
}
.testimonials.owl-carousel .owl-item img {
width: auto;
}
.testimonials.owl-theme .owl-dots .owl-dot span {
height: 15px;
width: 15px;
}
.color .testimonials.owl-theme .owl-dots .owl-dot span {
background-color: #dc143c;
border: solid 2px #ffffff;
}
.color .testimonials.owl-theme .owl-dots .owl-dot.active span, .color .testimonials.owl-theme .owl-dots .owl-dot:hover span {
background-color: #ffffff;
}
@media (min-width:1024px) {
.testimonials .owl-dots {
position: absolute;
top: -65px;
right: 0;
}
}
/* HEXAGONS */
.hex {
position: relative; /*height: ;*/
/*width: 170px;*/
width: 165px;
margin: 0 auto;
}
.hex .hex-inner {
margin: 0 auto;
height: 190px;
width: 170px;
text-align: center;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
.hex-deg {
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.hex-deg .hex-deg {
width: 100%;
height: 100%;
-webkit-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-o-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.hex-deg .hex-deg .hex-deg {
}
.hex.testimonial-avatar {
width: 100px;
}
.hex.testimonial-avatar .hex-inner {
height: 115px;
width: 100px;
}
.hex.speaker-avatar {
}
.hex.speaker-avatar .hex-inner {
}
/* 4 - Footer
/* ========================================================================== */
.footer-widgets {
}
.wide .footer-meta, .boxed .footer-meta > .container {
padding: 40px 0 40px 0;
background-color: #f5f5f5;
color: #414650;
font-size: 18px;
}
/* 5 - Widgets / Shortcodes
/* ========================================================================== */
.sidebar .widget {
}
.sidebar .widget > *:last-child {
margin-bottom: 0;
}
.widget-title {
position: relative;
margin-bottom: 30px;
margin-top: 0;
font-size: 24px;
}
.sidebar .widget-title {
color: #dc143c;
}
.sidebar .widget-title .fa {
font-size: 24px;
margin-right: 10px;
vertical-align: middle;
}
.footer .widget-title {
color: #ffffff;
}
.widget-title small {
display: block;
margin-top: 4px;
font-size: 12px;
text-transform: none;
}
.sidebar .widget-title small {
color: #999999;
}
.footer .widget-title small {
color: #818181;
}
.widget-title:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 2px;
width: 20px;
background-color: #dc143c;
}
.sidebar .widget-title:before {
display: none;
}
/* 5.1 - prettyPhoto
/* ========================================================================== */
div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
background: transparent;
}
div.pp_overlay {
height: 100% !important;
width: 100% !important;
display: block !important;
opacity: 0.8 !important;
}
/* 5.2 - Contact form / af-form
/* ========================================================================== */
#af-form .form-control {
height: 60px;
background-color: #ffffff;
border-color: #ffffff;
color: #ffffff;
}
#af-form .form-control:focus {
border-color: #dc143c;
}
#af-form .form-control, #af-form .form-control:focus, #af-form .form-control:hover {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#af-form textarea.form-control {
height: 180px;
}
#af-form .alert {
margin-left: 15px;
margin-right: 15px;
padding: 10px 15px;
border-color: #dc143c;
background-color: #dc143c;
color: #ffffff;
}
#af-form .tooltip {
left: 15px !important;
}
#af-form .tooltip-inner {
border-radius: 0;
padding: 10px 20px;
background-color: #000000;
}
#af-form .tooltip-arrow {
border-top-color: #000000;
}
.form-button-reset {
margin-left: 15px;
color: #253239;
background-color: #f5f5f5;
border-color: #e8e8e8;
}
.form-button-reset:focus, .form-button-reset:hover {
color: #ffffff;
background-color: #999999;
border-color: #999999;
}
#af-form > div:last-child .form-group:last-child {
margin-bottom: 0;
}
.color #af-form .form-control {
border-color: #ffffff;
background-color: transparent;
background-color: rgba(2, 2, 2, .2);
}
.color #af-form .form-control:focus {
background-color: rgba(2, 2, 2, .5);
}
.color #af-form .form-control::-webkit-input-placeholder {
color: #ffffff;
}
.color #af-form .form-control:-moz-placeholder {
color: #ffffff;
}
.color #af-form .form-control::-moz-placeholder {
color: #ffffff;
}
.color #af-form .form-control:-ms-input-placeholder {
color: #ffffff;
}
/* 5.3 - Social line
/* ========================================================================= */
.social-line {
margin: -15px 0 0 0;
line-height: 33px;
}
.social-line li {
padding: 20px 5px 15px 0;
}
.social-line a {
display: block;
width: 30px;
height: 15px;
line-height: 15px;
background-color: #c3c3c3;
color: #ffffff;
text-align: center;
position: relative;
}
.social-line a:before {
content: '';
position: absolute;
top: -10px;
left: 0;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 10px solid #c3c3c3;
}
.social-line a:after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 10px solid #c3c3c3;
}
.social-line a.twitter {
background-color: #2daae1;
}
.social-line a.twitter:before {
border-bottom-color: #2daae1;
}
.social-line a.twitter:after {
border-top-color: #2daae1;
}
.social-line a.facebook {
background-color: #3c5b9b;
}
.social-line a.facebook:before {
border-bottom-color: #3c5b9b;
}
.social-line a.facebook:after {
border-top-color: #3c5b9b;
}
.social-line a.google, .social-line a[title*='Google+'] {
background-color: #f63f29;
}
.social-line a.google:before {
border-bottom-color: #f63f29;
}
.social-line a.google:after {
border-top-color: #f63f29;
}
.social-line a.flickr {
background-color: #216BD4;
}
.social-line a.flickr:before {
border-bottom-color: #216BD4;
}
.social-line a.flickr:after {
border-top-color: #216BD4;
}
.social-line a.dribbble {
background-color: #F46899;
}
.social-line a.dribbble:before {
border-bottom-color: #F46899;
}
.social-line a.dribbble:after {
border-top-color: #F46899;
}
.social-line a.linkedin {
background-color: #0085AE;
}
.social-line a.linkedin:before {
border-bottom-color: #0085AE;
}
.social-line a.linkedin:after {
border-top-color: #0085AE;
}
.social-line a.forrst {
background-color: #729A68;
}
.social-line a.forrst:before {
border-bottom-color: #729A68;
}
.social-line a.forrst:after {
border-top-color: #729A68;
}
.social-line a.tumblr {
background-color: #2C4762;
}
.social-line a.tumblr:before {
border-bottom-color: #2C4762;
}
.social-line a.tumblr:after {
border-top-color: #2C4762;
}
.social-line a.instagram {
background-color: #517fa4;
}
.social-line a.instagram:before {
border-bottom-color: #517fa4;
}
.social-line a.instagram:after {
border-top-color: #517fa4;
}
.social-line a.pinterest {
background-color: #cb2027;
}
.social-line a.pinterest:before {
border-bottom-color: #cb2027;
}
.social-line a.pinterest:after {
border-top-color: #cb2027;
}
.social-line a.skype {
background-color: #00aaf1;
}
.social-line a.skype:before {
border-bottom-color: #00aaf1;
}
.social-line a.skype:after {
border-top-color: #00aaf1;
}
.social-line a.vimeo {
background-color: #5BC8FF;
}
.social-line a.vimeo:before {
border-bottom-color: #5BC8FF;
}
.social-line a.vimeo:after {
border-top-color: #5BC8FF;
}
.social-line a:hover {
background-color: #dc143c;
}
.social-line a:hover:before {
border-bottom-color: #dc143c;
}
.social-line a:hover:after {
border-top-color: #dc143c;
}
.social-line a, .social-line a:hover {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.footer .social-line {
margin: 0 0 20px 0;
line-height: 70px;
}
.footer .social-line li {
padding: 20px 5px 15px 0;
}
.footer .social-line a {
width: 60px;
height: 35px;
line-height: 35px;
font-size: 30px;
}
.footer .social-line a:before {
top: -15px;
border-left-width: 30px;
border-right-width: 30px;
border-bottom-width: 15px;
}
.footer .social-line a:after {
bottom: -15px;
border-left-width: 30px;
border-right-width: 30px;
border-top-width: 15px;
}
/* 5.4 - Price table
/* ========================================================================== */
.row.price-tables {
margin-top: -30px;
overflow: hidden;
}
.row.price-tables > div {
}
.price-table {
text-align: center;
margin: 0px auto 30px auto;
border: solid 1px #0d1d31;
border-radius: 10px;
padding: 8px;
}
@media (max-width:767px) {
.price-table {
max-width: 480px;
}
}
.price-table-header {
}
.price-label {
font-size: 24px;
padding: 25px 15px;
background-color: #f5f5f5;
color: #475056;
border-radius: 10px;
}
.price-label-title {
margin: 0;
color: #475056;
font-weight: 700;
text-transform: uppercase;
}
.price-value {
font-size: 90px;
font-weight: 200;
padding: 20px 15px;
color: #dc143c;
}
.price-number {
}
.price-unit {
font-size: 60px;
}
.price-per {
}
.price-description {
}
.price-table-row {
color: #6d7a83;
font-size: 18px;
padding: 25px 15px;
border-top: solid 1px #c5c7c9;
}
.price-table-row i {
padding-right: 5px;
}
.price-table-row + .price-table-row {
}
.price-table-row.even {
}
.price-table-row.odd {
}
.price-table-row-bottom {
border-top: solid 1px #c5c7c9;
padding: 25px 15px;
}
.price-table-rows {
}
.price-table.featured {
border-color: #dc143c;
}
.price-table.featured .price-table-row-bottom {
}
.price-table.featured .price-number {
font-weight: 700;
}
.price-table.featured .price-value {
}
.price-table.featured .btn-theme {
}
.price-table.featured .btn-theme:hover {
}
.price-table.featured {
overflow: hidden;
position: relative;
}
.price-table.featured:before {
content: 'Best';
position: absolute;
top: 15px;
right: -65px;
display: block;
width: 200px;
padding: 10px;
text-transform: uppercase;
background-color: #dc143c;
font-size: 15px;
line-height: 15px;
font-weight: 700;
color: #ffffff;
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(45deg); /* IE 9 */
transform: rotate(45deg);
}
.pricing_woo .add_to_cart_inline {
border: none !important;
}
.pricing_woo .amount {
display: none;
}
.pricing_woo .woocommerce a.button {
color: #ffffff;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
line-height: 1;
padding: 15px 35px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 10px;
}
.pricing_woo .woocommerce a.added_to_cart {
color: #252525;
}
/* 5.5 - Google map
/* ========================================================================== */
.google-map, #map-canvas {
min-height: 390px;
max-height: 390px;
}
@media (max-height:600px) {
.google-map, #map-canvas {
min-height: 390px;
max-height: 390px;
}
}
@media (max-height:400px) {
.google-map, #map-canvas {
min-height: 200px;
max-height: 200px;
}
}
.container.gmap-background {
margin-top: 0;
margin-bottom: 0;
}
.container.gmap-background .on-gmap {
position: relative;
z-index: 1;
min-height: 200px;
width: 350px;
}
@media (max-width:767px) {
.container.gmap-background .on-gmap {
width: 290px;
}
}
.container.gmap-background .google-map, .container.gmap-background #map-canvas {
max-height: 100%;
min-height: 100%;
}
.container.gmap-background .google-map {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.container.gmap-background #map-canvas {
width: 100%;
height: 100%;
}
.container.gmap-background .on-gmap {
border-radius: 10px;
padding: 55px 25px 45px 25px;
line-height: 30px;
}
.container.gmap-background .on-gmap.color {
background-color: #dc143c;
color: #fefefe;
}
/* 5.6 - Parallax
/* ========================================================================== */
.parallax {
position: relative;
z-index: 1;
}
.parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 {
color: #ffffff;
}
.parallax .block-title {
margin-top: 0;
margin-bottom: 20px;
font-size: 90px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}
@media (max-width:767px) {
.parallax .block-title {
font-size: 70px;
}
}
.parallax .block-text {
font-size: 24px;
line-height: 1;
color: #ffffff;
opacity: 0.5;
}
.parallax .block-readmore {
margin-top: 40px;
margin-bottom: 40px;
}
.parallax-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%; /*background-attachment: fixed !important;*/
/*background-attachment: scroll !important;*/
background-repeat: repeat;
z-index: 2;
}
@media (max-width:991px) {
.parallax-bg {
background-size: cover !important;
background-position: 50% 0 !important;
}
}
.parallax-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-position: 50% 0;
background-repeat: repeat;
background-image: url("assets/img/overlay.png");
z-index: 3;
}
.parallax-inner {
position: relative;
color: #ffffff;
z-index: 4;
min-height: 200px;
}
/* 5.7 - Error page
/* ========================================================================== */
.page-section.error-section {
padding-top: 170px;
}
.error-number {
display: block;
font-size: 250px;
font-weight: bold;
line-height: 250px;
text-align: center;
color: #0d1d31;
}
@media (max-width:480px) {
.error-number {
font-size: 150px;
line-height: 200px;
}
}
/* 5.8 - Back to top button
/* ========================================================================== */
.to-top {
background-color: #373737;
color: #FFF !important;
z-index: 9999;
width: 40px;
height: 40px;
border-radius: 20px;
font-size: 25px;
line-height: 35px;
text-align: center;
position: fixed;
bottom: 15px;
left: 50%;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
display: block;
border: 0 !important;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.to-top:hover {
background-color: #dc143c;
color: #ffffff;
}
.to-top .fa {
line-height: 40px;
}
.to-top:hover {
opacity: 0.8;
}
.scrolltop {
bottom: -100px;
}
.scrolltop .fa {
line-height: 35px;
}
/* --------------------------------------------------------------------------
* 5.9 - Coming soon / Error page
* -------------------------------------------------------------------------- */
.coming-soon .page-section > .container {
width: 100%;
}
.coming-soon #main-slider {
display: block;
}
.coming-soon .form-background {
max-width: 400px;
margin: 0 auto;
}
.error-page .page-section > .container {
width: 100%;
}
.error-page .header {
border-bottom: solid 1px #ffffff;
}
.error-page .header > .container {
background-color: transparent !important;
}
.error-page .logo a, .error-page .logo a:hover {
color: #ffffff;
}
.error-page .logo a .logo-hex, .error-page .logo a:hover .logo-hex {
background-color: #ffffff;
}
.error-page .logo a .logo-fa, .error-page .logo a:hover .logo-fa {
color: #dc143c;
}
/* --------------------------------------------------------------------------
* 6 - Helper Classes
* -------------------------------------------------------------------------- */
.btn-preview-light, .btn-preview-light:hover {
width: 170px;
border-width: 5px;
border-color: #f5f5f5;
background-color: #dc143c;
margin-right: 9px;
}
.btn-preview-dark, .btn-preview-dark:hover {
width: 170px;
border-width: 5px;
border-color: #f5f5f5;
background-color: #0d1d31;
}
@media (max-width:400px) {
.btn-preview-light {
margin-right: 0 !important;
}
}
@media (min-width:480px) and (max-width:767px) {
.col-xsp-4, .col-xsp-6, .col-xsp-8 {
float: left;
}
.col-xsp-4 {
width: 33.33333333%;
}
.col-xsp-6 {
width: 50%;
}
.col-xsp-8 {
width: 66.66666667%;
}
.col-xsp-offset-3 {
margin-left: 25%;
}
}
@media (min-width:992px) {
.text-left-md {
text-align: left;
}
.text-right-md {
text-align: right;
}
.text-center-md {
text-align: center;
}
}
.text-uppercase {
text-transform: uppercase;
}
.margin-top {
margin-top: 50px;
}
.margin-bottom {
margin-bottom: 50px;
}
.clear {
clear: both;
}
.vhidden {
visibility: hidden;
}
.visible {
visibility: visible;
}
.overflowed {
overflow: hidden;
position: relative;
}
.vertical-align {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/*[data-animation],*/
.animated {
visibility: hidden;
-webkit-animation-duration: .65s;
animation-duration: .65s; /*-webkit-animation-fill-mode: both;
animation-fill-mode: both;*/
}
.animated .fa {
visibility: hidden;
}
.animated .animated .fa {
visibility: hidden;
}
@media (max-width:991px) {
.animated, .animated .animated, .animated .fa, .animated .animated .fa {
/* Disable animation on small devices */
visibility: visible;
-webkit-animation-name: animation-off;
animation-name: animation-off;
}
}
.vhidden {
visibility: hidden;
}
.visible {
visibility: visible;
}
.visible .fa {
visibility: visible;
}
.visible .visible .fa {
visibility: visible;
}
.div-table, .div-cell {
height: 100% !important;
display: table !important;
}
.div-cell {
display: table-cell !important;
vertical-align: middle !important;
float: none !important;
}
.row.div-table {
margin: 0;
}
@media (max-width:767px) {
.row.div-table .div-cell {
display: block !important;
}
}
.div-cell.dark {
}
.div-cell.light {
}
.div-cell.color {
}
.div-cell.va-top {
vertical-align: top !important;
}
.div-cell.padding-top {
padding-top: 15px;
}
.div-cell.padding-bottom {
padding-top: 15px;
}
.inline-block {
display: inline-block !important;
}
/* Remove firefox dotted line
* -------------------------------------------------------------------------- */
a, a:active, a:focus, input, input:active, input:focus, button, button:active, button:focus, select, select:active, select:focus, .bootstrap-select .btn, .bootstrap-select .btn:active, .bootstrap-select .btn:focus {
outline: 0 !important;
}
/* Remove webkit outline glow
* -------------------------------------------------------------------------- */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Dark version css
* -------------------------------------------------------------------------- */
body.body-dark {
/*background: #0c1629;*/
color: #eff6ff;
}
.body-dark #preloader {
background: #0d1d31;
}
.body-dark .spinner:after {
border: .90em solid rgb(13, 29, 49);
}
.body-dark.wide .page-section, .body-dark.boxed .page-section > .container {
background: #0d1d31;
color: #eff6ff;
}
.body-dark.wide .page-section.light, .body-dark.boxed .page-section.light > .container {
background-color: #122135;
color: #eff6ff;
}
.body-dark.wide .page-section.color, .body-dark.boxed .page-section.color > .container {
background-color: #122135;
color: #eff6ff;
}
.body-dark h1, h2, h3, h4, h5, h6 {
color: #ffffff;
}
.body-dark .section-title {
color: #ffffff;
}
.body-dark .section-title small {
color: #435469;
}
.body-dark .section-title .fa-stack .fa {
color: #ffffff;
}
.body-dark .color .section-title .fa-stack .fa {
color: #ffffff;
}
.body-dark .section-title .rhex {
background-color: #dc143c;
}
.body-dark .color .section-title .rhex {
background-color: #dc143c;
}
.body-dark .color .btn-theme {
color: #ffffff;
background-color: #dc143c;
border-color: #dc143c;
}
.body-dark .color .btn-theme:hover {
background-color: #000000;
border-color: #000000;
color: #ffffff;
}
.body-dark .form-control {
border-color: #435469;
background-color: #1c2b3d;
color: #eff6ff;
}
.body-dark .form-control:focus {
border-color: #ea032d;
}
.body-dark .bootstrap-select > .selectpicker {
border-color: #435469;
background-color: #1c2b3d !important;
color: #eff6ff !important;
}
.body-dark .bootstrap-select .dropdown-menu {
background-color: #1c2b3d !important;
}
.body-dark .bootstrap-select .dropdown-menu > li > a {
color: #eff6ff;
}
.body-dark .event-background {
background-color: #dc143c;
}
.body-dark .event-description .media-heading {
color: #0d1d31;
}
.body-dark .timeline .media-body {
background-color: #1e2c3f;
}
.body-dark .timeline .post-media {
border-color: #556172;
}
.body-dark .timeline .post-meta, .body-dark .timeline .post-meta .fa {
color: #ffffff !important;
}
.body-dark .timeline .post-readmore, .body-dark .timeline .post-readmore .fa {
color: #435469;
}
.body-dark .partners-carousel .owl-carousel div a {
background-color: #16263a;
}
.body-dark .testimonials.owl-theme .owl-dots .owl-dot span {
background-color: #122135 !important;
border: solid 2px #435469 !important;
}
.body-dark .testimonials.owl-theme .owl-dots .owl-dot.active span, .body-dark .testimonials.owl-theme .owl-dots .owl-dot:hover span {
background-color: #435469 !important;
}
.body-dark .testimonials .media-heading {
color: #435468;
}
.body-dark .thumbnail .caption {
color: #435469;
}
.body-dark .caption-title {
color: #eff6ff;
}
.body-dark .price-table {
border-color: #435469;
}
.body-dark .price-table-row {
color: #eff6ff;
border-top-color: #1f2c3c;
}
.body-dark .price-table-row-bottom {
border-top-color: #1f2c3c;
}
@media (min-width:768px) {
.body-dark .row.faq .nav li.active:before {
content: '';
position: absolute;
top: 15px;
right: -31px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid #435469;
border-bottom: 10px solid transparent;
z-index: 1;
}
.body-dark .row.faq .nav li.active:after {
content: '';
position: absolute;
top: 15px;
right: -32px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid #102033;
border-bottom: 10px solid transparent;
z-index: 2;
}
}
.body-dark .row.faq .tab-content {
border-color: #435469;
background-color: #102033;
color: #ffffff;
}
.body-dark .row.faq .tab-content:before {
border-right-color: #435469;
}
.body-dark .row.faq .tab-content:after {
border-right-color: #102033;
}
.body-dark .row.faq .nav li a {
border-color: #435469;
background-color: #1c2b3d;
color: #eff6ff;
}
.body-dark .post-title, .body-dark .post-title a {
color: #ffffff;
}
.body-dark .post-header .post-meta {
color: #ff4e00;
}
.body-dark .post-type .fa {
color: #878c92;
}
.body-dark .container.gmap-background .on-gmap.color {
background-color: #0d1d31;
}
.body-dark.wide .footer-meta, .body-dark.boxed .footer-meta > .container {
background-color: #0d1d31;
color: #435469;
}
.body-dark .pagination-wrapper {
border-top: solid 1px #435469;
}
.body-dark .pagination > li > a {
background-color: #435469;
color: #f5f5f5;
}
.body-dark .pagination > li > a:hover, .body-dark .pagination > li > span:hover, .body-dark .pagination > li > a:focus, .body-dark .pagination > li > span:focus {
background-color: #dc143c;
color: #ffffff;
}
.body-dark .pagination > .active > a, .body-dark .pagination > .active > span, .body-dark .pagination > .active > a:hover, .body-dark .pagination > .active > span:hover, .body-dark .pagination > .active > a:focus, .body-dark .pagination > .active > span:focus {
background-color: #dc143c;
border-color: #dc143c;
}
.body-dark .widget.categories li a {
background-color: #435469;
color: #f5f5f5;
}
.body-dark .widget.categories li.active a, .body-dark .widget.categories li a:hover {
background-color: #dc143c;
color: #ffffff;
}
.body-dark .about-the-author {
border-top: solid 1px #435469;
}
.body-dark .comments {
border-top: solid 1px #435469;
}
.body-dark .comment-reply {
border-bottom: solid 1px #435469;
}
.body-dark .comments-form {
border-top: solid 1px #435469;
}
/* RTL
/* ========================================================================== */
/*body.rtl {direction: rtl;}
body.rtl #themeConfig {direction: ltr;}*/
body.rtl .pull-left {
float: right !important;
}
body.rtl .pull-right {
float: left !important;
}
body.rtl .media > .pull-left {
margin-right: 0;
margin-left: 10px;
}
body.rtl .media > .pull-right {
margin-left: 0;
margin-right: 10px;
}
body.rtl .logo {
float: right;
}
body.rtl .navigation {
float: left;
}
body.rtl .sf-menu {
margin-right: 0;
margin-left: -1em;
}
body.rtl .sf-menu > li {
float: right;
}
/*body.rtl .owl-carousel {direction: ltr;}*/
/*body.rtl #main-slider .caption {direction: rtl;}*/
body.rtl #main-slider .caption-text .btn:first-child {
margin-right: 0;
margin-left: 30px;
}
body.rtl .dropdown-menu {
right: 0;
left: auto;
float: left;
text-align: right;
}
body.rtl .event-background {
text-align: right;
}
body.rtl .section-title .fa-stack {
margin-right: 0;
margin-left: 20px;
}
/*body.rtl .section-title .title-inner {display: inline-block;}*/
/*body.rtl .section-title .title-inner small {float: left; margin-right: 10px;}*/
body.rtl p.btn-row .btn {
margin-right: 0;
margin-left: 10px;
}
body.rtl .timeline .post-media.pull-left {
margin-left: 60px;
}
body.rtl .timeline .post-media.pull-right {
margin-right: 60px;
}
body.rtl .timeline .post-readmore {
text-align: right;
}
body.rtl .section-title .title-inner {
text-align: right;
}
body.rtl .color #af-form .form-control {
text-align: right;
}
body.rtl .tagcloud a {
float: right;
}
body.rtl .partners-carousel .owl-theme .owl-controls .owl-nav {
right: auto;
left: 0;
}
@media (min-width:1024px) {
body.rtl .testimonials .owl-dots {
right: auto;
left: 0;
}
}
body.rtl .testimonial .media-body {
padding-right: 0;
padding-left: 15px;
}
body.rtl ul {
padding-right: 0;
}
body.rtl .social-line li {
padding: 20px 0 15px 5px;
}
body.rtl .price-table.featured:before {
right: auto;
left: -65px;
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(-45deg); /* IE 9 */
transform: rotate(-45deg);
}
body.rtl .bootstrap-select.btn-group .btn .filter-option {
text-align: right;
}
body.rtl .bootstrap-select.btn-group .btn .caret {
right: auto;
left: 12px;
}
body.rtl .row.faq .nav li a .fa {
float: right;
margin-right: 0;
margin-left: 15px;
}
@media (min-width:768px) {
body.rtl .row.faq .nav li.active:before {
content: '';
position: absolute;
top: 15px;
right: auto;
left: -31px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: none;
border-left: 10px solid #435469;
border-bottom: 10px solid transparent;
z-index: 1;
}
body.rtl .row.faq .nav li.active:after {
content: '';
position: absolute;
top: 15px;
right: auto;
left: -32px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: none;
border-left: 10px solid #fdfdfd;
border-bottom: 10px solid transparent;
z-index: 2;
}
body.rtl.body-dark .row.faq .nav li.active:before {
content: '';
position: absolute;
top: 15px;
right: auto;
left: -31px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: none;
border-left: 10px solid #435469;
border-bottom: 10px solid transparent;
z-index: 1;
}
body.rtl.body-dark .row.faq .nav li.active:after {
content: '';
position: absolute;
top: 15px;
right: auto;
left: -32px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: none;
border-left: 10px solid #102033;
border-bottom: 10px solid transparent;
z-index: 2;
}
}
@media (max-width:767px) {
body.rtl .row.faq > .pull-left, body.rtl .row.faq > .pull-right {
float: none !important;
}
}
body.rtl .post-type {
right: auto;
left: 25px;
}
body.rtl .post-readmore {
text-align: right;
}
body.rtl #af-form .tooltip, body.rtl .registration-form .tooltip {
left: auto !important;
right: 15px !important;
}
body.rtl .tag-cloud li {
float: right;
margin: 0 0 10px 10px;
}
body.rtl .widget.flickr-feed ul {
margin-left: 0;
margin-right: -10px;
}
body.rtl .widget.flickr-feed li {
float: right;
margin: 0 10px 10px 0;
}
body.rtl .pagination > li > a, body.rtl .pagination > li > span {
float: right;
}
body.rtl .pagination > li > a {
margin: 0 0 0 10px;
}
@media (max-width:991px) {
body.rtl .navigation.closed {
right: auto;
left: -250px;
}
body.rtl .navigation.opened {
right: auto;
left: 0;
}
body.rtl .navigation.closed .menu-toggle {
right: auto;
left: 15px;
}
body.rtl .navigation.opened .menu-toggle {
right: auto;
left: 15px;
}
}
/* ********************************************************************************************* */
/** Fix For Themeforest with unit data ******************************************************/
/* Custom by ovatheme */
.js-video embed, .js-video iframe, .js-video object, .js-video video, .content-blog iframe {
width: 100%;
height: 480px;
border: none;
}
/* fix blog detail page */
.wp-caption {
margin-bottom: 24px;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption {
max-width: 100%;
height: auto;
}
blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {
margin-top: 7px;
margin-bottom: 7px;
}
.wp-caption-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px 0;
padding-right: 10px;
}
.sticky {
}
.gallery-caption {
width: 100%;
}
.bypostauthor {
position: relative;
}
.alignright {
margin: 7px 0 7px 24px;
float: right;
clear: right;
}
.alignleft {
margin: 7px 24px 7px 0;
float: left;
clear: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
color: #000;
}
p:empty {
display: none;
}
/* /fix blog detail page */
/* Sidebar */
#sidebar #wp-calendar {
width: 100%;
}
#sidebar #wp-calendar tr th {
background: #ccc;
color: #444;
}
#sidebar #wp-calendar caption {
background: #ccc;
color: #fff;
font-weight: bold;
padding: 10px 0px;
}
#sidebar #wp-calendar tr th, #sidebar #wp-calendar tr td {
border: 1px solid #ccc;
text-align: center;
}
#sidebar #wp-calendar tfoot td {
/*border: none;*/
}
#sidebar form#searchform {
position: relative;
}
#sidebar select {
width: 100%;
height: 30PX;
line-height: 30PX;
}
#sidebar img {
width: auto;
}
#sidebar h3.widget-title img {
width: auto;
float: left;
margin-top: 10px;
margin-right: 10px;
}
.widget_search .screen-reader-text {
display: none;
}
#sidebar .widget_search input.search-submit {
border: none;
padding: 3px 5px;
display: none;
}
.widget_search label, .widget_search label input.search-field {
width: 100%;
}
.widget_search label input.search-field {
height: 40px;
padding: 6px 12px;
background-color: #f5f5f5;
border-color: #f5f5f5;
color: #8a929a;
border-radius: 5px;
border: 1px solid #f5f5f5;
-webkit-appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* /Sidebar */
/* Post sticky */
.sticky {
background: #f3f3f3;
padding: 10px;
}
/* /Post sticky */
/* Fix image over */
img {
max-width: 100%;
}
/* /Fix image over */
/* Fix table */
table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
th {
font-weight: bold;
text-transform: uppercase;
}
td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
ol, ul {
margin: 0;
padding: 0 0 0 16px;
}
ul {
list-style-type: square;
}
ul li {
display: list-item;
text-align: -webkit-match-parent;
}
ol {
display: block;
list-style-type: decimal;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 20px;
margin-top: 0;
}
address {
font-style: italic;
margin: 0 0 24px;
}
cite, em, var, address, dfn {
font-style: italic;
}
/* /Fix table */
/** /Fix For Themeforest with unit data ******************************************************/
/**********************************************************************************************/
p.form-submit {
float: left;
width: 100%;
margin-bottom: 30px;
}
.comment-details .author-name {
float: left;
}
.commentlists header.comment-author {
display: inline-block;
float: left;
margin-right: 10px;
}
.comment_item .comment-details {
margin-bottom: 20px;
}
.speaker .caption-title a {
color: #0d1d31;
}
.tooltip {
top: -45px !important;
}
.list-paypal table tr, .list-paypal table tr td {
border: 1px solid #ccc;
}
.register_tempalte_2 .margin-top {
margin-top: 25px !important;
}
#main-slider.owl-carousel .owl-item {
-webkit-backface-visibility: visible;
}
span.wpcf7-not-valid-tip {
color: #fff !important;
}
.event_loading img {
margin: 20px auto;
width: 16px !important;
}
#commentform input.btn-theme {
margin-bottom: 10px;
}
.widget_categories ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.vc_col-has-fill>.vc_column-inner {
padding-top: 0 !important;
}
.wpb_content_element {
margin-bottom: 0 !important;
}
.archive-schedule, .archive-speakers {
float: left;
width: 100%;
min-height: 200px;
margin-bottom: 50px;
}
.archive-schedule h3.title {
margin-top: 10px;
}
.archive-speakers h3.title {
margin-top: 0;
}
.archive-schedule .intro, .archive-speakers .intro {
font-size: 14px;
}
@media (max-width:768px) {
.archive-schedule .time {
padding-top: 15px;
}
.archive-speakers h3.title {
padding-top: 15px;
}
}
.iframe_eventbrite iframe {
min-height: 500px;
}
.widget a {
color: #333;
line-height: 2em;
}
.page-section.background-img-slider {
position: relative;
}
.wide .page-section.background-img-slider, .boxed .page-section.background-img-slider > .container {
background-position: 50% 0 !important;
background-size: cover !important;
}
.boxed .page-section.background-img-slider .vc_col-sm-12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.wide .page-section.background-img-slider > .container {
width: 1100px;
padding-left: 0;
padding-right: 0;
}
.boxed .page-section.background-img-slider > .container {
padding: 0 !important;
}
.home_slider {
float: left;
margin-top: 140px;
position: relative;
z-index: 1000;
margin-left: 50px;
}
.home_slider:before {
content: "";
background-image: url('assets/img/slider-shadow.png');
background-repeat: no-repeat;
position: absolute;
width: 609px;
height: 609px;
z-index: -1;
top: -170px;
left: -125px;
}
.home_slider .slide_1 {
width: 100%;
}
.clear {
clear: both;
}
.home_slider .slide_1 h2 {
font-family: 'Ubuntu', sans-serif;
color: #82c846;
font-weight: bold;
font-size: 80px;
display: block;
border-top: 10px solid #8dbdd0;
border-bottom: 10px solid #8dbdd0;
float: left;
width: 460px;
text-align: center;
padding-bottom: 20px;
padding-top: 10px;
}
.home_slider .slide_1 h2 ins {
color: #057ec4;
float: left;
margin-top: 10px;
}
.home_slider .slide_1 h2 span {
font-family: 'Ubuntu', sans-serif;
font-weight: normal;
text-align: left;
font-size: 50px;
display: block;
float: left;
width: 100%;
color: #057ec4;
text-align: center;
font-weight: 300;
margin-top: 10px;
}
.home_slider .slide_1 p {
font-family: 'Ubuntu', sans-serif;
font-weight: normal;
text-align: left;
font-size: 23px;
color: #818181;
position: relative;
float: left;
width: 100%;
text-align: center;
margin-top: 10px;
}
.home_slider .slide_1 p em {
font-style: normal;
font-weight: bold;
}
.home_slider .slide_2 p span {
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
font-size: 78px;
color: #057ec4;
display: block;
float: left;
width: 100%;
}
.home_slider .slide_2 p {
color: #fd6066;
display: inline-block;
max-width: 470px;
font-weight: bold;
font-size: 80px;
line-height: 83px;
text-transform: uppercase;
text-align: center;
border-bottom: 10px solid #8dbdd0;
padding-bottom: 22px;
}
.home_slider .slide_2 p ins {
float: left;
width: 100%;
display: block;
text-align: center;
text-decoration: none;
font-size: 46px;
line-height: 66px;
position: relative;
}
.home_slider .slide_2 p ins:before {
display: block;
position: absolute;
content: "";
width: 90px;
height: 10px;
background-color: #8dbdd0;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.home_slider .slide_2 p ins:after {
display: block;
position: absolute;
content: "";
width: 90px;
height: 10px;
background-color: #8dbdd0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
p.organizator {
text-align: center;
}
.home_slider .slide_3 span {
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
text-align: left;
font-size: 80px;
display: inline-block;
position: relative;
top: 36px;
line-height: 30px;
}
.home_slider .slide_3 {
color: #91ca5c;
display: inline-block;
max-width: 460px;
font-family: 'Ubuntu', sans-serif;
font-weight: normal;
text-align: left;
font-size: 40px;
line-height: 50px;
color: #7fcd37;
margin-top: 99px;
}
#indicators_prev {
position: absolute;
cursor: pointer;
background-image: url('assets/img/arrow_left.png');
background-size: cover;
left: -120px;
width: 50px;
height: 50px;
z-index: 10;
top: 220px;
}
#indicators_next {
position: absolute;
cursor: pointer;
background-image: url('assets/img/arrow_right.png');
background-size: cover;
right: -115px;
width: 50px;
height: 50px;
z-index: 10;
top: 220px;
}
#indicators_prev:hover, #indicators_next:hover {
background-position: left -50px;
}
.bottom_partners {
text-align: left !important;
}
.bottom_partners p {
margin: 0;
padding: 0;
}
.bottom_partners .partners_head {
margin-top: 10px;
}
.bottom_partners .partners {
float: left;
text-align: left !important;
margin-top: 10px;
}
.bottom_partners .partners li {
float: left;
display: block;
text-align: left !important;
margin-right: 10px;
margin-bottom: 15px;
}
.bottom_partners .partners li img {
width: 200px;
}
.general-sponsor {
margin-top: 20px;
margin-bottom: 30px;
}
.general-sponsor ins {
text-decoration: none;
text-transform: uppercase;
font-size: 15px;
margin-bottom: 5px;
}
.general-sponsor a {
display: inline-block;
text-align: center;
}
.general-sponsor a:hover {
opacity: 0.9;
}
.partners_head {
text-decoration: none;
text-transform: uppercase;
font-size: 26px;
font-weight: 300;
}
.partners {
margin: 0;
padding: 0;
margin-top: 0px;
}
.clear {
clear: both;
}
.partners li {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.partners li a {
background-color: #f3f4f5;
border-radius: 5px;
padding: 5px;
display: inline-block;
}
.partners li a:hover {
opacity: 0.9;
}
.partners li img {
width: 180px;
}
html .main-footer {
border-top: 1px solid #FFF !important;
border-top-width: 1px !important;
padding-bottom: 30px !important;
}
.main-footer .copyright {
color: #FFF;
font-size: 14px;
font-weight: 300;
}
html .vc_custom_1465522886266 {
padding-bottom: 25px !important;
padding-top: 10px !important;
}
.contacts_info {
margin-top: 100px;
}
.contacts_info h3 {
font-size: 16px;
text-transform: uppercase;
color: #FFFFFF;
font-weight: bold;
margin-bottom: 0;
margin-top: 25px;
}
.contacts_info p {
font-size: 16px;
font-weight: 300;
margin-bottom: 0;
}
.wpcf7-form p {
font-size: 15px;
font-weight: 300;
}
.wpcf7-form p input, .wpcf7-form p textarea {
margin-top: 10px;
width: 390px;
padding: 0 10px;
height: 44px;
color: #636363;
border: 0;
border-radius: 3px;
}
.wpcf7-form p textarea {
height: 170px;
padding: 10px;
}
.wpcf7-form p input.wpcf7-submit {
width: auto;
background: transparent;
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
padding-left: 0;
background-image: url('assets/img/send-form-arrow.png');
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
}
.section-title {
text-transform: uppercase;
font-size: 38px;
font-weight: normal;
}
.container.gmap-background .on-gmap.color {
background-color: #fd6066 !important;
}
.on-gmap.color .section-title .fa-stack .fa {
color: #fd6066 !important;
}
.container.gmap-background .on-gmap .text-uppercase {
float: left;
width: 100%;
margin-top: 5px;
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
text-transform: none;
}
.container.gmap-background .on-gmap .text-uppercase p {
font-weight: normal;
width: 100%;
float: left;
margin: 0;
line-height: 21px;
}
.container.gmap-background .on-gmap .text-uppercase p.adress-title {
display: block;
float: left;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
.container.gmap-background .on-gmap .btn-theme {
padding: 0;
background-color: #fd6066 !important;
border: 0 !important;
color: #FFFFFF !important;
background-image: url('assets/img/send-form-arrow.png');
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
}
#about .btn-theme {
background-color: #fd6066 !important;
border-color: #fd6066 !important;
color: #FFF !important;
font-size: 20px;
font-weight: normal;
padding: 17px 35px !important;
}
.speaker .social-line {
display: none !important;
}
.speaker .caption-title a {
font-weight: normal;
color: #636363;
font-size: 20px;
}
.speaker .caption-category {
margin-top: 5px;
font-size: 18px;
line-height: 22px;
}
.sf-menu > li {
border-radius: 4px !important;
}
.sf-menu a {
color: #4e4e4e !important;
}
.sf-menu li.active {
background-color: #057ec4 !important;
}
.sf-menu li.active a {
color: #FFFFFF !important;
}
.navigation.opened {
overflow: auto !important;
}
.sf-menu.nav > li > a, .sf-menu a {
padding: 10px 15px;
}
#home.background-img-slider {
background-position: top center !important;
background-size: cover !important;
}
#home .vc_column_container:before {
content: "";
background-image: url('assets/img/logo-shadow.png');
background-repeat: no-repeat;
position: absolute;
width: 879px;
height: 413px;
z-index: 0;
left: -320px;
}
.slide_registration {
text-transform: uppercase;
font-family: 'Roboto', sans-serif !important;
font-weight: normal;
font-size: 24px;
color: #FFFFFF !important;
background-color: #fd6066;
height: 69px;
margin-top: 10px;
margin-left: 0;
display: block;
line-height: 69px;
padding-left: 30px;
padding-right: 30px;
border-radius: 5px;
width: 245px;
position: static;
box-sizing: border-box;
font-size: 19px;
font-weight: bold;
text-align: center;
margin: 0 auto;
margin-top: 30px;
}
.slide_registration:hover {
background-color: #f34b47 !important;
color: #FFF;
background-image: none;
}
.home_slider .social {
display: block;
margin: 0 auto;
margin-top: 40px;
text-align: center;
width: 245px;
}
.slide_facebook {
width: 53px;
height: 53px;
display: inline-block;
background: transparent url('assets/img/fb-btn.png') no-repeat 0 0;
background-size: cover;
}
.slide_facebook:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.slide_youtube {
margin-left: 35px;
width: 53px;
height: 53px;
display: inline-block;
background: transparent url('assets/img/you-btn.png') no-repeat 0 0;
background-size: cover;
}
.slide_youtube:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.wide .header.shrink, .boxednew .header.shrink {
background-color: #FFFFFF !important;
border-bottom: 1px solid #eaeaea !important;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.timeline .post-readmore {
display: none;
}
.timeline .post-title {
font-size: 18px;
}
.schedule-wrapper .schedule-tabs.lv2 .nav > li.active > a {
background-color: #fd7470;
color: #fff !important;
font-weight: bold;
}
.schedule-wrapper .schedule-tabs.lv1 .nav > li.active::before {
display: none;
}
.schedule-wrapper .schedule-tabs.lv2 .nav > li.active::before {
display: none;
}
.schedule-tabs.lv2 {
border: 1px solid #babdbf !important;
}
.schedule-wrapper .schedule-tabs .nav > li > a {
width: 100%;
}
.schedule-wrapper .schedule-tabs.lv2 .nav > li > a {
font-weight: bold;
color: #868686 !important;
}
.sub-page .header {
background-color: #FFF !important;
}
.haeder .container {
}
.page-section.with-sidebar {
padding-top: 200px !important;
}
html .menu-toggle {
color: #057ec4 !important;
}
html .navigation.opened .menu-toggle {
color: #ffffff !important;
right: 15px;
top: 7px;
}
.sub-page .header .logo {
width: 150px;
}
.z-index2 {
z-index: 2;
}
.form-group .dropdown-menu.open .bootstrap-select-searchbox {
display: none;
}
.mtop10 {
margin-top: -10px !important;
}
.sub-page .to-top {
display: none !important
}
@media (max-width:1500px) {
.home_slider {
margin-top: 150px;
}
}
@media (max-width:991px) {
.navigation {
background-color: rgba(13, 29, 49, 0.95);
}
.sf-menu a {
color: #ffffff !important;
}
.wpcf7-form p input, .wpcf7-form p textarea {
max-width: 100%;
}
}
@media screen and (max-width:800px) {
.home_slider .slide_1 h2 {
width: 330px;
}
.section-title {
font-size: 26px;
}
#exhibitors .thumbnails div.col-md-3 {
float: left;
max-width: 100%;
}
#amenities .thumbnails div.col-md-3 {
float: left;
max-width: 100%;
}
#home.background-img-slider {
background-size: cover !important;
height: 750px !important;
}
.home_slider .slide_1 h2 span {
top: -7px;
}
.logo {
width: 160px;
}
.home_slider .slide_1 p {
left: auto;
top: auto;
}
.home_slider .social {
width: auto;
}
/*
#home {
background-position: 60% 120px !important;
}
*/
.home_slider {
min-height: 400px;
padding: 0 0 41% 0;
}
.home_slider .social {
/* display: block; */
margin-top: 12px;
margin-left: 0px;
}
.slide_facebook {
width: 40px;
height: 40px;
}
.slide_youtube {
margin-left: 10px;
width: 40px;
height: 40px;
}
#indicators_prev {
display: none;
top: 200px;
width: 40px;
height: 40px;
}
#indicators_next {
display: none;
top: 200px;
width: 40px;
height: 40px;
}
.slide_registration {
width: 160px;
height: 46px;
line-height: 46px;
font-size: 15px;
padding: 0 10px;
text-align: center;
}
.home_slider .slide_1, .home_slider .slide_2, .home_slider .slide_3 {
padding-left: 0;
}
.home_slider .slide_1 h2 {
margin-top: 20px;
font-size: 48px;
}
.home_slider .slide_1 h2 span {
font-size: 33px;
}
.home_slider .slide_1 p {
font-size: 20px;
}
.home_slider .slide_2 p span {
font-size: 42px;
}
.home_slider .slide_2 p {
margin-top: 20px;
font-size: 42px;
line-height: 44px;
}
.home_slider .slide_3 span {
font-size: 40px;
top: 0px;
line-height: 40px;
display: block;
}
.home_slider .slide_3 {
margin-top: 20px;
font-size: 30px;
line-height: 30px;
}
.wpcf7-form p input, .wpcf7-form p textarea {
max-width: 100%;
}
.home_slider:before {
display: none;
}
}
@media screen and (max-width:580px) {
.home_slider {
margin-left: 0px;
}
.home_slider .slide_1 h2 {
width: 300px;
}
.home_slider .slide_1 h2 ins {
font-size: 18px !important;
}
.home_slider .slide_1 h2 span {
font-size: 22px;
}
.home_slider .slide_1 p {
font-size: 16px;
margin-bottom: 0;
}
.home_slider .slide_1 h2 {
font-size: 32px;
}
.home_slider .slide_2 p ins:before {
height: 5px;
width: 40px;
}
.home_slider .slide_2 p ins:after {
height: 5px;
width: 40px;
}
.home_slider .slide_2 p ins {
font-size: 20px;
line-height: 22px;
}
.home_slider .slide_2 p span {
font-size: 35px;
}
.home_slider .slide_2 p {
font-size: 35px;
line-height: 35px;
border-bottom: 5px solid #8dbdd0;
padding-bottom: 10px;
width: 210px;
margin-top: 0;
}
p.organizator {
font-size: 12px;
position: relative;
top: 20px;
}
}
@media screen and (max-width:475px) {
#home.background-img-slider {
background-image: url('assets/img/eventpuls-mainbgr-mobile.jpg') !important;
background-size: auto !important;
height: 480px !important;
background-position: top right !important;
}
#home .vc_column_container:before {
content: "";
background-image: url('assets/img/logo-shadow-mobile.png');
background-repeat: no-repeat;
position: absolute;
width: 291px;
height: 222px;
z-index: 0;
left: 0px;
top: 0;
}
.logo {
width: 135px;
margin-top: -30px;
}
.home_slider .slide_1 {
}
.home_slider .slide_1 h2 {
font-size: 30px;
margin-bottom: 0;
}
.home_slider .slide_1 h2 span {
font-size: 21px;
}
.home_slider .slide_1 p {
font-size: 14px;
color: #818181;
}
.home_slider {
margin-left: 10px;
margin-top: 60px;
}
.slide_registration {
font-size: 12px;
height: 35px;
line-height: 35px;
width: 125px;
}
.menu-toggle {
top: 10px;
}
}
@media screen and (max-width:475px) {
.home_slider .slide_1 h2 {
width: 200px;
margin-top: 10px;
padding-top: 3px;
padding-bottom: 6px;
border-bottom: 5px solid #8dbdd0;
border-top: 5px solid #8dbdd0;
font-size: 35px;
}
.home_slider .slide_1 h2 ins {
font-size: 12px !important;
margin-top: 4px;
text-align: center;
width: 100%;
display: block;
}
.home_slider .slide_1 h2 span {
font-size: 18px;
margin-top: 2px;
}
.home_slider .slide_1 p {
font-size: 12px;
margin-bottom: 0;
margin-top: 5px;
}
.home_slider .slide_1 h2 {
font-size: 22px;
}
.home_slider .social {
position: absolute;
bottom: 0;
}
.home_slider .slide_1 {
width: 200px;
float: left;
}
.slide_registration {
position: absolute;
right: -90px;
top: 83px;
}
}
/* Register form style */
#register .section-title {
color: #FFFFFF;
}
#register .crcle {
background-color: #FFFFFF !important;
}
#register .section-title .fa-stack .fa {
color: #fd7470 !important;
}
#register p.western {
color: #FFFFFF;
}
#register .form-group {
color: #FFFFFF;
}
#register .form-control, #register .bootstrap-select > .selectpicker {
border: 1px solid #FFFFFF;
}
#register .form-control {
color: #057ec4;
}
#register .whitebgr > div {
background-color: #FFFFFF;
border-radius: 10px;
padding: 15px;
font-size: 17px;
color: #6d7a83;
min-height: 130px;
}
#register .whitebgr > div label {
font-weight: normal;
font-size: 17px;
}
#register .whitebgr > div input {
margin-right: 15px;
}
#amenities .thumbnail {
max-width: 200px;
}
#amenities .thumbnail .caption.before-media {
display: none;
}
#amenities .thumbnail .media {
border: 5px solid #afb4ba;
border-radius: 10px;
}
/*
#amenities .thumbnails.row{
text-align: center;
}
#amenities .col-md-3{
float: none;
display: inline-block;
text-align: center;
}
#amenities .col-md-3{
float: none;
display: inline-block;
}
#amenities .col-md-3 .thumbnail{
float: none;
display: inline-block;
}
*/
.captcha-1 input {
width: 313px !important;
}
.lottery{
width: 960px;
margin-left: 90px;
position: relative;
}
.slick-list{
overflow: hidden;
}
.lotterty-item{
float: left;
margin-left: 30px;
margin-right: 30px;
text-align: center;
}
.lotterty-item p{
font-size: 16px;
line-height: 18px;
margin-top: 10px;
color: #057ec4;
}
.item-photo{
border: 4px solid #057ec4;
border-radius: 10px;
overflow: hidden;
text-align: center;
}
.item-photo img{
max-width: 100%;
}
.item-photo:hover{
opacity: 0.8;
}
.slick-arrow{
position: absolute;
top: 0;
background: transparent none repeat scroll 0 0;
border: medium none;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
height: 50px;
line-height: 0;
outline: medium none;
padding: 0;
top: 40px;
width: 50px;
border-radius: 10px;
border: 1px solid #057ec4;
background-repeat: no-repeat;
background-position: center center;
}
.slick-arrow:hover{
opacity: 0.8;
}
.slick-prev{
left: -80px;
background-image: url("assets/img/slick-prev.png");
}
.slick-next{
right: -80px;
background-image: url("assets/img/slick-next.png");
}
@media screen and (max-width: 1200px) {
.lottery{
width: 100%;
margin-left: 0;
}
.slick-prev{
left: -30px;
z-index: 10;
}
.slick-next{
right: -30px;
}
}
@media screen and (max-width: 990px) {
}