/* Theme Name: Imevent Theme URI: https://themeforest.net/user/ovatheme/portfolio Version: 3.3.8 Description: Created by ovatheme Author: Ovatheme Author URI: https://themeforest.net/user/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.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.2 - Preloader /* ========================================================================== */ html body #preloader { position: fixed; top: 0px; left: 0px; background-color: #fff; z-index: 9999!important; width: 100%; height: 100%; } .body_hide{ opacity: 0; z-index: 0; } html body #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.jpg'); 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 { 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: 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; } .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;} .section-title.white_text, .section-title.white_text small{ color: #fff; } .color .btn-theme-transparent, .color .btn-theme-transparent:focus, .color .btn-theme-transparent:active{ background-color: #fff; } .section-title.normal { margin-bottom: 35px; } /* 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: 9998;} .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: 9998; } .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 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: 34px;} .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; } /* 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 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;} .multi-bg .item.page{ background-size: cover!important; background-position: top center!important; position: relative; } #main-slider.multi-bg .caption{ background-color: rgba(0,0,0,0.5); } @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 { margin-top: -96px; z-index: 111; font-size: 14px; font-weight: 700; line-height: 18px; text-align: left; color: #ffffff; position: relative; } .event-background { border-radius: 30px 30px 0 0; background-color: #0d1d31; margin: 0 15px; padding-bottom: 10px; } @media (max-width: 990px) { .event-description { display: block; position: relative; margin-top: 20px; } .event-background { border-radius: 5px 5px 0px 0px; padding-bottom: 15px; } } .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; } .share_social { position: relative; } .share_social .share_schedule{ opacity: 0; position: absolute; top: 0; right: 31px; padding-right: 10px; background: #fff; line-height: 30px; font-size: 20px; visibility: hidden; } .share_social:hover .share_schedule{ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; visibility: visible; opacity: 1; } .schedule-wrapper .post-wrap.speaker_hex .post-media{ border: none; border-radius: 0!important; } .schedule-wrapper .post-wrap.speaker_hex .post-media img{ width: 100px; height: 115px; } .schedule-wrapper .post-wrap.speaker_hex .schedule_speaker_hex{ width: 100px; height: 115px; position: relative; margin: 0 auto; } .schedule-wrapper .post-wrap.speaker_square .post-media{ border-radius: 4px; } .schedule-wrapper .post-wrap.speaker_square img{ border-radius: 4px; } .schedule_img img{ width: 100%; height: auto; margin-bottom: 30px; } .speaker_img img{ width: 100%; height: auto; margin-bottom: 30px; } .speaker_desc{ margin-bottom: 15px; } .schedule-wrapper .timeline .post-excerpt{ margin-bottom: 10px; } /* 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(220, 20, 60, 0.60); 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; } .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; } @media (max-width: 767px) { .container.gmap-background .on-gmap { width: 100%; } .container.gmap-background .google-map{ position: relative; width: 100%; height: 500px; margin-top: 30px; } } /* 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: #9f9197; z-index: 9998; width: 40px; height: 40px; border-radius: 20px; font-size: 25px; line-height: 35px; text-align: center; position: fixed; bottom: -100px; left: 50%; margin-left: -20px; cursor: pointer; overflow: hidden; -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; } /* -------------------------------------------------------------------------- * 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%; 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; } .header .header-wrapper { position: relative; display: flex; justify-content: space-between; align-items: center; } .header .header-wrapper:before, .header .header-wrapper:after{ display: none; } .header .header-wrapper .logo img{ max-height: 300px; } ul.sf-menu{ margin-right: 0; } .header.fixed.h_relative{ position: relative; } .header.fixed.h_relative.shrink{ position: fixed; } .product_sidebar ul{ list-style: none; margin: 0; padding: 0; } .product_sidebar .product-categories{ list-style: none; margin: 0; padding: 0; } .product_sidebar .widget{ margin-bottom: 60px; } h1.woocommerce-products-header__title{ font-weight: 600; } .woocommerce h1, .woocommerce h2, .woocommerce h3{ font-weight: bold; text-transform: uppercase; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ border-radius: 4px; height: 40px; border: 1px solid #ccc; padding: 5px; } .woocommerce form .form-row textarea{ height: 120px; } .woocommerce ul.products li.product .price{ font-weight: 500; } .woocommerce .widget_price_filter .ui-slider-horizontal{ height: 3px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ width: 10px; height: 10px; top: -3px; border-radius: 100%; } .woocommerce .widget-title { position: relative; margin-bottom: 30px; margin-top: 0; font-size: 24px; } .woocommerce .widget-title:before{ display: none; } .woocommerce div.product form.cart div.quantity{ display: flex; height: 40px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background-color: #343434; color: #fff; } .woocommerce div.product p.price, .woocommerce div.product span.price{ font-weight: 600; } /* Fix PrettyPhoto in mobile */ @media only screen and (min-width: 480px) and (max-width: 767px) { .pp_pic_holder{ left: 50% !important; width: 98% !important; margin-left: -49% !important; } div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; } .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; } div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; } #pp_full_res iframe{ width: 100%; } } @media only screen and (max-width: 479px) { .pp_pic_holder{ left: 50% !important; width: 98% !important; margin-left: -49% !important; } div.pp_default .pp_content_container .pp_right{ padding-right: 21px !important; } .pp_content, #pp_full_res img{ width: 100% !important; height: 100% !important; } div.pp_default .pp_content_container .pp_details {margin-top: 20px !important; } #pp_full_res iframe{ width: 100%; } }