@import url(//fonts.googleapis.com/css?family=Quattrocento:400,700&subset=latin,latin-ext); /*@import '//fonts.googleapis.com/css?family=Cormorant+Garamond:400,700&subset=latin-ext';*/ @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; src: url('../fonts/cormorant-garamond-v7-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local('Cormorant Garamond Regular'), local('CormorantGaramond-Regular'), url('../fonts/cormorant-garamond-v7-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/cormorant-garamond-v7-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/cormorant-garamond-v7-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/cormorant-garamond-v7-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/cormorant-garamond-v7-latin-ext_latin-regular.svg#CormorantGaramond') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 700; src: url('../fonts/cormorant-garamond-v7-latin-ext_latin-700.eot'); /* IE9 Compat Modes */ src: local('Cormorant Garamond Bold'), local('CormorantGaramond-Bold'), url('../fonts/cormorant-garamond-v7-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/cormorant-garamond-v7-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/cormorant-garamond-v7-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/cormorant-garamond-v7-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/cormorant-garamond-v7-latin-ext_latin-700.svg#CormorantGaramond') format('svg'); /* Legacy iOS */ } html { overflow-x: hidden; min-height: 100%; } body { overflow: auto; font: 15px/23px 'Open Sans', Segoe UI, Arial, sans-serif; color: #3e474c; background: url(../img/body-background.jpg) repeat; transition: all, 0.4s; overflow-x: hidden; } .hidden-thing { position: relative; overflow-x: hidden; min-height: calc(100vh - 149px); } /* body.boxed-layout { background: #3d5e93 url(../img/background/1.jpg) no-repeat; background-size: cover; background-attachment: fixed; } */ img { max-width: 100%; height: auto; display: inline; margin-top: -5px; margin-left: auto; margin-right: auto; image-orientation: from-image; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } img.align-left { text-align: left; float: left; margin: 0 15px 15px 0; } img.align-center { text-align: center; margin: 10px auto; } img.align-right { text-align: right; float: right; margin: 0 0 15px 15px; } iframe { width: 100%; border: none; } #qLbar { top: 0 !important; margin-top: 0 !important; background: #ff2b2b; background: -moz-linear-gradient(left, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #ff2b2b), color-stop(36%, white), color-stop(50%, white), color-stop(66%, white), color-stop(100%, #25681c)); background: -webkit-linear-gradient(left, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); background: -o-linear-gradient(left, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); background: -ms-linear-gradient(left, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); background: linear-gradient(to right, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b2b', endColorstr='#25681c', GradientType=1); border-bottom: solid 1px #dee0e5; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } /* Content Animation */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /* ==================================== */ /* TYPOGRAPHY */ /* ==================================== */ h1 { font-size: 30px; font-weight: 800; text-transform: uppercase; margin: 30px 0 20px; } h2 { font-size: 2.5vmin; font-weight: 400; margin: 30px 0 20px; } h3 { font-size: 18px; font-weight: 800; text-transform: uppercase; margin: 0px 0 10px; } h4 { font-size: 18px; font-weight: 600; margin: 30px 0 20px; } h5 { font-size: 18px; font-weight: 400; text-transform: uppercase; margin: 30px 0 20px; } h6 { font-size: 16px; font-weight: 700; margin: 30px 0 20px; } p { margin: 10px 0; } a { color: #da0a0a; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } a:hover { color: #950006; text-decoration: none; } a:focus { color: #da0a0a; text-decoration: none; } /*div.node-body * {*/ /*font: 15px/23px 'Open Sans', Segoe UI, Arial, sans-serif !important;*/ /*}*/ /*div.node-body h3 {*/ /*font-size: 16px !important;*/ /*margin-top: 10px !important;*/ /*margin-bottom: 25px !important;*/ /*font-weight: bold !important;*/ /*}*/ div.node-body h1 { font-size: 30px; font-weight: 800; text-transform: uppercase; margin: 30px 0 20px; } div.node-body h2 { font-size: 24px; font-weight: 600; margin: 30px 0 20px; } div.node-body h3 { font-size: 18px; font-weight: 400; text-transform: uppercase; margin: 30px 0 20px; } div.node-body h4 { font-size: 18px; font-weight: 300; margin: 30px 0 20px; } div.node-body h5 { font-size: 18px; font-weight: 200; text-transform: uppercase; margin: 30px 0 20px; } div.node-body h6 { font-size: 16px; font-weight: 100; margin: 30px 0 20px; } div.node-body strong { font-size: 15px !important; font-weight: bold !important; } div.node-body ul li { list-style-type: none; } div.node-body ul li:before { content: " "; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #da0a0a; position: absolute; margin-left: -20px; margin-top: 6px; } .small-caption { color: #95999e; font-size: 13px; } .great-vibes { font-family: 'Great Vibes', cursive; } #lower-footer .social-media ul { float: right; margin: 0; } #lower-footer .social-icons { margin-left: 20px; } .blue { color: #4174c5; } .green { color: #4a9b13; } .red { color: #a82512; } .success, .error { color: #fff; background-color: #9a0a0a; text-align: center; font-weight: bold; } .yellow { color: #dd7d00; } iframe + h6, audio + h6 { margin-top: 15px; margin-bottom: 40px; } h6.shortcodes-caption { margin-top: 20px; margin-bottom: 40px; } .row-separator-caption { margin-top: 50px; } /* ==================================== */ /* HEADER */ /* ==================================== */ #header { z-index: 5000; top: 0; left: 0; right: 0; position: relative; } #header .container { padding: 0; width: auto; } #header.sticky-header { position: fixed; } #header.sticky-header .container { padding: 0 15px; width: 1170px; } .boxed-layout #header.sticky-header { left: auto; right: auto; } /* Main Header */ #main-header { padding: 17px 5000px; margin-left: -5000px; margin-right: -5000px; background: #999999; color: #e2eaf2; height: 90px; position: relative; z-index: 5000; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .sticky-header-on.boxed-layout #main-header { padding-left: 15px; padding-right: 15px; margin-left: -30px; margin-right: -15px; } .boxed-layout #main-header { padding-left: 30px; padding-right: 30px; margin-left: -30px; margin-right: -30px; } .sticky-header-on .animate-header #main-header { height: 0; padding: 0; overflow: hidden; } .animate-header #main-header { height: 130px; padding-top: 17px; padding-bottom: 17px; } .logo { height: 64px; } @media (max-width: 992px) { .helper-container { top: -15px; position: fixed; right: 15px; z-index: 10; width: 175px; height: 60px; } } @media (max-width: 768px) { .helper-container { position: relative; right: 20px; top: 8px; height: 0; width: 100%; } } .sightless { float: right; /*position: absolute;*/ cursor: pointer; /*z-index: 10;*/ display: inline-block; margin-top: 25px; width: 25px; height: 25px; margin-right: 5px; /*top: -15px;*/ } /*@media (max-width: 1200px) {*/ /*.sightless {*/ /*margin-left: 330px;*/ /*}*/ /*}*/ /*@media (max-width: 993px) {*/ /*.sightless {*/ /*position: absolute;*/ /*cursor: pointer;*/ /*z-index: 10;*/ /*margin-top: 22px;*/ /*width: 35px;*/ /*height: 35px;*/ /*right: 90px;*/ /*margin-left: -60px;*/ /*top: 0;*/ /*}*/ /*}*/ .language { /*position: absolute;*/ /*z-index: 10;*/ float: right; display: inline-block; margin-top: 27px; /*overflow-y: hidden;*/ max-height: 35px; /*width: 80px;*/ /*background: #8b8b8b;*/ /*border-radius: 3px 3px 3px 3px;*/ font-size: 14px; /*transition: max-height 0.6s;*/ /*margin-left: 95px;*/ /*right: 0;*/ } /*.language:hover, .language.hover {*/ /*max-height: 210px;*/ /*z-index: 5000;*/ /*}*/ .language-col { float: left; display: inline-block; margin-right: 5px; /*width: 80px;*/ } .upper-lang form{ float: right; } /* .language > ul { list-style-type: none; margin-bottom: 0; } .language > ul > li { line-height: 35px; cursor: pointer; text-indent: 40px; margin-left: -40px; } .language > ul > li > a { text-decoration: none; color: white; margin: -2px; } .language > ul > li > a:hover { color: white; } .language > ul > li:hover { background: rgba(255, 0, 0, 0.2); transition: 0.6s; border-radius: 3px; } */ /*@media (max-width: 1200px) {*/ /*.language {*/ /*margin-left: 20px;*/ /*}*/ /*}*/ /*@media (min-width: 993px) {*/ /*.language {*/ /*right: auto;*/ /*}*/ /*}*/ /*@media (max-width: 768px) {*/ /*.language > ul > li {*/ /*text-indent: 32px;*/ /*}*/ /*}*/ /*@media (max-width: 768px) {*/ /*.rtl .language > ul > li {*/ /*text-indent: 34px;*/ /*}*/ /*}*/ .language-flag { display: inline-block; width: 24px; /*margin-left: -32px;*/ /*margin-right: 8px;*/ /*margin-top: -3px;*/ } .header-title { color: white; font-size: 20px; margin-top: 0px; font-family: 'Cormorant Garamond', serif; letter-spacing: 2px; } /*.header-title::first-letter { font-size: 32px; }*/ .first-letter { font-size: 28px; display: inline; letter-spacing: 0.9px; } .header-title-country { margin-top: 10px; font-size: 22px; /*text-transform: uppercase;*/ } .country-element { display: inline-block; } .country-element > p { margin: 0px; } .country-element > p::first-letter { font-size: 33px; } #main-header blockquote { margin: 25px 0 0 0; padding: 0; border: none; font-size: 14px; color: #97acc3; font-style: italic; position: relative; padding-left: 18px; background: transparent; font-weight: 400; } #main-header blockquote:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\ebe1'; color: #50688c; font-size: 11px; position: absolute; left: 0; top: 3px; } #main-header blockquote:after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\ebe2'; color: #50688c; font-size: 11px; position: relative; top: 3px; } #logo { padding-top: 0px; margin-left: 40px; /* margin: 0 auto 10px; */ } #logo img { width: 28px; } @media (max-width: 768px) { #logo img { margin-bottom: 8px; margin-left: -30px; } } #newsletter { display: block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; float: right; } @media (min-width: 992px) { .search-ul { display: none; } } @media (max-width: 992px) { #newsletter { display: none; } #newsletter h5 { display: none; } } ul > .toggle-menu.form { display: block; } @media (max-width: 992px) { .toggle-menu.form { display: block; list-style-type: none; } .toggle-menu.form #newsletter { display: block; width: 100%; } .toggle-menu.form #newsletter input[type="text"] { width: 100%; border: solid 1px #999999; } .toggle-menu.form .newsletter-form { width: 100%; margin: 5px auto 5px auto; } } #newsletter h5 { text-transform: uppercase; font-size: 14px; font-weight: 400; margin-top: 0; margin-bottom: 7px; } #newsletter p.error { font-size: 12px; display: inline-block; position: absolute; padding: 3px 10px; background: #fff; bottom: -25px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #newsletter p.error:before { content: ''; display: block; position: absolute; top: -5px; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; } #newsletter p.success { color: #fff; margin: 10px 0; } .newsletter-form { display: table; } .newsletter-form > * { display: table-cell; overflow: hidden; vertical-align: top; height: 35px; } .newsletter-form .newsletter-email { width: 86%; padding-right: 5px; } .newsletter-form .newsletter-zip { width: 37%; padding: 0 5px; } .newsletter-form input[type="text"] { padding: 7px 10px; border: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; height: 35px; background: #f3f4f6; width: 100%; color: #3e474c; font-size: 13px; margin-bottom: 0; line-height: 17.5px; } .newsletter-form input[type="submit"] { z-index: 100; position: relative; width: 40px; height: 35px; border: none; padding: 0; display: block; margin: 0; background: #da0a0a; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; z-index: 100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } .newsletter-form .newsletter-submit { position: relative !important; } /*.newsletter-form .newsletter-submit .icons{ display:block; position:relative; top:-35px; margin-bottom:-35px; padding-top:5px; padding-left:8px; font-size:16px; width:40px; height:35px; background:#da0a0a; color:#FFF; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-bottom:1px solid #7cc5f8; border-bottom: 1px solid #950006; transition:background 0.3s; -webkit-transition:background 0.3s; -moz-transition:background 0.3s; cursor: pointer; font-size: 24px; } .newsletter-form .newsletter-submit:hover .icons, .newsletter-form .newsletter-submit:hover input{ background:#c90008; border-top-color:#5191d4; }*/ .newsletter-submit button { background: #da0a0a; border-top: 1px solid #f3070a; border-bottom: 1px solid #e30303; color: white; font-size: 18px; padding: 4px; padding-top: 7px; width: 35px; height: 35px; } .newsletter-submit button:hover { background: #950006; border-top-color: #AA0108; border-bottom-color: #780104; } .form-content h5 strong { display: none; } @media (min-width: 768px) { .form-content h5 strong { display: block; } } /* Lower Header */ #lower-header { padding-left: 5000px; padding-right: 5000px; margin-left: -5000px; margin-right: -5000px; background: #f2f4f9; color: #3e474c; position: relative; z-index: 4999; transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } #lower-header:before { position: absolute; content: ''; display: block; top: 0; left: 0; right: 0; bottom: 0; border-top: 1px solid #fff; z-index: 0; } #lower-header:after { border-top: 1px solid #dee0e5; background: #ff2b2b; background: -moz-linear-gradient(left, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #ff2b2b), color-stop(36%, white), color-stop(50%, white), color-stop(66%, white), color-stop(100%, #25681c)); background: -webkit-linear-gradient(left, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); background: -o-linear-gradient(left, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); background: -ms-linear-gradient(left, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); background: linear-gradient(to right, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b2b', endColorstr='#25681c', GradientType=1); content: " "; display: block; width: 100%; height: 4px; } #lower-header span, #lower-header a { font: 15px 'Open Sans', Segoe UI, Arial, sans-serif; } .sticky-header-on.boxed-layout #lower-header { padding-left: 15px; padding-right: 15px; margin-left: -30px; margin-right: -15px; position: relative; z-index: 5000; } .boxed-layout #lower-header { padding-left: 30px; padding-right: 30px; margin-left: -30px; margin-right: -30px; position: relative; z-index: 5000; } .animate-header #lower-header { opacity: .9; -moz-opacity: .9; -khtml-opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .animate-header #lower-header:hover { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* Navigation */ #menu-button { display: none; } #navigation { list-style: none; margin: 0; padding: 0; display: table; table-layout: fixed; /* Firefox :^) */ width: 100%; min-height: 55px; height: 55px; /* Megint Firefox :^) */ } @media (max-width: 991px) { #navigation { height: auto; /* Much hax, very lol k bye */ } } #navigation.dropdown-menu { height: auto; /* Much hax, very lol k bye */ } #navigation ul { list-style: none; margin: 0; padding: 0; -webkit-perspective: 500px; perspective: 500px; } #navigation > li { position: relative; -webkit-perspective: 500px; perspective: 500px; } #navigation > li { display: table-cell; text-align: center; position: relative; border-right: 1px solid #dee0e5; background: #f2f4f9; vertical-align: middle; } #navigation > li:first-child { border-left: 1px solid #dee0e5; } #navigation > li.home-button { width: 60px; } #navigation li { transition: color 0.1s, background 0.3s; -webkit-transition: color 0.1s, background 0.3s; -moz-transition: color 0.1s, background 0.3s; } #navigation li > a, #navigation li > span { display: block; color: #3e474c; font-size: 14px !important; padding: 8px 10px 8px; cursor: pointer; transition: color 0.1s, background 0.3s; -webkit-transition: color 0.1s, background 0.3s; -moz-transition: color 0.1s, background 0.3s; } #navigation li:hover { text-decoration: none; color: #fff; border-right-color: transparent; border-left-color: transparent; background: #da0a0a; } #navigation li:hover > span, #navigation li:hover > a { text-decoration: none; color: #fff; border-right-color: transparent; border-left-color: transparent; } #navigation li:hover > span { background: #da0a0a; } #navigation li:hover > a:after, #navigation li:hover > span:after { color: #fff; } #navigation li.donate-button { color: #fff; text-transform: uppercase; font-size: 18px; background: #a82512; border: none; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } #navigation li.donate-button:hover { background: #d3311a; } #navigation li.donate-button:hover > a { border-top-color: #de3d21; } #navigation li.donate-button > a { color: #fff; padding: 18px 10px; background: transparent; font-size: 18px; border-top: 1px solid #be2e17; border-bottom: 1px solid #911f0f; } #navigation > li > a, #navigation > li > span { /* border-top:1px solid #fff; */ /* border-bottom:1px solid #dee0e5; */ font-size: 12px; } #navigation > li:hover > a, #navigation > li:hover > span { /* border-top:1px solid #7cc5f8; */ /* border-bottom:1px solid #579dd9; */ } #navigation > li.current-menu-item > a, #navigation > li.current-menu-item > span { /* border-top:1px solid #7cc5f8; */ /* border-bottom:1px solid #579dd9; */ } #navigation > li.current-menu-item { text-decoration: none; color: #fff; border-right-color: transparent; border-left-color: transparent; } #navigation > li.current-menu-item > span, #navigation > li.current-menu-item > a { text-decoration: none; color: #fff; border-right-color: transparent; border-left-color: transparent; } #navigation > li.current-menu-item { background: #da0a0a; } #navigation > li.current-menu-item > span { background: #da0a0a; } #navigation > li.current-menu-item > a:after { color: #fff; } #navigation > li.current-menu-item > span:after { color: #fff; } #navigation > li > a:after, #navigation > li > span:after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color: #a8abae; font-size: 13px; margin-left: 5px; content: '\e88e'; } #navigation > li > a:only-child:after, #navigation > li > span:only-child:after { content: ''; display: none; } #navigation > li.home-button > a:after, #navigation > li.home-button > span:after { content: ''; display: none; } .pagination > li > span { position: relative; float: left; line-height: 1.42857143; text-decoration: none; margin-left: -1px; background: #eaeaea; border: none; color: #141414; text-transform: uppercase; display: inline-block; margin-right: 10px; font-size: 13px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-top: 1px solid #f3f7fa; border-bottom: 1px solid #d3d3d3; transition: background 0.3s, color 0.2s, border 0.3s; -webkit-transition: background 0.3s, color 0.2s, border 0.3s; -moz-transition: background 0.3s, color 0.2s, border 0.3s; cursor: pointer; min-width: 35px; min-height: 35px; display: flex; align-items: center; justify-content: center; } .pagination > li > span:hover { background: #da0a0a; } .pagination > li > span > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .list-paginator { text-align: center; float: right; margin-top: -20px; } .list-paginator .pagination > li > span { margin-right: 2px; } .list-paginator .pagination > li .pagination-buttons { margin-left: 2px; } /* Dropdown */ #navigation li ul { display: none; text-align: left; position: absolute; font-size: 15px; background: #f2f4f9; z-index: 6000; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); top: 100%; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #navigation li ul li { position: relative; } #navigation li ul li > a:after, #navigation li ul li > span:after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color: #a8abae; font-size: 13px; margin-left: 5px; content: '\e891'; position: absolute; right: 15px; top: 15px; } #navigation li ul li > a:only-child:after, #navigation li ul li > span:only-child:after { content: ''; display: none; } .csstransforms3d #navigation li ul { display: block; width: 200px; transform: rotate3d(1, 0, 0, -90deg); -webkit-transform: rotate3d(1, 0, 0, -90deg); -moz-transform: rotate3d(1, 0, 0, -90deg); -ms-transform: rotate3d(1, 0, 0, -90deg); -o-transform: rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; transform-origin: 0 0 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; transition: transform 0.5s, opacity 0.3s; -webkit-transition: -webkit-transform 0.5s, opacity 0.3s; -moz-transition: -moz-transform 0.5s, opacity 0.3s; margin-top: 20px; min-height: 0px; } .csstransforms3d #navigation ul ul { transform: rotate3d(0, 1, 0, 90deg); -webkit-transform: rotate3d(0, 1, 0, 90deg); -moz-transform: rotate3d(0, 1, 0, 90deg); -ms-transform: rotate3d(0, 1, 0, 90deg); -o-transform: rotate3d(0, 1, 0, 90deg); } #navigation li ul li ul { left: 100%; top: 0; margin-left: -10px; margin-top: 10px; z-index: 7000; } #navigation ul li:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom: none; border-bottom: none; } #navigation ul li:last-child > a, #navigation ul li:last-child > span { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom: none; } #navigation li ul li > a, #navigation li ul li > span { display: block; color: #3e474c; font-size: 15px; padding: 10px 20px; border-bottom: 1px solid #dee0e5; margin: 0; } #navigation li:hover > ul { display: block; width: 200px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: rotate3d(0, 0, 0, 0); -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); } #navigation li:hover > ul > li { display: block; } #navigation .dropdown-menu { margin-top: 0px !important; } /* ==================================== */ /* CONTENT */ /* ==================================== */ .section { padding: 30px 0; background: #fff; } .section.full-width-slider-section { padding-top: 0; } .section > .row { margin-bottom: 40px; } .section-row { margin-top: 36px; } .section > .row:last-child { margin-bottom: 0; } .boxed-layout .section { padding-left: 30px; padding-right: 30px; margin-left: -30px; margin-right: -30px; } .full-width-bg { margin-left: -5000px; margin-right: -5000px; padding-left: 5000px; padding-right: 5000px; } .boxed-layout .full-width-bg { padding-left: 30px; padding-right: 30px; margin-left: -30px; margin-right: -30px; } .gray-bg { background: #fafafa; padding-top: 20px; padding-bottom: 60px; } /* Page Heading */ .page-heading { background: #fff; margin-left: -5000px; margin-right: -5000px; padding-left: 5000px; padding-right: 5000px; padding-top: 27px; padding-bottom: 27px; position: relative; } .page-heading h1 { margin: 0; } .page-heading .breadcrumb { margin: 8px 0 0; font-size: 13px; color: #95999e; background-color: #eaeaea; } /* Main Flex Slider */ .main-flexslider { height: 460px; } .main-flexslider .slides > li { height: 460px; color: #fff; background-size: cover !important; background-position: center !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .full-width-slider .slide { width: 1170px; margin: 0 auto; } .main-flexslider h2 { font-size: 48px; font-weight: 800; line-height: 60px; } .main-flexslider p { font-size: 16px; } .main-flexslider a.button { border-bottom-color: #738497; } .main-flexslider p + a.button { margin-top: 37px; } .main-flexslider .great-vibes { font-size: 36px; position: relative; display: inline-block; margin-bottom: 0; } .main-flexslider .great-vibes + h2 { margin-top: 10px; } .main-flexslider .great-vibes:before { content: ''; display: block; width: 40px; border-top: 1px solid #fff; border-color: rgba(255, 255, 255, 0.6); position: absolute; top: 50%; left: -60px; } .main-flexslider .great-vibes:after { content: ''; display: block; width: 40px; border-top: 1px solid #fff; border-color: rgba(255, 255, 255, 0.6); position: absolute; top: 50%; right: -60px; } /* #main_flex_1 { background: url(../img/slide1.jpg) no-repeat; .slide { padding-left: 100px; } } #main_flex_2 { background: url(../img/slide2.jpg) no-repeat; .slide { padding-top: 120px; h2 { font-weight: 700; } } } #main_flex_3 { background: url(../img/slide3.jpg) no-repeat; .slide { padding-top: 100px; } } */ .country-information { background: #999999; color: white; height: 460px; width: 100%; padding: 2em; padding-left: 1em; padding-right: 1em; overflow: hidden; } .country-information p { margin: 0; font-size: 13px; line-height: 26px; } .country-information h2 { text-transform: uppercase; margin-top: 5px; } .country-information h1 { /*font-size: 40px;*/ font-size: 3.5vmin; font-weight: bold; letter-spacing: 1px; margin-top: 20px; } @media (max-width: 768px) { .country-information h1 { font-size: 32px; } .country-information h2 { font-size: 28px; } .country-information p { font-size: 18px; } } /* Revolution Slider */ .tp-banner-container { position: relative; } .tp-caption.align-right { padding-right: 30px; } .main-revolution h2 { font-size: 48px; font-weight: 800; color: #fff; line-height: 54px; margin: 0; } .main-revolution p { font-size: 16px; line-height: 22px; color: #fff; margin: 0; } .main-revolution a.button { border-bottom-color: #738497; margin: 0; } .main-revolution .great-vibes { font-size: 36px; position: relative; display: inline-block; color: #fff; margin-bottom: 0; } .main-revolution .great-vibes + h2 { margin-top: 10px; } .main-revolution .great-vibes:before { content: ''; display: block; width: 40px; border-top: 1px solid #fff; border-color: rgba(255, 255, 255, 0.6); position: absolute; top: 50%; left: -60px; } .main-revolution .great-vibes:after { content: ''; display: block; width: 40px; border-top: 1px solid #fff; border-color: rgba(255, 255, 255, 0.6); position: absolute; top: 50%; right: -60px; } .tparrows.default { width: 45px; height: 45px; left: -40px !important; cursor: pointer; background: #000; background: rgba(0, 0, 0, 0.6); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-align: center; vertical-align: middle; padding-top: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; top: 50% !important; } .tparrows.default.tp-rightarrow { right: -40px !important; left: auto !important; } .tp-banner-container:hover .tparrows.default { left: 20px !important; right: auto !important; } .tp-banner-container:hover .tparrows.default.tp-rightarrow { right: 20px !important; left: auto !important; } .tparrows.default:hover { background: rgba(0, 0, 0, 0.8); } .tparrows.default:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color: #fff; font-size: 24px; content: '\e891'; position: absolute; left: 50%; margin-left: -3px; } .tparrows.default.tp-leftarrow:before { content: '\e890'; margin-left: -6px; } /* Owl Carousel */ .owl-carousel-container { margin: 0 -15px; margin-bottom: 50px; } .testimonial-carousel + a.button { margin-top: -20px; } .owl-item { padding: 0 15px; } .owl-header { padding: 0 15px; position: relative; } .owl-header .carousel-arrows { position: absolute; top: -10px; right: 15px; } .testimonial-carousel .owl-header .carousel-arrows { top: -25px; } .owl-header .carousel-arrows span { display: inline-block; width: 30px; height: 30px; text-align: center; padding-top: 3px; color: #da0a0a; border-top: 1px solid #f3f7fa; border-bottom: 1px solid #d3d3d3; background: #eaeaea; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: background 0.3s, color 0.2s, border 0.3s; -webkit-transition: background 0.3s, color 0.2s, border 0.3s; -moz-transition: background 0.3s, color 0.2s, border 0.3s; } .testimonial-carousel .owl-header .carousel-arrows span { width: 25px; height: 25px; padding-top: 0; } .owl-header .carousel-arrows span:hover { color: #fff; background: #da0a0a; border-top-color: #c90008; border-bottom-color: #950006; } /* Blog Posts */ .node .node-excerpt { margin-bottom: 15px; } .blog-header h2 { margin: 0px; font-size: 22px; } .blog-info .node-info { font-size: 12px; color: #bbb; } .blog-post { zoom: 1; } .blog-post:before { content: ""; display: table; } .blog-post:after { content: ""; display: table; clear: both; } .blog-post.big { margin-bottom: 50px; margin-top: 10px; overflow: hidden; } .blog-post.big .post-image { float: left; width: 55.5555%; margin-right: 30px; } .post-image img { width: 100%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .post-title { margin: 20px 0 7px; } .blog-post.big .post-title { margin-top: 0; font-size: 24px; font-weight: 400; } .post-meta { margin-bottom: 15px; line-height: 16px; } .post-meta > span { display: inline-block; font-size: 13px; color: #95999e; line-height: 16px; } .blog-post a.button { margin-top: 11px; } /* Banner Rotator */ .banner-rotator-flexslider { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; } .banner-rotator-flexslider .flex-control-nav { bottom: 10px; width: 35%; z-index: 100; } .banner-rotator-flexslider .flex-control-nav li { margin: 0 2px; } .banner-rotator-flexslider .flex-control-nav li a { background: #a3cef3; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .banner-rotator-flexslider .flex-control-nav li a.flex-active { background: #e2eaf2; } .banner-rotator-content { padding: 40px 10px 60px; background: #63b2f5; color: #fff; display: inline-block; width: 35%; text-align: center; border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; } .banner-rotator-content h5 { color: #274472; font-size: 16px; margin: 0 0 10px; } .banner-rotator-content h2 { font-size: 48px; font-weight: 700; margin: 0 0 0; white-space: nowrap; } .banner-rotator-content span.date { display: block; font-size: 18px; } .banner-rotator-content a.button { margin-top: 15px; padding: 6px 14px; border: none; border-top-color: #f3f7fa; border-bottom-color: #5496d4; } .banner-rotator-content a.button:hover { background: #324e79; border-bottom-color: #243f6a; border-top-color: #41669e; } .banner-rotator-flexslider .slides > li { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } /* #flex_rotator_1 { background: url(../img/rotator_slide1.jpg) center center no-repeat; background-size: cover; } #flex_rotator_2 { background: url(../img/rotator_slide2.jpg) center center no-repeat; background-size: cover; } #flex_rotator_3 { background: url(../img/rotator_slide3.jpg) center center no-repeat; background-size: cover; } */ /* Team Members */ .team-member { position: relative; overflow: hidden; padding-bottom: 89px; margin-bottom: 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .team-member .team-member-image { width: 100%; } .team-member-info { padding: 20px; position: absolute; z-index: 10; margin-top: -89px; top: 100%; left: 0; background: #fff; right: 0; bottom: 0; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; backface-visibility: hidden; } .team-member .social-media li { margin-right: 4px; } .team-member .social-media li:last-child { margin-right: 0; } .team-member-more { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transition: all .4s ease 0.1s; -webkit-transition: all .4s ease 0.1s; -moz-transition: all .4s ease 0.1s; } .team-member:hover .team-member-info { top: 80px; } .team-member:hover .team-member-more { opacity: 1; -moz-opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } .team-member-info h2 { margin: 3px 0 0; } .team-member-info .job { color: #95999e; font-size: 13px; display: block; margin-bottom: 17px; white-space: nowrap; } .team-member.big { background: #fff; padding: 0; } .team-member.big .team-member-image { width: 50%; padding-right: 15px; float: left; } .team-member.big .team-member-info { position: relative; margin-top: 0; top: 0; float: left; width: 50%; padding: 30px 30px 30px 15px; } .team-member.big .team-member-more { opacity: 1; -moz-opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } /* Contact */ .contact-map { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; overflow: hidden; margin-bottom: -10px; } /* Issues */ .issue-block { background: #fafbfd; overflow: hidden; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-top: 30px; text-align: center; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } .issue-icon { display: inline-block; background: #63b2f5; color: #fff; width: 60px; height: 60px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding-top: 10px; margin-top: 20px; font-size: 24px; transition: color 0.3s, background 0.3s; -webkit-transition: color 0.3s, background 0.3s; -moz-transition: color 0.3s, background 0.3s; } .issue-block:hover { background: #e2eaf2; } .issue-block:hover .issue-icon { color: #274472; background: #fff; } .issue-block:hover .issue-content h4 { color: #274472; } .issue-block:hover a.button { color: #fff; background: #63b2f5; border-top-color: transparent; } .issue-block:hover a.button:after, .issue-block:hover a.button:before { color: #fff; } .issue-image img { width: 100%; } .issue-content { padding: 30px 20px; } .issue-content h4 { color: #4174c5; font-size: 16px; margin: 0 0 15px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .issue-content a.button { margin-top: 15px; } /* Event Calendar */ .event-calendar { overflow: visible; } .calendar-header { margin-top: 50px; } .calendar-header .filter-dropdown { text-align: left; margin-right: 0; } .calendar-header label { color: #95999e; font-size: 13px; margin-right: 5px; position: relative; top: 2px; } .calendar-header h3 { margin: 0; position: relative; top: 5px; } .event-calendar { margin: 15px 0 30px; background: none; border: none; table-layout: fixed; } .event-calendar tr, .event-calendar td, .event-calendar th { background: none; } .event-calendar tr:hover { background: none; } .event-calendar tr:hover > th { background: #e2eaf2; } .event-calendar th { background: #e2eaf2; font-weight: 400; padding: 18px 20px; font-size: 16px; border: 2px solid #f2f4f9; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; overflow: hidden; text-align: center; } .event-calendar td { border: 2px solid #f2f4f9; background: #fafbfd; height: 150px; vertical-align: top; padding: 10px 5px 10px 15px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } .event-calendar td > span.day { font-size: 18px; font-weight: 700; display: block; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .event-calendar td.no-events > span.day { color: #dee0e5; } .event-calendar td .events { list-style: none; margin: 0; padding: 0; font-size: 13px; } .event-calendar td .events li { border-bottom: 1px solid #ecedf1; padding: 5px 0; transition: border 0.3s; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; position: relative; } .event-calendar td .events li:last-child { padding-bottom: 0; border: none; } .event-calendar td:hover { background: #63b2f5; } .event-calendar td:hover .events li { border-color: #81c7f8; } .event-calendar td:hover .events > li > a { color: #fff; } .event-calendar td:hover > span.day { color: #fff; } .event-calendar td.not-this-month { opacity: 0; } .event-popover { position: absolute; bottom: 130px; background: #fff; display: none; width: 320px; vertical-align: top; padding: 15px 10px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; z-index: 100; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .event-calendar td:last-child .event-popover, .event-calendar td:nth-child(6) .event-popover { right: 0; } .event-calendar td:last-child .event-popover:after, .event-calendar td:nth-child(6) .event-popover:after { left: auto; right: 20px; } .csstransforms .event-popover { display: block; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); } .event-popover:after { content: ''; display: block; width: 15px; height: 15px; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid #fff; bottom: -15px; left: 20px; } .event-popover h6 { margin: 5px 0 10px; } .event-popover .event-meta { list-style: none; margin: 0; padding: 0; margin-bottom: 10px; } .event-popover img.align-left { margin-bottom: 10px; } .event-popover .event-meta li { border: none !important; padding: 0 !important; color: #95999e; font-size: 13px; } .event-popover p { font-size: 13px; line-height: 22px; } .event-calendar td .events li:hover .event-popover { display: block; bottom: 120%; opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } /* Events */ .section.full-width-map, .section.full-width-image { padding-top: 0; padding-bottom: 0; position: relative; background: #fff; } .section.full-width-map iframe { margin-bottom: -5px; } .section.full-width-image img, .section.full-width-map iframe { width: 100%; } .event-single { margin-bottom: 30px; } .event-meta { overflow: hidden; } .event-meta-block { background: #e2eaf2; display: block; padding: 18px 13px 18px 13px; height: 75px; padding-left: 50px; position: relative; } .event-meta-block p { font-size: 15px; white-space: nowrap; } .event-meta-block > .icons { position: absolute; top: 17px; left: 10px; color: #c6d0dc; font-size: 24px; } .event-meta-block .social-share li a { color: #808ca4; } .event-meta-block:first-child { border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; } .event-meta-block:last-child { border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; } .event-meta-block + .event-meta-block { margin-top: 1px; } .event-meta-block p { margin: 0; } .event-meta-block p.title { color: #95999e; font-size: 13px; line-height: 16px; } .event-meta.horizontal + .event-image { margin-top: 10px; } .event-image + .event-meta.horizontal { margin-top: 5px; } .horizontal .event-meta-block { margin: 0; } .horizontal .event-meta-block + .event-meta-block { border-left: 1px solid #f2f4f9; } .horizontal .event-meta-block:first-child { border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; } .horizontal .event-meta-block:last-child { border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; } .event-pagination { margin-bottom: -20px; margin-top: -16px; } .event-details h6 { margin-top: 20px; } .event-details .project-details { margin-top: -7px; } /* Related Events */ .event-info { display: table; margin-top: 30px; } .event-info > * { display: table-cell; vertical-align: top; } .event-info ul { list-style: none; margin: 0; padding: 0; } .event-info .date > span { background: #ebf4fc; text-align: center; padding: 7px 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 42px; display: block; transition: color 0.2s, background 0.3s; -webkit-transition: color 0.2s, background 0.3s; -moz-transition: color 0.2s, background 0.3s; } .event-info .date .day { font-size: 18px; font-weight: 700; display: block; padding: 0; } .event-info .date .month { font-size: 12px; font-weight: 400; line-height: 16px; text-transform: uppercase; display: block; padding: 0; } .event-info .event-content { padding-left: 15px; vertical-align: top; } .event-info .event-content h6 { margin: 0 0 5px; font-size: 16px; font-weight: 700; } .event-info .event-content .event-meta { color: #95999e; line-height: 16px; font-size: 13px; } .event-info .event-content .event-meta .icons { font-size: 10px; margin-right: 2px; color: #cbcdd1; position: relative; top: -1px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .event-item { margin-bottom: 10px; } .event-item:hover .date > span { background: #63b2f5; color: #fff; } .event-item:hover h6 a { color: #274472; } .event-item .event-image img { width: 100%; } .event-item:hover .event-content .event-meta .icons { color: #b1b4b8; } .related-events h3 { margin-bottom: 23px; margin-top: 0; } /* Media */ .media-filters { border-bottom: 1px solid #dee0e5; padding-bottom: 20px; margin-bottom: 30px; position: relative; z-index: 1000; } .media-filters label { color: #95999e; font-size: 13px; margin-right: 10px; } .filter-filtering { display: inline-block; vertical-align: middle; } .filter-dropdown { list-style: none; margin: 0; padding: 0; display: inline-block; /*width: 130px;*/ margin-right: 20px; } .filter-dropdown > li > span { background: #eaeaea; border-radius: 3px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom: 1px solid #bfc8d7; border-top: 1px solid #f3f7fa; padding: 5px 40px 5px 10px; color: #274472; font-size: 13px; text-transform: uppercase; position: relative; cursor: pointer; transition: background 0.3s, border 0.3s, color 0.3s; -webkit-transition: background 0.3s, border 0.3s, color 0.3s; -moz-transition: background 0.3s, border 0.3s, color 0.3s; } .filter-dropdown > li > span:hover { border-bottom-color: #579dd9; background: #da0a0a; color: #fff; border-top-color: #c90008; border-bottom-color: #950006; } .filter-dropdown.opened > li > span { border-bottom-color: #579dd9; background: #da0a0a; color: #fff; border-top-color: #c90008; border-bottom-color: #950006; } .filter-dropdown.opened > li > span { color: #fff; } .filter-dropdown.opened > li > span:after { color: #fff; } .filter-dropdown > li > span:hover { color: #fff; } .filter-dropdown > li > span:hover:after { color: #fff; } .filter-dropdown > li > span > i { position: absolute; top: 50%; right: 15px; transform: translate(0, -50%); } .filter-dropdown ul { list-style: none; margin: 0; padding: 0; background: #ffffff; position: absolute; z-index: 1000; /*width: 130px;*/ display: none; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; } /* .filter-dropdown>li>span:after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e88e'; position:absolute; right:15px; top:9px; color:#808ca4; transition:color 0.3s; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; } .filter-dropdown.opened>li>span:after{ content: '\e88f'; }*/ /*.sorting-desc:after{ content: '\e88f'; margin-left:10px; margin-right:-5px; }*/ .csstransforms .filter-dropdown ul { display: block; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transition: transform 0.4s; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; } .filter-dropdown.opened ul { z-index: 1000; display: block; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } .filter-dropdown ul li { padding: 6px 20px; text-transform: uppercase; border-bottom: 1px solid #ddd; cursor: pointer; } .filter-dropdown ul li:hover, .filter-dropdown ul li.active-filter { color: #da0a0a; } .filter-select + div.chosen-with-drop .chosen-single { background: #63b2f5; color: #fff; } .filter-select + div .chosen-results > li { padding: 6px 15px !important; text-transform: uppercase !important; color: #3e474c; font-size: 13px; border-bottom: 1px solid #ecedf1; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .filter-select + div .chosen-results > li.result-selected, .filter-select + div .chosen-results > li:hover { color: #63b2f5; background: none; } .filter-sorting { display: inline-block; } .order-group { display: inline-block; margin-right: 5px; } .order-group button + button { margin: 0; } /*.sorting-asc:after{ content: '\e88e'; margin-left:10px; margin-right:-5px; }*/ .active-sort > button { background: #da0a0a; color: #fff; border-top-color: #c90008; border-bottom-color: #950006; } .active-sort > button:after { color: #fff; } .active-sort > button > i { color: white !important; top: 1px; left: 1px; } .filter-sorting button i { color: #808ca4; margin-right: -5px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; top: 3px; left: 1px; margin-left: 5px; } .filter-sorting button:hover i { color: #fff; } button.small { padding: 5px 20px; } /* Media Items */ .media-items { margin-bottom: -30px; margin-top: 20px; } .media-item { position: relative; background: #fafbfd; overflow: hidden; z-index: 100; margin-bottom: 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .media-item.gallery-media { background: none; } .media-items .mix { display: none; } .media-image { position: relative; overflow: hidden; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; } .media-item img { /*width:100%;*/ } .thumbnail-crop { position: relative; width: 200px; height: 200px; overflow: hidden; margin: auto; } .latest-thumbnail-crop { position: relative; width: 200px; height: 200px; overflow: hidden; margin: auto; height: 75px; } .thumbnail-crop img, .latest-thumbnail-crop img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; } .media-hover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; background: rgba(51, 14, 20, 0.4); color: #fff; text-align: center; width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; } .media-item:hover .media-hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .media-item:hover .media-icon { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .media-hover .media-icons { position: relative; top: 50%; margin-top: -25px; } .media-hover .media-icon { background: #101e33; background: rgba(51, 14, 16, 0.7); width: 50px; height: 50px; margin: 0 3px; color: #fff; display: inline-block; text-align: center; font-size: 20px; border-radius: 3px; line-height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding-top: 15px; cursor: pointer; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: background 0.3s, -webkit-transform 0.5s; -moz-transition: background 0.3s, -moz-transform 0.5s; transition: background 0.3s, transform 0.5s; } .media-hover .media-icon:hover { background: #da0a0a; } .media-item:hover .media-hover { display: block; } .media-info { padding: 20px 20px 30px; } .media-item:hover .media-format > div { background: #da0a0a; color: #fff; } .media-header { display: table; width: 100%; } .media-header > div { display: table-cell; vertical-align: top; } .media-format { width: 45px; } .media-format > div { width: 45px; height: 45px; background: #eaeaea; color: #950006; text-align: center; font-size: 20px; padding-top: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: background 0.3s, color 0.3s; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; cursor: pointer; } .media-caption { padding-left: 20px; } .media-caption h2 { margin-top: 0; margin-bottom: 5px; color: #4174c5; } .media-item h4.related-title { margin-top: 20px; } .col-lg-3 .media-caption h2, .col-lg-9 .col-lg-4 .media-caption h2 { font-size: 18px; font-weight: 600; line-height: 22px; margin-right: -15px; } .col-lg-3 .media-button a.button, .col-lg-9 .col-lg-4 .media-button a.button { padding: 0; font-size: 13px; background: none; color: #141414; border: none; } .col-lg-3 .media-button, .col-lg-9 .col-lg-4 .media-button { margin-bottom: -6px; margin-top: -11px; } .col-lg-3 .media-button a.button:first-child, .col-lg-9 .col-lg-4 .media-button a.button:first-child { margin-right: 10px; } .col-lg-3 .media-button a.button:hover, .col-lg-9 .col-lg-4 .media-button a.button:hover { background: none; color: #950006; } .col-lg-3 .media-button a.button:hover:after, .col-lg-9 .col-lg-4 .media-button a.button:hover:after { color: #950006; } .media-caption span.tags { color: #4174c5; font-size: 13px; } .media-description { margin: 20px 0 28px; } /* Project Single */ .portfolio-single { background: #fafbfd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 20px; margin-bottom: 30px; } .portfolio-single h6 { margin-top: 20px; } .portfolio-slideshow-section { padding-top: 0; padding-bottom: 0; } .portfolio-slideshow.flexslider { max-height: 500px; overflow: hidden; } .portfolio-single .flexslider, .portfolio-single .portfolio-video { margin: -20px -20px 0; } .portfolio-single .flexslider img { border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; } .project-details { background: none; border: none; padding: 0; } .project-details td, .project-details tr, .project-details th { background: none; border: none; padding: 0; } .project-details tr:hover { background: none; border: none; padding: 0; } .project-details tr:hover td { background: none; } .project-details tr:first-child td { padding-top: 0; } .project-details tr:only-child td { padding-top: 7px; } .project-details td { padding: 7px 0; } .social-share { list-style: none; margin: 0 0 0 -5px; padding: 0; } .social-share li { display: inline-block; margin-right: 5px; } .social-share li a { color: #cbcdd1; font-size: 16px; } .social-share li.facebook:hover a { color: #4862a3; } .social-share li.twitter:hover a { color: #40bff5; } .social-share li.google:hover a { color: #eb5b4c; } .social-share li.pinterest:hover a { color: #cd322c; } .social-share li.email:hover a { color: #324e79; } /* Blog */ .blog-post { margin-bottom: 30px; } .blog-post:last-child { margin-bottom: 0; } .post-image { position: relative; } .blog-post .post-meta span + span:before { display: inline-block; content: '\2022 '; margin-right: 3px; font-size: 10px; } .blog-post:hover .media-hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; display: block; } .blog-post:hover .media-icon { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .post-content { position: relative; /*padding-left: 100px;*/ padding: 0; } .post-side-meta { position: absolute; top: 25px; left: 0; width: 70px; text-align: center; } .post-side-meta > a { display: block; } .post-side-meta .date { background: #f2f4f9; color: #95999e; width: 70px; height: 60px; display: none; } .post-side-meta .date .day { font-size: 36px; line-height: 26px; font-weight: 800; display: block; } .post-side-meta .date .month { font-size: 18px; font-weight: 400; display: block; text-transform: uppercase; } .post-side-meta .post-format { background: #ebebeb; color: #e8bebe; font-size: 24px; padding-top: 20px; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; width: 70px; height: 70px; transition: color 0.3s, background 0.3s; -webkit-transition: color 0.3s, background 0.3s; -moz-transition: color 0.3s, background 0.3s; display: none; } .post-side-meta .post-format:hover { background: #da0a0a; color: #fff; } .post-side-meta .post-comments { background: #fafbfd; width: 70px; padding: 10px 0; color: #4174c5; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; } .blog-post h2, .node-type-news h2, .node-type-page h2 { margin: 0 0 5px; } .blog-post p { font-size: 15px; } .post-header { margin-bottom: 16px; } /* Style 2 */ .blog-post.style2 { margin-bottom: 50px; } .blog-post.style2:last-child { margin-bottom: 0; } .blog-post.style2 .post-image { float: left; width: 50%; position: relative; z-index: 100; margin-bottom: 0; } .blog-post.style2 .post-image blockquote { margin: 0; } .blog-post.style2 .post-content { padding: 0 0 0 50%; margin-left: 30px; } .blog-post.style2 .read-more-button { margin-top: 15px; } .blog-post.style2 .read-more-button:only-child { margin-top: 14px; } /* Post Single */ .blog-post-single { position: relative; } .blog-post-single .portfolio-slideshow .slides img { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .blog-post-single .post-content { padding: 0; } .blog-post-single.fullwidth-post { padding-left: 100px; } .blog-post-single .post-meta { margin-top: 15px; } .blog-post-single .post-side-meta { top: 10px; } .blog-post-single .post-meta span + span:before { display: inline-block; content: '\2022 '; margin-right: 3px; font-size: 10px; } .post-meta-track { background: #fafbfd; margin-top: 20px; margin-bottom: 20px; padding: 3px 20px; font-size: 13px; color: #95999e; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .post-meta-track .tags { text-align: right; } .post-meta-track .social-share { margin-left: 0; } .post-author { background: #fafbfd; padding: 20px; min-height: 110px; margin-top: 30px; margin-bottom: 50px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; zoom: 1; } .post-author:before { content: ""; display: table; } .post-author:after { content: ""; display: table; clear: both; } .post-author h4 { margin-top: 0; font-weight: 400; text-transform: uppercase; font-size: 18px; } .post-author .author-info .author-img { width: 100px; float: left; } .post-author .author-info img { width: 80px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .post-author .author-info p { margin: 0; } .post-comments { margin-bottom: -10px; } .post-comments h3 { margin-bottom: -7px; } .post-comments ul { list-style: none; margin: 0; padding: 0; } .post-comments ul ul { padding-left: 30px; } .post-comments > ul > li:last-child > .comment:only-child, .post-comments > ul > li:last-child li:last-child > .comment:only-child { border-bottom: none; } .comment { padding: 30px 0; border-bottom: 1px solid #dee0e5; } .comment-author { position: relative; padding-left: 90px; min-height: 70px; padding-top: 10px; } .comment-author img { position: absolute; left: 0; top: 0; width: 70px; } .comment-author .author-meta { display: inline-block; } .comment-author h6 { display: inline-block; margin: 0; font-weight: 400; font-size: 15px; } .comment-author .comment-meta span { display: inline-block; color: #95999e; font-size: 13px; } .comment-author .comment-meta span + span:before { display: inline-block; content: '\2022 '; margin-right: 3px; font-size: 10px; } .comment-content { background: #fafbfd; border: 1px solid #dee0e5; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 20px; font-size: 15px; font-style: italic; margin-top: 12px; position: relative; } .comment-content:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: 90px; top: -20px; background: url(../img/blog/comment-arrow.png) no-repeat; background-position: left bottom; } .comment-content p { margin: 0; } #comment-form { margin-top: 20px; } #comment-form input[type="submit"] { margin-top: 30px; } .related-articles h3 { margin-bottom: 23px; } /* Shop */ /* Shopping Cart */ .shopping-cart { display: inline-block; position: relative; } .cart-button { width: 45px; height: 45px; background: #e2eaf2; color: #808ca4; font-size: 20px; text-align: center; padding-top: 7px; border-top: 1px solid #f3f7fa; border-bottom: 1px solid #c5cdda; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: color 0.3s, background 0.3s, border 0.3s; -webkit-transition: color 0.3s, background 0.3s, border 0.3s; -moz-transition: color 0.3s, background 0.3s, border 0.3s; } .shopping-cart:hover .cart-button { background: #63b2f5; border-top-color: #7cc5f8; border-bottom-color: #579dd9; color: #fff; } .shopping-cart-dropdown { position: absolute; top: 45px; right: 0; z-index: 1000; width: 280px; padding-top: 7px; display: none; opacity: 0; -moz-opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: opacity 0.4s, transform 0.4s; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; -moz-transition: opacity 0.4s, -moz-transform 0.4s; } .csstransforms .shopping-cart-dropdown { display: block; } .shopping-cart:hover .shopping-cart-dropdown { opacity: 1; -moz-opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); display: block; } .shopping-cart-content { background: #fafbfd; border: 3px solid #63b2f5; text-align: left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 1px rgba(39, 68, 114, 0.25); } .cart-item { display: table; width: 100%; padding: 10px 20px; border-bottom: 1px solid #ecedf1; position: relative; } .cart-item > * { display: table-cell; vertical-align: top; } .cart-item .featured-image { width: 65px; padding-right: 15px; } .cart-item .featured-image img { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 50px; } .cart-item .item-content h6 { margin: 5px 0 2px; font-size: 15px; font-weight: 400; } .cart-item > h6 { margin: 0; padding: 5px 0; font-size: 15px; } .cart-item .remove-item { position: absolute; top: 50%; right: 15px; margin-top: -12px; color: #d3a7a4; font-size: 18px; cursor: pointer; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .cart-item .remove-item:hover { color: #a82512; } .cart-item > a.button { padding-left: 10px; padding-right: 10px; margin-top: 5px; margin-bottom: 5px; font-size: 13px; text-transform: uppercase !important; } /* Shop Items */ .shop-header { border-bottom: 1px solid #dee0e5; padding-bottom: 15px; zoom: 1; /* For IE 6/7 (trigger hasLayout) */ } .shop-header:before { content: ""; display: table; } .shop-header:after { content: ""; display: table; clear: both; } .shop-header span.results { font-size: 13px; color: #95999e; display: inline-block; margin-top: 10px; } .shop-header .filter-filtering { float: right; } .shop-header .filter-dropdown { margin-right: 0; width: 250px; } .shop-header .filter-dropdown ul { width: 250px; } .shop-items .mix { display: none; } .shop-item { background: #fafbfd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-top: 30px; display: block; width: 100%; } .shop-image { position: relative; width: 100%; } /* .shop-ribbon-sale { position: absolute; top: -4px; left: -4px; right: 0; bottom: 0; z-index: 100; background: url(../img/shop/ribbon-sale.png) no-repeat; background-position: top left; -webkit-transform: translateZ(0px); } .shop-ribbon-stock { position: absolute; top: -4px; left: 0; right: -4px; bottom: 0; z-index: 100; background: url(../img/shop/ribbon-stock.png) no-repeat; background-position: top right; -webkit-transform: translateZ(0px); } .shop-ribbon-new { position: absolute; top: -4px; left: 0; right: -4px; bottom: 0; z-index: 100; background: url(../img/shop/ribbon-new.png) no-repeat; background-position: top right; -webkit-transform: translateZ(0px); } .shop-product-gallery { .shop-ribbon-sale, .shop-ribbon-stock, .shop-ribbon-new { z-index: 0; } } */ .shop-image img { width: 100%; transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-transform: translateZ(0px); } .shop-featured-image { overflow: hidden; } .shop-hover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; background: #eee; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: opacity 0.4s; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; } .shop-hover img { transform: scale(2); -webkit-transform: scale(2) translateZ(0px); -moz-transform: scale(2); } .shop-item:hover .shop-hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .shop-item:hover .shop-hover img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); } .shop-content { padding: 20px; } .shop-content h4 { margin-top: 0; margin-bottom: 5px; } .shop-content .price { font-size: 15px; } .shop-content .price del { color: #95999e; } .shop-rating { margin: 10px 0 20px; } .shop-rating img + img { margin-left: -5px; } a.button.add-to-cart-button { color: #a82512 !important; margin-right: 5px; } a.button.add-to-cart-button:hover { color: #d3311a !important; } a.button.add-to-cart-button:after { content: '\e874'; color: #c37d78; margin-left: 5px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } a.button.add-to-cart-button:hover:after { color: #d3311a !important; } a.button.details-button { color: #274472 !important; } a.button.details-button:after { color: #808ca4 !important; } a.button.details-button:hover { color: #63b2f5 !important; } a.button.details-button:hover:after { color: #63b2f5 !important; } /* Shop Single */ .shop-single { margin: 30px 0 30px; zoom: 1; /* For IE 6/7 (trigger hasLayout) */ } .shop-single .tabs { margin: 30px 0 40px; } .shop-single:before { content: ""; display: table; } .shop-single:after { content: ""; display: table; clear: both; } .shop-product-gallery { width: 55.5555%; background: transparent; float: left; padding-right: 15px; position: relative; } .shop-product-gallery .shop-ribbon-sale { width: 100px; height: 100px; } .shop-product-gallery .main-image { position: relative; cursor: pointer; } .shop-product-gallery .main-image img { width: 100%; } .shop-product-gallery .fullscreen-icon { width: 35px; height: 35px; background: #7f8690; color: #fff; text-align: center; position: absolute; bottom: 10px; right: 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 18px; padding-top: 6px; z-index: 9999; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } .shop-product-gallery .fullscreen-icon .icons { margin: 0 0 0 -2px; } .shop-product-gallery .fullscreen-icon:hover { background: #63b2f5; } .shop-product-gallery .slider-navigation { margin: 10px 0 0 0; position: relative; list-style: none; padding: 0; } .shop-product-gallery .slider-navigation li { margin: 0 10px 0 0; width: 90px; display: inline-block; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; position: relative; cursor: pointer; } .shop-product-gallery .slider-navigation li img { width: 100%; } .shop-product-gallery .slider-navigation li:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; } .shop-product-gallery .slider-navigation li.active, .shop-product-gallery .slider-navigation li:hover { opacity: .6; -moz-opacity: .6; } .shop-product-content { width: 44.4445%; float: left; padding-left: 15px; } .shop-product-content h2 { color: #4174c5; margin: 0 0 -5px; } .shop-product-content .price { font-size: 18px; display: block; margin: -15px 0 15px; } .shop-product-content .price del { color: #95999e; } .shop-product-content ul { padding: 0; margin: 20px 0; list-style-position: inside; } .shop-product-content ul li { margin: 10px 0; } .shop-product-content a.add-to-cart-button { background: #a82512 !important; color: #fff !important; margin: 20px 0; text-transform: uppercase !important; font-size: 13px; padding: 10px 20px; } .shop-product-content a.add-to-cart-button:after { color: #d6aaa7 !important; } .shop-product-content a.add-to-cart-button:hover { background: #d3311a !important; color: #fff !important; } .shop-product-content a.add-to-cart-button:hover:after { color: #fff !important; } .shop-product-content .social-share { margin: -10px 0 0; } .product-single-tabs.style2 .tab-header { width: 30% !important; } .product-reviews { list-style: none; margin: 0; padding: 0; } .product-reviews li { position: relative; padding-left: 70px; } .product-reviews li + li { margin-top: 30px; } .product-reviews li > img { position: absolute; top: 0; left: 0; width: 50px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .product-reviews li .shop-rating { position: absolute; margin: 0; top: -5px; right: -20px; } .product-reviews li h5 { margin: 0; text-transform: none; font-size: 16px; } .product-reviews li .date { margin-bottom: 10px; display: block; font-size: 13px; margin-top: 5px; color: #95999e;; } .submit-review input[type="submit"] { margin-bottom: 10px; } .submit-review .shop-rating { margin-top: 0; } .related-products { margin-top: 20px; margin-bottom: -20px; } .related-products h3 { margin-bottom: 23px; margin-top: 26px; } .related-products .shop-item { margin-top: 0; } .related-media-items { margin-bottom: -54px; } /* Shopping Cart */ .shopping-cart-table .product-thumbnail { width: 50px; display: inline-block; margin-right: 10px; } .shopping-cart-table .product-thumbnail img { width: 50px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .shopping-cart-table td { width: 1%; } .shopping-cart-table td.price { min-width: 100px; } .shopping-cart-table .shopping-cart-item, .shopping-cart-table .apply-coupon { width: auto; } .shopping-cart-item { vertical-align: top; } .shopping-cart-item h6 { font-size: 14px; font-weight: 400; margin: 0; vertical-align: top; display: inline-block; } .shopping-cart-table .remove-shopping-item { color: #d3a7a4; cursor: pointer; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; font-size: 18px; } .shopping-cart-table .remove-shopping-item:hover { color: #a82512; } .shopping-cart-table .apply-coupon input { padding: 5px 10px; } .shopping-cart-table .apply-coupon > * { width: auto; display: inline-block; } .shopping-cart-table a.button { font-size: 13px; text-transform: uppercase !important; } .shopping-cart-table a.button + a.button { margin-left: 2px; } .update-totals-form input[type="submit"] { margin-top: 10px; font-size: 13px; } .shopping-cart-forms { margin-top: 16px; margin-bottom: 16px; } /* Checkout */ .your-order-table .product-thumbnail { width: 50px; margin-right: 15px; display: inline-block; } .your-order-table .product-thumbnail img { width: 50px; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .your-order-table .order-product p { margin: 0; vertical-align: top; display: inline-block; } .your-order-table .price { width: 20%; min-width: 175px; } .payment-options { margin: 30px 0 0; background: #fafbfd; padding: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .payment-options > ul { list-style: none; margin: 0; padding: 0; } .payment-options > ul > li { border-bottom: 1px solid #ecedf1; padding: 10px 0; } .payment-options > ul > li:last-child, .payment-options > ul > li.active { border-bottom: none; } .payment-header label { font-weight: 700; } .payment-header label img { margin-left: 5px; position: relative; top: -2px; } .payment-content { padding-left: 37px; } .toggle-alert-box { margin-bottom: 10px; } .toggle-alert-box + form { padding: 20px 0 30px; } .checkout-login-form p { margin-bottom: 15px; margin-top: -5px; } .checkout-login-form input[type="submit"] { margin-right: 15px; margin-top: 15px; } .checkout-coupon-form input[type="submit"] { padding: 8px 20px; margin: 0 0 0 3px; } .checkout-coupon-form input[type="text"] { width: auto; min-width: 390px; max-width: 100%; margin: 0; } #checkout-form textarea { margin-bottom: 10px; } #checkout-form a.button.donate { margin-top: 30px; } /* ==================================== */ /* SIDEBAR */ /* ==================================== */ .sidebar-box { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 20px; zoom: 1; } .sidebar-box:before { content: ""; display: table; } .sidebar-box:after { content: ""; display: table; clear: both; } .sidebar-box + .sidebar-box { margin-top: 30px; } .sidebar-box.white { background: #fafbfd; } .sidebar-box h3 { font-size: 18px; font-weight: 400; margin-top: 5px; margin-bottom: 23px; } .sidebar-box a.button { margin-top: 10px; } .sidebar-box a.button.transparent:hover:after { color: #950006; } .img-links img { cursor: pointer; margin-bottom: 5px; margin-top: 5px; } .block { margin-bottom: 0px; float: left; } .block h3 { color: #da0a0a; /*text-indent: 15px;*/ } .block-body .embed-responsive { height: 0; padding-top: 25px; padding-bottom: 56.25%; position: relative; } .block-body .embed-responsive iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .facebook-div { float: right; margin-bottom: 30px; } /* Banners */ .banners-inline { display: table; table-layout: fixed; width: 100%; margin-left: -3px; margin-right: -3px; margin-top: 30px; } .banners-inline > .banner-wrapper { display: table-cell; vertical-align: top; padding: 0 3px; margin-top: 5px; } .banners-inline > .banner-wrapper + .banner-wrapper { margin-top: 5px; } .banners-inline .banner { padding-left: 48px; min-height: 97px; } .banners-inline .banner.donate-banner { padding-bottom: 18px; } .banners-inline .banner h4 { font-size: 24px; margin-top: 8px; } .banners-inline .banner .icons { top: 50%; left: -25px; } .banner { background: #ebebeb; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 28px 10px 25px 50px; overflow: hidden; position: relative; display: block; min-height: 75px; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; margin-top: 30px; } .banner-wrapper { padding-left: 0px; padding-right: 6px; } .banner-wrapper + .banner-wrapper { /* margin-top:5px; */ } .banner h4 { color: #da0a0a; font-weight: 800; font-size: 14px; text-transform: uppercase; margin: 0; white-space: nowrap; transition: color 0.2s; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; } .banner p { color: #818181; margin-top: 0; font-size: 13px; margin-bottom: 0; transition: color 0.2s; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; } .banner .icons { position: absolute; font-size: 48px; width: 50px; left: -12px; top: 50%; margin-top: -26px; color: #e8bebe; z-index: 500; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: color 0.2s, opacity 0.7s, -webkit-transform 0.6s; -moz-transition: color 0.2s, opacity 0.7s, -moz-transform 0.6s; transition: color 0.2s, opacity 0.7s, transform 0.6s; } .banner .icons.myicon-parlament::before { color: #e8bebe; } .banner:hover { background: #da0a0a; text-decoration: none; color: #fff; } .banner:hover h4 { color: #fff; } .banner:hover p { color: #dbe7f2; } .banner:hover .icons { color: white; } .banner:hover .icons.myicon-parlament::before { color: white; } .banner:hover .icons.icons-fadeout { color: #FFFFFF; -webkit-transform: scale(4); -moz-transform: scale(4); transform: scale(4); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; } .banner:hover .icons.icons-fadeout.myicon-parlament::before { color: white; } .banner.donate-banner { background: #ede1e2; padding: 20px 18px 20px 20px; } .banner.donate-banner h5 { margin: 0 0 8px; font-size: 14px; color: #a82512; font-weight: 400; } .banner.donate-banner input[type="submit"] { background: #a82512; border-top: 1px solid #be2e17; border-bottom: 1px solid #911f0f; margin-top: 0; padding: 5px 12px; height: 35px; color: #fff; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; vertical-align: bottom; } .banner.donate-banner input[type="radio"] { display: none; } .banner.donate-banner input[type="radio"] + label { background: #fff; box-shadow: 0 0 1px #a82512; cursor: pointer; padding: 6px 8px; display: inline-block; margin: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: background 0.3s, color 0.2s; -webkit-transition: background 0.3s, color 0.2s; -moz-transition: background 0.3s, color 0.2s; } .banner.donate-banner input[type="radio"] + label:before { display: none; content: ''; margin: 0; } .banner.donate-banner input[type="radio"]:checked + label { background: #a82512 !important; color: #fff; } .banner.donate-banner label.radio-checked { background: #a82512 !important; color: #fff; } .banner.donate-banner input[type="submit"]:hover { background: #d3311a; border-top-color: #de3d21; border-bottom-color: #b02713; } /* Social Media */ .banner-wrapper + .social-media, .sidebar-box + .social-media { margin-top: 20px; } .social-media + .banner-wrapper, .social-media + .sidebar-box { margin-top: 20px; } .social-icons { list-style: none; margin: 0; padding: 0; } .social-buttons { list-style: none; margin: 0; padding: 0; overflow: hidden; } .small-caption + .social-icons { margin-top: 3px; } .social-icons li { display: inline-block; margin: 4px 0; } .social-buttons li { display: inline-block; margin: 4px 0; float: left; margin-right: 4px; height: 25px; } .social-buttons li.facebook-share > div { position: relative; top: -2px; } .social-buttons li.twitter-share > iframe { width: 95px !important; } .social-buttons li:last-child { margin-right: 0; } .social-icons li > a { display: block; width: 35px; height: 35px; color: #fff; background: #444; text-align: center; font-size: 16px; padding-top: 5px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .social-icons .facebook > a { background-color: #4862a3; border-top: 1px solid #5e80bf; border-bottom: 1px solid #3a4e82; } .social-icons .twitter > a { background-color: #40bff5; border-top: 1px solid #53d2f8; border-bottom: 1px solid #36a6d6; } .social-icons .google > a { background-color: #eb5b4c; border-top: 1px solid #f17663; border-bottom: 1px solid #cc4f42; } .social-icons .youtube > a { background-color: #cd322c; border-top: 1px solid #dc4139; border-bottom: 1px solid #ac2823; } .social-icons .flickr > a { background-color: #ff1981; border-top: 1px solid #ff21a7; border-bottom: 1px solid #d8166e; } .social-icons .email > a { background-color: #324e79; border-top: 1px solid #41669e; border-bottom: 1px solid #243f6a; } /* Featured Video */ .featured-video { padding: 20px 0; } .featured-video > h3, .featured-video > a { margin-left: 20px; margin-right: 20px; } .featured-video iframe { width: 100%; height: 150px; } /* Upcoming Events */ .upcoming-events { list-style: none; margin: 0; padding: 0; margin-bottom: -10px; } .upcoming-events ul { list-style: none; margin: 0; padding: 0; } .upcoming-events > li { display: table; padding: 0 0 15px; border-bottom: 1px solid #eee; } .upcoming-events > li + li { padding-top: 15px; } .upcoming-events li:last-child { border: none; } .upcoming-events > li > * { display: table-cell; vertical-align: top; } .upcoming-events .date > span { background: #eaeaea; text-align: center; padding: 7px 10px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 42px; display: block; transition: color 0.2s, background 0.3s; -webkit-transition: color 0.2s, background 0.3s; -moz-transition: color 0.2s, background 0.3s; } .upcoming-events .date .day { font-size: 18px; font-weight: 700; display: block; padding: 0; } .upcoming-events .date .month { font-size: 12px; line-height: 16px; font-weight: 400; text-transform: uppercase; display: block; padding: 0; } .upcoming-events .event-content { padding-left: 15px; vertical-align: top; } .upcoming-events .event-content h6 { margin: 0 0 4px; font-size: 15px; font-weight: 400; } .upcoming-events .event-content .event-meta { color: #95999e; font-size: 13px; line-height: 16px; } .upcoming-events .event-content .event-meta .icons { font-size: 10px; margin-left: -2px; margin-right: 2px; color: #cbcdd1; position: relative; top: -1px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .upcoming-events > li:hover .date > span { background: #da0a0a; color: #fff; } .upcoming-events > li:hover h6 a { color: #950006; } .upcoming-events > li:hover .event-content .event-meta .icons { color: #b1b4b8; } /* Popular News */ .popular-news { list-style: none; margin: 0; padding: 0; } .popular-news ul { list-style: none; margin: 0; padding: 0; } .popular-news > li { display: table; padding: 0 0 15px; border-bottom: 1px solid #eee; } .popular-news > li + li { padding-top: 15px; } .popular-news li:last-child { border: none; } .popular-news > li > * { display: table-cell; vertical-align: top; } .popular-news .thumbnail { width: 70px; } .popular-news .post-content { padding: 0; padding-left: 15px; } .popular-news .post-meta { margin-bottom: 0; line-height: 16px; } .popular-news .post-meta span { display: initial; } .popular-news .post-meta span:last-child:before { display: initial; content: '\2022 '; margin-right: 3px; font-size: 10px; } .popular-news h6 { margin: 0 0 3px; font-size: 15px; font-weight: 400; } /* Images Banner */ .image-banner { padding: 0; } .image-banner a { background: #63b2f5; color: #fff; text-align: center; padding: 0; padding-bottom: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-bottom: 1px solid #579dd9; display: block; transition: background 0.3s, border 0.3s; -webkit-transition: background 0.3s, border 0.3s; -moz-transition: background 0.3s, border 0.3s; } .image-banner:hover a { background: #4174c5; border-bottom-color: #213b63; } .image-banner:hover img { border-bottom-color: #5191d4; transition: border 0.3s; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; } .image-banner img { width: 100%; border-bottom: 1px solid #80bff0; } .image-banner h3 { margin: 15px 0 0; font-weight: 700; color: #fff; } .image-banner a.button { color: #fff !important; font-size: 13px; margin-top: 5px; } .image-banner a.button:after { color: #fff !important; } .image-banner .button { border: none; color: #fff; text-transform: uppercase; display: inline-block; font-size: 13px; } .image-banner .button.transparent { padding: 0; font-size: 13px; } .image-banner .button:after, .image-banner .button:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color: #fff; font-size: 13px; } .image-banner .button.button-arrow:after { margin-left: 9px; content: ''; margin-right: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #da0a0a; vertical-align: middle; margin-top: -2px; } /* Flickr and Instagram Feed */ .flickr-feed, #instagram-feed { list-style: none; margin: -3px -3px; padding: 0; overflow: hidden; } .flickr-feed li, #instagram-feed li { width: 33.3333%; float: left; padding: 3px; position: relative; } .flickr-feed li img, #instagram-feed li img { width: 100%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .flickr-feed li a, #instagram-feed li a { display: block; } .flickr-feed a:hover, #instagram-feed a:hover { text-decoration: none; } .flickr-feed li > a:before, #instagram-feed lI > a:before { content: ''; position: absolute; display: block; background: #000; background: rgba(0, 0, 0, 0.4); left: 3px; right: 3px; top: 3px; bottom: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: opacity 0.3s, transform 0.4s; -webkit-transition: opacity 0.3s, -webkit-transform 0.4s; -moz-transition: opacity 0.3s, -moz-transform 0.4s; z-index: 10; } .flickr-feed li > a:after, #instagram-feed li > a:after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e987'; position: absolute; left: 50%; color: #fff; font-size: 18px; top: 50%; margin-top: -10px; margin-left: -10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: opacity 0.3s, transform 0.4s; -webkit-transition: opacity 0.3s, -webkit-transform 0.4s; -moz-transition: opacity 0.3s, -moz-transform 0.4s; z-index: 10; } .flickr-feed li:hover > a:before, .flickr-feed li:hover > a:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); visibility: visible; } #instagram-feed li:hover > a:after, #instagram-feed li:hover > a:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); visibility: visible; } /* Search box */ .search-box input[type="submit"] { margin-top: 15px; font-size: 13px; padding: 6px 20px; } .search-icon { background: url("../img/search-white.png"); width: 20px; height: 20px; background-size: 20px 20px; background-repeat: no-repeat; display: block; position: absolute; top: 8px; left: 10px; } /* Tags */ a.tag { background: #e2eaf2; color: #274472; font-size: 13px; padding: 5px 10px; display: inline-block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-bottom: 6px; margin-right: 3px; transition: background 0.3s, color 0.3s; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; } a.tag:hover { background: #63b2f5; color: #fff; } /* Categories */ .category-box ul { list-style: none; margin: 0 -20px; padding: 0; } .category-box a { display: block; color: #4174c5; padding: 8px 20px; transition: background 0.3s, color 0.3s; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; } .category-box li > a { padding-top: 0; } .category-box li + li > a { padding-top: 8px; } .category-box a:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e891'; color: #808ca4; margin-right: 5px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .category-box a:hover { background: #fff; color: #274472; } .category-box a:hover:before { color: #274472; } /* Comment Box */ .comments-box ul { list-style: none; margin: 0; padding: 0; } .comments-box li { color: #95999e; padding: 0 0 10px; line-height: 17px; border-bottom: 1px solid #ecedf1; } .comments-box li + li { padding-top: 10px; } .comments-box li:last-child { border: none; } /* Calendar */ .responsive-calendar { margin: 0 -20px -20px; } .responsive-calendar .controls { background: #e2eaf2; padding: 10px 15px; } .responsive-calendar .controls .icons { color: #808ca4; } .responsive-calendar .controls span { font-size: 15px; color: #3e474c; font-weight: 400; } .responsive-calendar .day { border-bottom: 1px solid #ecedf1; padding: 2px; } .responsive-calendar .day.header { background: #eef2f7; border: none; padding: 5px 0; } .responsive-calendar .day.not-current a { opacity: 0; visibility: hidden; } .responsive-calendar .day .badge { display: none; } .responsive-calendar .day.calendar-event a { color: #4174c5; } .responsive-calendar .day a { transition: background 0.3s, color 0.3s; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #95999e; } .responsive-calendar .day.today a, .responsive-calendar .day a:hover { background: #e2eaf2; color: #4e575c; } /* Shop Items Widget */ .shop-items-widget { list-style: none; margin: 0; padding: 0; } .shop-items-widget li { position: relative; display: table; width: 100%; padding: 0 0 15px; } .shop-items-widget li + li { border-top: 1px solid #ecedf1; padding: 15px 0 15px; } .shop-items-widget li:last-child { padding-bottom: 0; } .shop-items-widget li > * { display: table-cell; vertical-align: top; } .shop-items-widget .featured-image { width: 85px; padding-right: 15px; } .shop-items-widget .featured-image img { width: 70px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .shop-items-widget h6 { margin: 0 0 2px; font-weight: 400; font-size: 15px; } .shop-items-widget .shop-rating { margin: -2px 0 0; } /* ==================================== */ /* FOOTER */ /* ==================================== */ #footer { -webkit-transform: translateZ(0px); position: relative; } #main-footer, #lower-footer { margin-left: -5000px; margin-right: -5000px; padding-left: 5000px; padding-right: 5000px; background: #9a0a0a; color: white; -webkit-transform: translateZ(0px); transition: margin 0.3s, padding 0.3s; -webkit-transition: margin 0.3s, padding 0.3s; -moz-transition: margin 0.3s, padding 0.3s; } .boxed-layout #main-footer, .boxed-layout #lower-footer { padding-left: 30px; padding-right: 30px; margin-left: -30px; margin-right: -30px; } #main-footer { padding-top: 50px; padding-bottom: 30px; -webkit-transform: translateZ(0px); display: none; } #main-footer > .row > div { zoom: 1; } #main-footer > .row > div:before { content: ""; display: table; } #main-footer > .row > div:after { content: ""; display: table; clear: both; } #main-footer h4 { margin-top: 0; text-transform: uppercase; font-weight: 400; margin-bottom: 22px; } #main-footer p { color: #97acc3; } /* Menu Widget */ .menu-container { padding: 0; } .menu { list-style: none; margin: 0; padding: 0; } .menu li { position: relative; margin: 0 0 13px; } .menu li a { color: #e2eaf2; display: block; font-size: 15px; line-height: 23px; padding: 0 0 0 20px; } .menu li a:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color: #a8abae; font-size: 13px; margin-left: 5px; content: '\e891'; position: absolute; left: -5px; top: 5px; color: #808ca4; } .menu li a:hover { color: #63b2f5; text-decoration: none; } .menu li a:hover:before { color: #63b2f5; text-decoration: none; } /* Twitter */ .twitter-widget-area { background: url(../img/twitter-widget-bg.png) 55px center no-repeat; } .twitter-widget ul { list-style: none; margin: 0 0 20px; padding: 0; } .twitter-widget li { color: #e2eaf2; font-size: 15px; font-style: italic; } .twitter-widget a { color: #97acc3; } .twitter-widget li > span { display: inline-block; } .twitter-widget .tweet_time > a { color: #808ca4; font-size: 13px; } a.button.twitter-button { background: #40bff5; border-top-color: #53d2f8; border-bottom-color: #36a6d6; color: #fff; height: 35px; border-bottom: none; } a.button.twitter-button:after { content: ''; display: none; } a.button.twitter-button:before { content: '\e965'; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; margin-left: -5px; margin-right: 10px; color: #b1e1fa; transition: color 0.2s; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; } a.button.twitter-button:hover { background: #e2eaf2; color: #274472; border-top-color: #f3f7fa; border-bottom-color: #e2eaf2; } a.button.twitter-button:hover:before { color: #40bff5; } /* Lower Footer */ #lower-footer { border-top: 1px solid #780104; padding-top: 15px; padding-bottom: 15px; -webkit-transform: translateZ(0px); } #lower-footer .social-buttons { margin: 8px 0 0 !important; overflow: hidden; } .copyright { color: whitesmoke; padding-top: 13px; margin: 0; } /* Back to Top */ #button-to-top { background: #eaeaea; position: fixed; bottom: 20px; right: 20px; z-index: 1000; display: block; width: 45px; height: 45px; text-align: center; font-size: 24px; padding-top: 7px; color: #da0a0a; border-top: 1px solid #f3f7fa; border-bottom: 1px solid #d3d3d3; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: background 0.3s, color 0.2s; -webkit-transition: background 0.3s, color 0.2s; -moz-transition: background 0.3s, color 0.2s; } #button-to-top:hover { background: #e8bebe; color: #fff; border-top-color: #f8cdce; border-bottom-color: #a88e9e; } /* Customize Box */ .customize-box { position: fixed; display: none; left: -200px; top: 200px; width: 200px; background: #274472; color: #e2eaf2; padding: 20px; z-index: 9999; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; } .customize-box.opened { left: 0; } .customize-box-button { width: 45px; height: 45px; position: absolute; left: 200px; top: 0; padding-top: 8px; text-align: center; font-size: 16px; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; cursor: pointer; transition: background 0.3s, border 0.3s; -webkit-transition: background 0.3s, border 0.3s; -moz-transition: background 0.3s, border 0.3s; background: #274472; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .customize-box.opened .customize-box-button, .customize-box-button:hover { background: #4174c5; border-top: 1px solid #5191d4; border-bottom: 1px solid #213b63; } .customize-box h5 { margin: 0 0 30px; font-size: 16px; } .customize-box select { color: #95999e; } .customize-box label { color: #97acc3; } .customize-box input[type="radio"] + label { background: #324e79; color: #fff; text-transform: uppercase; padding: 8px 10px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; transition: background 0.3s, border 0.3s; -webkit-transition: background 0.3s, border 0.3s; -moz-transition: background 0.3s, border 0.3s; margin-bottom: 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .customize-box input[type="radio"] + label:before { display: none; content: ''; } .customize-box input[type="radio"] + label + input[type="radio"] + label { margin-left: 0; } .customize-box input[type="radio"]:checked + label, .customize-box input[type="radio"] + label:hover { background: #4174c5; border-top-color: #5191d4; border-bottom-color: #213b63; } .customize-box input[type="submit"], .customize-box input[type="reset"] { padding-left: 10px; padding-right: 10px; width: 70px; } .background-color, .background-image { display: none; } .colorpicker { z-index: 20000; } #colorpicker { width: 30px; height: 30px; display: block; border: 2px solid #fafbfd; background: #000; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-bottom: 10px; margin-top: 10px; } #colorpicker:after { content: ''; display: block; width: 4px; height: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #fafbfd; position: absolute; bottom: 3px; right: 3px; } .background-image input[type="radio"] + label { width: 35px; height: 35px; overflow: hidden; padding: 0; border: 2px solid #324e79 !important; margin-bottom: 10px; margin-top: 10px; } .background-image input[type="radio"]:checked + label { border: 2px solid #4174c5 !important; } .background-image input[type="radio"] + label img { width: 33px; height: 33px; } /* ==================================== */ /* ELEMENTS */ /* ==================================== */ ::-webkit-input-placeholder { color: #95999e; } :-moz-placeholder { /* Firefox 18- */ color: #95999e; } ::-moz-placeholder { /* Firefox 19+ */ color: #95999e; } :-ms-input-placeholder { color: #95999e; } ::selection { background: #4174c5; /* Safari */ color: #fff; } ::-moz-selection { background: #4174c5; /* Firefox */ color: #fff; } /* Buttons */ a.button, button { background: #eaeaea; border: none; color: #141414; text-transform: uppercase; display: inline-block; padding: 6px 20px; font-size: 13px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-top: 1px solid #f3f7fa; border-bottom: 1px solid #d3d3d3; transition: background 0.3s, color 0.2s, border 0.3s; -webkit-transition: background 0.3s, color 0.2s, border 0.3s; -moz-transition: background 0.3s, color 0.2s, border 0.3s; } a.button.big { padding: 10px 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } button.big { padding: 10px 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } button.medium { padding: 8px 20px; height: 39px; } a.button.medium { padding: 8px 20px; height: 39px; } a.button.donate { background: #a82512; border-top-color: #be2e17; border-bottom-color: #911f0f; color: #fff; text-transform: none; } button.donate { background: #a82512; border-top-color: #be2e17; border-bottom-color: #911f0f; color: #fff; text-transform: none; } a.button.donate.button-arrow:after, button.donate.button-arrow:after { color: #d6aaa7; } a.button.donate.button-arrow:hover:after, button.donate.button-arrow:hover:after { color: #fff; } a.button.donate.big, button.donate.big { text-transform: uppercase; } a.button.donate:hover, button.donate:hover { background: #d3311a; border-top-color: #de3d21; border-bottom-color: #b02713; } a.button + a.button, button + button { margin-left: 5px; } a.button.transparent, button.transparent { padding: 0; font-size: 13px; background: none; color: #da0a0a; border: none; } a.button.transparent:hover, button.transparent:hover { background: none; color: #950006; } a.button.transparent:hover:after, button.transparent:hover:after { color: #63b2f5; border-left-color: #950006 !important; } a.button:after, a.button:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color: #a8abae; font-size: 13px; } button:before, button:after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; color: #a8abae; font-size: 13px; } a.button.button-arrow:after, button.button-arrow:after { margin-left: 9px; content: ''; margin-right: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #da0a0a; vertical-align: middle; margin-top: -2px; transition: 0.3s; } a.button.button-arrow:hover:after { border-left-color: white; } a.button.button-arrow-before:before { /* margin-left:-5px; content: '\e890'; color:#808ca4; margin-right:5px;*/ margin-left: 9px; content: ''; margin-right: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #da0a0a; vertical-align: middle; margin-top: -2px; transition: 0.3s; } button.button-arrow-before:before { /* margin-left:-5px; content: '\e890'; color:#808ca4; margin-right:5px;*/ margin-left: 9px; content: ''; margin-right: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #da0a0a; vertical-align: middle; margin-top: -2px; transition: 0.3s; } a.button.button-arrow:hover:before { border-right-color: white; } a.button:hover { background: #da0a0a; color: #fff; border-top-color: #c90008; border-bottom-color: #950006; text-decoration: none; } button:hover, a.button.active-button, button.active-button { background: #da0a0a; color: #fff; border-top-color: #c90008; border-bottom-color: #950006; text-decoration: none; } a.button:hover:after, button:hover:after, a.button:hover:before, button:hover:before, a.button.active-button:after, button.active-button:after { color: #fff; } .icons.icon-up-dir { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #a88e9e; position: absolute; margin: -10px; margin-top: 9px; transition: 0.3s; } #button-to-top:hover .icons.icon-up-dir { border-bottom: 10px solid #950006; } .icons.icon-left-dir { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #da0a0a; position: absolute; left: 10px; margin-top: 6px; transition: 0.3s; } .left-arrow:hover .icons.icon-left-dir { border-right: 6px solid white; } .icons.icon-right-dir { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #da0a0a; position: absolute; left: 46px; margin-top: 6px; transition: 0.3s; } .right-arrow:hover .icons.icon-right-dir { border-left: 6px solid white; } /* Tooltips */ .tooltip-inner { background: #da0a0a; font-size: 12px; padding: 5px 10px; white-space: nowrap; } .tooltip.top .tooltip-arrow { border-top-color: #da0a0a; } .tooltip.left .tooltip-arrow { border-left-color: #4174c5; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #4174c5; } .tooltip.right .tooltip-arrow { border-right-color: #4174c5; } /* ==================================== */ /* SHORTCODES */ /* ==================================== */ .accordions { margin: 0; padding: 0; list-style: none; } .accordion { margin-bottom: 7px; } .accordion-header { color: #274472; background: #e2eaf2; padding: 15px 20px 15px 45px; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-top: 1px solid #f3f7fa; border-bottom: 1px solid #bfc8d7; transition: background 0.3s, color 0.2s, border 0.3s; -webkit-transition: background 0.3s, color 0.2s, border 0.3s; -moz-transition: background 0.3s, color 0.2s, border 0.3s; cursor: pointer; } .accordion-active .accordion-header { background: #63b2f5; border-top-color: #7cc5f8; border-bottom-color: #579dd9; color: #fff; } .accordion-header:hover { background: #63b2f5; border-top-color: #7cc5f8; border-bottom-color: #579dd9; color: #fff; } .accordion-header:hover .accordion-icon:before { color: #fff; } .accordion-header h6 { margin: 0; } .accordion-icon { position: absolute; top: 11px; left: 15px; font-size: 16px; } .accordion-icon:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e989'; color: #808ca4; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } .accordion-active .accordion-icon:before { content: '\e98c'; color: #f2f4f9; } .accordion-content { color: #3e474c; margin-top: 7px; background: #fff; padding: 15px 20px; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } /* Tabs */ .tab-header ul { list-style: none; margin: 0; padding: 0; } .tab-header li { display: inline-block; color: #274472; background: #e2eaf2; padding: 15px 20px; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-top: 1px solid #f3f7fa; border-bottom: 1px solid #bfc8d7; transition: background 0.3s, color 0.2s, border 0.3s; -webkit-transition: background 0.3s, color 0.2s, border 0.3s; -moz-transition: background 0.3s, color 0.2s, border 0.3s; cursor: pointer; margin-bottom: 7px; } .tab-header li.active-tab, .tab-header li:hover { background: #63b2f5; border-top-color: #7cc5f8; border-bottom-color: #579dd9; color: #fff; } .tab-header li.active-tab a, .tab-header li:hover a { color: #fff; } .tab-header li a { color: #274472; } .tab-header li h6 { margin: 0; } .tab { color: #3e474c; background: #fff; padding: 15px 20px; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; zoom: 1; } .tab:before { content: ""; display: table; } .tab:after { content: ""; display: table; clear: both; } .tab img:first-child { margin-top: 0; } /* Style 2 */ .tabs.style2 { display: table; } .tabs.style2 > div { display: table-cell; vertical-align: top; } .tabs.style2 .tab-header { width: 35%; padding-right: 7px; } .tabs.style2 .tab-header li { display: block; } /* Lists */ ul.list { list-style: none; margin: 0; padding: 0; } ol.list { margin: 0; padding: 0; list-style-position: inside; } ol.list li { padding-left: 0; } .list li { position: relative; font-size: 15px; color: #3e474c; padding: 5px; padding-left: 15px; } ul.list li:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; font-size: 12px; color: #808ca4; position: absolute; left: -5px; top: 11px; } .arrow-list li:before { content: '\e891'; } .check-list li:before { content: '\e818'; font-size: 11px; } .star-list li:before { content: '\e902'; font-size: 9px; } .plus-list li:before { content: '\e81f'; font-size: 11px; } .finger-list li:before { content: '\e8aa'; } /* Blockquote */ blockquote { border-left: 3px solid #63b2f5; font-size: 16px; color: #274472; padding: 20px; font-weight: 700; text-align: left !important; background: #fafbfd; } blockquote.italic { font-weight: 400; font-style: italic; } blockquote.align-right { float: right; width: 33%; margin: 0 0 15px 20px; } blockquote.align-left { float: left; width: 33%; margin: 0 20px 15px 0; } blockquote.iconic-quote { padding-left: 65px; padding-right: 65px; position: relative; } blockquote.link-quote { padding-right: 20px; border-left-color: #274472; } blockquote.iconic-quote:after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; font-size: 24px; color: #e2eaf2; } blockquote.iconic-quote:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; font-size: 24px; color: #e2eaf2; content: '\e849'; position: absolute; left: 15px; top: 23px; } blockquote.iconic-quote:after { content: '\e84a'; position: absolute; right: 15px; top: 23px; } blockquote.link-quote:before { content: '\e82c'; position: absolute; left: 15px; top: 23px; } blockquote.link-quote:after { content: ''; display: none; } /* Testimonials */ .testimonial-content { background: #fafbfd; border: 1px solid #dee0e5; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 20px; position: relative; } .testimonial-content:after { content: ''; display: block; background: url(../img/testimonials/arrow.png) no-repeat; position: absolute; bottom: -11px; left: 90px; width: 25px; height: 15px; } .testimonial-content p { font-style: italic; font-size: 15px; margin: 0; } .testimonial-author { margin-top: 10px; } .testimonial-author img { width: 70px; display: inline-block; margin-right: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .testimonial-author .author-meta { display: inline-block; vertical-align: middle; } .testimonial-author .author-meta span { display: block; } .testimonial-author .name { font-size: 15px; } .testimonial-author .location { font-size: 13px; color: #95999e; } /* Alert Boxes */ .alert-box { background: #eee; padding: 15px 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; position: relative; padding-right: 40px; } .alert-box.alert-box-button a.button { position: relative; margin-right: -20px; } .alert-box.alert-box-button p { margin-top: 7px; } .alert-box .icons { position: absolute; top: 13px; right: 20px; font-size: 18px; cursor: pointer; z-index: 1000; width: 20px; height: 20px; } .alert-box + .alert-box { margin-top: 10px; } .alert-box p { margin: 0; } .alert-box.warning { background: #ede8e1; color: #dd7d00; } .alert-box.warning .icons { color: #e5b78f; } .alert-box.error { background: #ede1e2; color: #a82512; } .alert-box.error .icons { color: #cc9693; } .alert-box.success { background: #d5edd4; color: #57a12c; } .alert-box.success .icons { color: #99c68a; } .alert-box.info { background: #d8e1f1; color: #4174c5; } .alert-box.info .icons { color: #98b0dc; } .alert-box a.toggle-link { color: #a82512; } .alert-box a.toggle-link:hover { color: #d3311a; } /* Pagination */ .numeric-pagination, .button-pagination { overflow: hidden; display: inline-block; vertical-align: top; } .numeric-pagination + .button-pagination, .button-pagination + .numeric-pagination { margin-left: 20px; } .numeric-pagination > a { width: 30px; height: 30px; padding: 3px 0; text-align: center; color: #808ca4; float: left; } .numeric-pagination > a + a { margin-left: 3px !important; } .button-pagination a.previous:before { content: '\e890'; margin-right: 5px; color: #808ca4; margin-left: -5px; } .button-pagination a.next:after { content: '\e891'; margin-left: 5px; color: #808ca4; margin-right: -5px; } .button-pagination a:hover:after, .button-pagination a:hover:before { color: #f2f4f9; } /* Dividers */ .divider { display: block; margin: 30px 0; border-top: 1px solid #dee0e5; } .divider + .numeric-pagination { margin-top: -15px; } .divider.light { border-color: #ecedf1; } /* Progress Bars */ .progressbar { width: 100%; height: 15px; border: 4px solid #fff; background: #fff; box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; -moz-box-shadow: 0 0 2px #ccc; -o-box-shadow: 0 0 2px #ccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; position: relative; margin-top: -7px; margin-bottom: 15px; } .progressbar .progress-width { background: #ff2b2b; background: -moz-linear-gradient(left, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #ff2b2b), color-stop(36%, white), color-stop(50%, white), color-stop(66%, white), color-stop(100%, #25681c)); background: -webkit-linear-gradient(left, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); background: -o-linear-gradient(left, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); background: -ms-linear-gradient(left, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); background: linear-gradient(to right, #ff2b2b 0%, white 36%, white 50%, white 66%, #25681c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b2b', endColorstr='#25681c', GradientType=1); content: " "; display: block; width: 0%; /* background:#63b2f5; width:0%; height:100%; display:block;*/ } .progressbar .progress-percent { display: block; position: absolute; top: -30px; font-weight: 700; font-size: 15px; right: 0; } /* Tables */ table { width: 100%; background: #fafbfd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ecedf1; overflow: hidden; } h3 + table { margin-top: 3px; } table tr:first-child td:first-child, table tr:first-child th:first-child { border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; } table tr:first-child td:last-child, table tr:first-child th:last-child { border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; } table tr:last-child td:first-child, table tr:last-child th:first-child { border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; } table tr:last-child td:last-child, table tr:last-child th:last-child { border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; } table td, table th { border: 1px solid #ecedf1; padding: 12px 20px; text-align: left; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } table tr:hover > td, table tr:hover > th { background: #fff; } /* Forms */ .white-box { background: #fafbfd; padding: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .white-box > *:first-child { margin-top: 10px; } form input[type="text"], form input[type="email"], form select, form .chosen-container { margin-bottom: 10px; line-height: 17px; } input[type="text"], input[type="password"], input[type="email"] { width: 100%; border: 1px solid #dee0e5; padding: 8px 10px; background: #fafbfd; color: #95999e; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } select, textarea { width: 100%; border: 1px solid #dee0e5; padding: 8px 10px; background: #fafbfd; color: #95999e; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } label { font-size: 15px; padding-bottom: 5px; display: inline-block; } input[type="radio"], input[type="checkbox"] { display: none; } input[type="radio"] + label, input[type="checkbox"] + label { vertical-align: middle; cursor: pointer; margin-bottom: 8px; } input[type="radio"] + label + input[type="radio"] + label, input[type="checkbox"] + label + input[type="checkbox"] + label { margin-left: 10px; } input[type="radio"] + label:before, input[type="checkbox"] + label:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; vertical-align: top; margin-right: 12px; color: #95999e; position: relative; top: 1px; } input[type="radio"] + label:before { content: ''; background: #fafbfd; border: 1px solid #dee0e5; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 22px; font-size: 12px; padding: 4px 3px; height: 22px; } input[type="radio"]:checked + label:before { content: '\e8ff'; } input[type="checkbox"] + label:before { content: ''; background: #fafbfd; border: 1px solid #dee0e5; width: 22px; font-size: 12px; padding: 4px 3px; height: 22px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } input[type="checkbox"]:checked + label:before { content: '\e818'; } input[type="submit"], input[type="reset"] { background: #e2eaf2; color: #da0a0a; border: none; margin-top: 20px; text-transform: uppercase; display: inline-block; padding: 10px 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-top: 1px solid #f3f7fa; border-bottom: 1px solid #bfc8d7; transition: background 0.3s, color 0.2s; -webkit-transition: background 0.3s, color 0.2s; -moz-transition: background 0.3s, color 0.2s; } input[type="submit"]:hover, input[type="reset"]:hover { background: #63b2f5; border-top-color: #7cc5f8; border-bottom-color: #579dd9; color: #fff; text-decoration: none; } .numeric-input-holder { width: 115px; display: block; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translateZ(0px); } .increase-button, .decrease-button { width: 30px; display: block; top: 0; bottom: 0; position: absolute; background: #e2eaf2; color: #808ca4; border: 1px solid #dee0e5; cursor: pointer; text-align: center; -webkit-transform: translateZ(0px); padding-top: 5px; transition: color .3s, border .3s, background .3s; -webkit-transition: color .3s, border .3s, background .3s; -moz-transition: color .3s, border .3s, background .3s; } .increase-button:before, .decrease-button:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; font-size: 16px; } .increase-button:hover, .decrease-button:hover { color: #fff; background: #63b2f5; border-color: #63b2f5; } .increase-button { right: 0; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; } .increase-button:before { content: '\e987'; } .decrease-button { left: 0; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; } .decrease-button:before { content: '\e98a'; } input.numeric-input { width: 115px; display: block; padding-left: 40px; padding-right: 40px; padding-top: 5px; padding-bottom: 5px; } input.numeric-input:focus { outline: none; } .inline-inputs { margin: 0 -5px; overflow: hidden; } .inline-inputs > div { padding: 0 5px; } .notification-input { display: table; width: 100%; } .notification-input > * { display: table-row; } .notification-input > div > * { display: table-cell; } .notification-input input { margin-top: 5px; margin-bottom: 15px; width: 100%; } .notification-input > div > label { width: 1%; white-space: nowrap; padding-left: 10px; font-size: 13px; } .notification-input .error input { border-color: #ad3422; } .notification-input .error label { color: #ad3422; } .notification-input .warning input { border-color: #de8512; } .notification-input .warning label { color: #de8512; } .notification-input .info input { border-color: #4174c5; } .notification-input .info label { color: #4174c5; } .notification-input .success input { border-color: #4a9b13; } .notification-input .success label { color: #4a9b13; } /* Dropcaps */ .dropcap { float: left; font-weight: 700; font-size: 48px; line-height: 46px; padding: 0 8px 5px 0; } .dropcap.blue { color: #63b2f5; } .dropcap.squared { font-size: 24px; line-height: 22px; margin-top: 5px; margin-right: 12px; padding: 8px; background: #e2eaf2; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .dropcap.squared.blue { color: #fff; background: #63b2f5; } /* Hightlight */ .highlight { color: #fff; background: #4174c5; } /* Audio Player */ .audio-player { width: 100%; display: table; height: 40px; background: #274472; position: relative; color: #97acc3; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .audio-player > * { display: table-cell; vertical-align: middle; } /* Play Button */ .audio-play-button { border-right: 1px solid #324e79; width: 40px; height: 40px; cursor: pointer; transition: background 0.2s; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; text-align: center; padding-top: 4px; } .audio-play-button:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e8bd'; color: #fff; font-size: 14px; } .audio-play-button.pause:before { content: '\e8c1'; } /* Progress Bar */ .audio-time, .audio-current-time { width: 1%; } .audio-time { padding: 0 15px 0 12px; } .audio-current-time { padding: 0 12px 0 15px; } .audio-progress-wrapper { border: 1px solid #808ca4; background: #324e79; width: 100%; padding: 3px; height: 15px; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; } .audio-buffer-bar { height: 7px; background: #416c9e; position: relative; width: 0; } .audio-progress-bar { height: 7px; background: #63b2f5; position: relative; width: 0; top: -7px; } /* Volume Bar */ .audio-volume { width: 100px; border-left: 1px solid #324e79; padding: 0 15px 0 38px; position: relative; cursor: pointer; } .audio-volume .volume-bar:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e87d'; color: #97acc3; position: absolute; font-size: 16px; margin-top: -1px; left: -30px; top: 0; } .audio-volume.volume-down .volume-bar:before { content: '\e87c'; } .audio-volume.volume-off .volume-bar:before { content: '\e87b'; } .volume-bar { border: 1px solid #808ca4; background: #324e79; width: 100%; padding: 3px; height: 15px; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; } .audio-volume-progress { height: 7px; background: #63b2f5; position: relative; width: 0; } /* Pricing Tables */ .pricing-tables { background: transparent; vertical-align: top; margin: 0 -10px; overflow: visible; border: none; } .pricing-tables td, .pricing-tables th { border: none; padding: 0; text-align: center; } .pricing-tables td { vertical-align: top; padding: 0 15px; } .pricing-tables tr:hover td { background: none; } .pricing-table { display: inline-block; width: 100%; background: #fafbfd; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; position: relative; padding-bottom: 100px; height: 100%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; } .pricing-table:after, .pricing-table:before { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .most-popular.pricing-table, .pricing-table:hover { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); } .pricing-header { background: #fafbfd; color: #63b2f5; border-bottom: 1px solid #ecedf1; padding: 20px 0; height: 60px; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; } .most-popular .pricing-header { background: #63b2f5; color: #fff; padding: 15px 0; height: 70px; } .most-popular .pricing-header span { font-size: 12px; font-weight: 800; text-transform: uppercase; color: #4377ae; } .pricing-header h4 { margin: 0; font-size: 24px; font-weight: 700; } .pricing-price { background: #fff; padding: 20px 0; font-size: 60px; line-height: 50px; color: #274472; font-weight: 800; border-bottom: 1px solid #ecedf1; } .pricing-price .price { letter-spacing: -3px; } .pricing-price .currency { font-size: 22px; line-height: 40px; font-weight: 400; vertical-align: top; letter-spacing: -20px; } .pricing-price .period { font-size: 22px; line-height: 22px; font-weight: 400; margin-left: -15px; } .pricing-features { list-style: none; margin: 0; padding: 0; } .pricing-features li { padding: 8px; border-bottom: 1px solid #ecedf1; font-size: 14px; color: #95999e; } .pricing-features li:nth-child(even) { background: #fff; } .pricing-button { text-align: center; position: absolute; bottom: 30px; left: 0; right: 0; } /* ==================================== */ /* Responsive */ /* ==================================== */ /* Medium Desktop */ @media (min-width: 992px) and (max-width: 1199px) { /* Sticky Header Fix */ #header.sticky-header .container, .full-width-slider .slide { width: 980px; } /* Blockquote Break Line Fix */ #main-header blockquote br { display: none; } .col-lg-3 .team-member-info p { height: 40px; overflow: hidden; } .col-lg-4 .team-member-info p { height: 80px; overflow: hidden; } .banners { padding: 0px; } .banner h4, .banners-inline .banner h4 { font-size: 11px; white-space: normal; } /* Donate Banner Fix */ .banner.donate-banner { text-align: center; padding: 20px 10px; } .banner.donate-banner h5 { margin: 0 0 10px; font-size: 12px; } .banner.donate-banner input[type="submit"] { margin-top: 10px; } .media-item a.button { font-size: 12px; padding: 7px 15px; } .media-caption h2 { font-size: 22px; } } /* Tablet */ @media (min-width: 768px) and (max-width: 991px) { /* Blockquote Break Line Fix */ #main-header blockquote br { display: none; } .main-flexslider .slide { padding: 60px 40px !important; } #main_flex_1 .slide { padding: 0px 0px !important; } #main_flex_1 .slide .slide-content { padding: 0px 20px !important; } #main_flex_3 .slide { padding: 70px 40px !important; } .banners-inline { display: block; } .banners-inline > .banner-wrapper { width: 50%; display: block; float: left; padding: 3px; } ol.list, ul.list { margin-bottom: 20px; } .apply-coupon input[type="text"] { margin-bottom: 5px; } .shopping-cart-table a.button + a.button { margin-top: 5px; } /* Revolution SLider */ .main-revolution h2 { font-size: 28px; line-height: 34px; } .main-revolution .great-vibes { font-size: 20px; } /* Donate Banner Fix */ .banner.donate-banner { text-align: center; } .banner.donate-banner h5 { margin: 0 0 20px; } .banner h4 { white-space: normal; } .banners-inline .banner.donate-banner h5 { margin: 0; } .banner.donate-banner input[type="submit"] { margin-top: 20px; } .banners-inline .banner.donate-banner input[type="submit"] { margin-top: 5px; } /* Events */ .event-calendar th { padding: 10px; font-size: 14px; } .event-meta-block { height: auto; } .event-meta-block p { font-size: 13px; white-space: normal; line-height: 16px; } .event-meta.horizontal .event-meta-block { margin-bottom: 1px; } /* Media */ .media-caption h2 { font-size: 20px; } .portfolio-pagination a.button { font-size: 12px; } .testimonial, .related-articles .blog-post { margin-bottom: 30px; } /* Shopping Cart Table */ .shopping-cart-table .product-thumbnail { width: 40px; } .shopping-cart-table .product-thumbnail img { width: 40px; } .shopping-cart-table td { width: 1%; padding: 5px; } .shopping-cart-table th { padding: 7px; } .shopping-cart-table .numeric-input-holder { width: 100px !important; } .shopping-cart-table input.numeric-input { width: 100px; } .shopping-cart-table td.price { min-width: 0; } .shopping-cart-table .shopping-cart-item, .shopping-cart-table .apply-coupon { width: auto; } .shopping-cart-item { vertical-align: top; } .shopping-cart-item h6 { font-size: 14px; font-weight: 400; margin: 0; vertical-align: top; display: inline-block; } .shopping-cart-table .remove-shopping-item { color: #d3a7a4; cursor: pointer; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; font-size: 18px; } .shopping-cart-table .remove-shopping-item:hover { color: #a82512; } .shopping-cart-table .apply-coupon input { padding: 5px 10px; } .shopping-cart-table .apply-coupon > * { width: auto; display: inline-block; } .shopping-cart-table a.button { font-size: 13px; text-transform: uppercase !important; } .full-width-slider .slide { width: 750px; } .blog-post.big .post-image { float: none; display: block; width: 100%; margin: 0 0 20px; } /* Banner Rotator */ .banner-rotator .slides li { background-size: 100% !important; background-position: center top !important; } .banner-rotator-content { width: 100%; margin-top: 300px; border-radius: 0 0px 5px 5px; } .banner-rotator-flexslider .flex-control-nav { width: 100%; } /* Footer Columns Margin */ #main-footer > .row > div { margin: 20px 0px; } } /* Mobile and Tablet */ @media (max-width: 991px) { /* Sticky Header Fix */ #header.sticky-header .container { width: auto; } /* Tablet & Mobile Navigation */ #menu-button { display: block; width: 100%; position: relative; z-index: 6000; height: 60px; padding-top: 20px; border-bottom: 1px solid #ddd; cursor: pointer; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; border-left: 1px solid #dee0e5; border-right: 1px solid #dee0e5; } #menu-button:hover { background: #da0a0a; border-bottom-color: transparent; } #menu-button:hover > div > span { background: #fff; } #menu-button:hover > span { color: #fff; } #menu-button > div { display: inline-block; vertical-align: top; margin-left: 20px; margin-right: 7px; } #menu-button > span { font-size: 16px; transition: color 0.3s; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; } #menu-button > div > span { display: block; width: 17px; height: 3px; background: #444; margin: 3px auto; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; } #navigation { display: none; width: 100% !important; text-align: left; } #navigation ul, #navigation li ul { border-radius: 0 !important; } #navigation ul li:last-child { border-radius: 0 !important; border: 0; } #navigation ul li:last-child > a, #navigation ul li:last-child > span { border-radius: 0 !important; } #navigation > li { border-left: 1px solid #dee0e5; border-right: 1px solid #dee0e5; } #navigation li { display: block !important; width: 100% !important; text-align: left; border-color: #dee0e5 !important; } #navigation li > span { cursor: default; } #navigation li > span #navigation li > a { border-color: #dee0e5 !important; } #navigation li:hover { border-bottom-color: transparent !important; border-top-color: transparent !important; } #navigation li:hover > a, #navigation li:hover > span { border-bottom-color: transparent !important; border-top-color: transparent !important; } #navigation li > span:after { right: 15px; position: absolute; top: 15px; content: '\e891'; } #navigation > li.home-button > a:after, #navigation > li.home-button > span:after { content: '\e891'; display: block; } #navigation > li.home-button > a:only-child:after, #navigation > li.home-button > span:only-child:after { display: none; } #navigation lI > a:after { right: 15px; position: absolute; top: 15px; content: '\e891'; } #navigation li.dropdown-opened > span:after, #navigation li.dropdown-opened > a:after { content: '\e88e'; } #navigation.navigation-opened { display: block; } #navigation li ul { box-shadow: none; display: none; width: 100% !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; transform: scale(1) !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; position: relative; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } #navigation li ul li ul { display: none; width: 100% !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; transform: scale(1) !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; position: relative; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } .csstransforms #navigation li ul { display: none; width: 100% !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; transform: scale(1) !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; position: relative; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } .csstransforms #navigation li ul li ul { display: none; width: 100% !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; transform: scale(1) !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; position: relative; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } #navigation > li > span, #navigation > li > a { font-size: 15px; padding: 10px 20px !important; } #navigation ul li > span, #navigation ul li > a { padding-left: 30px !important; } #navigation ul ul li > span, #navigation ul ul li > a { padding-left: 40px !important; } #navigation li > .dropdown-button { position: absolute; top: 0; right: 0; bottom: 0; width: 50px; background: transparent; cursor: pointer; } .related-products .shop-item { margin-bottom: 30px; } .team-member.big .team-member-image { width: 100%; padding-right: 0; float: none; } .team-member.big .team-member-info { float: none; width: 100%; padding: 20px; } /* Blog */ .blog-post.style2 .post-image { float: none; width: 100%; margin-bottom: 20px; } .blog-post.style2 .post-content { padding: 0; margin-left: 0; float: none; } /* Shop */ .shop-product-gallery { width: 100%; float: none; margin-bottom: 30px; padding-right: 0; } .shop-product-content { width: 100%; float: none; padding-left: 0; } .checkout-coupon-form input[type="submit"] { margin: 0; } .checkout-coupon-form input[type="text"] { width: 100%; margin-bottom: 5px; min-width: 0; } .customize-box { display: none !important; } } /* Mobile Devices */ @media (max-width: 767px) { .customize-box { display: none !important; } #main-header { height: auto; text-align: center; } #main-header blockquote { text-align: left; display: inline-block; margin: 30px 0; } #main-header blockquote br { display: none; } .portfolio-pagination > div { text-align: left; margin-top: 10px; } /* Main Flexslider */ .main-flexslider { height: 350px; } .main-flexslider .slides > li { height: 350px; } .main-flexslider .slide { padding: 0px 20px !important; } .main-flexslider h2 { font-size: 32px; font-weight: 800; line-height: 42px; } .main-flexslider p { font-size: 16px; } .main-flexslider a.button { border-bottom-color: #738497; } .main-flexslider .great-vibes { font-size: 34px; position: relative; display: inline-block; margin-bottom: 0; } .main-flexslider .great-vibes + h2 { margin-top: 10px; } /* Revolution SLider */ .main-revolution h2 { font-size: 24px; line-height: 30px; } .main-revolution p, .main-revolution .great-vibes, .main-revolution a.button { display: none; } .tparrows.default { top: 50% !important; } .youtube-video, .portfolio-video iframe { height: 200px; } blockquote.align-right, blockquote.align-left, blockquote.align-center { width: 100% !important; } .sidebar { margin-top: 20px; } .sidebar .banner { margin: 5px 0; } .banners-inline { display: block; } .banners-inline > .banner-wrapper { width: 100%; display: block; padding: 3px; } .blog-post.big .post-image { float: none; display: block; width: 100%; margin: 0 0 20px; } .tabs.style2 { display: block; } .tabs.style2 > div { display: block; } .tabs.style2 .tab-header { width: 100% !important; } .tabs.style2 .tab-header li { display: inline-block; } ul.list, ol.list, .media-item, .testimonial, blockquote { margin: 20px 0; } table, tbody, tr, td, th { display: block; width: 100% !important; max-width: 100%; min-width: 100%; } table td, table th { border: none; } table tr { border: 1px solid #ecedf1; } .pricing-tables { display: block; width: 100%; padding: 0; margin: 20px 0; } .pricing-tables tbody, .pricing-tables tr, .pricing-tables td, .pricing-tables th { display: block; width: 100%; padding: 0; } .pricing-table { margin: 20px 0; } .pricing-table.most-popular, .pricing-table:hover { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } /* Calendar */ .events-calendar { display: block; } .events-calendar tbody, .events-calendar tr, .events-calendar td { display: block; } .events-calendar th { display: none; } .event-calendar .calendar-days, .events-calendar .not-this-month { display: none; } .event-calendar td { height: auto; min-height: 150px; } .calendar-header .align-right { text-align: left; } .calendar-header .filter-dropdown { margin-top: 20px; } .event-popover { width: auto; } /* Media Items */ .filter-filtering { display: block; margin-bottom: 10px; } .media-caption h2 { font-size: 18px; } .media-button a.button { margin: 0 5px 5px 0; } .media-button a.button + a.button { margin: 0 5px 5px 0; } .media-pagination > div { text-align: left; } .media-pagination > div + div { margin-top: 10px; } /* Blog */ .related-articles .blog-post { margin-bottom: 30px; } .post-author .author-info .author-img { margin-bottom: 10px; } .blog-post-single.fullwidth-post { padding-left: 0; } .blog-post-single.fullwidth-post .post-side-meta { display: none; } /* Shop Items */ .shop-items .mix { width: 50%; display: block !important; float: left; } .shop-header .filter-filtering { float: none; margin-top: 10px; } .shopping-cart-table th:last-child { display: none; } .shopping-cart-table .align-right { text-align: left; } .your-order-table .align-right { text-align: left; } .shopping-cart-table input + a.button, .shopping-cart-table a.button + a.button { margin-top: 5px; margin-left: 0; } /* Events */ .event-meta.horizontal .event-meta-block + .event-meta-block { margin-top: 1px; } .event-pagination > div { text-align: left; } .event-pagination > div + div { margin-top: 10px; } .event-item { margin-bottom: 30px; } .project-details tr { margin-bottom: 10px; } .project-details td { padding: 0; line-height: 20px; } /* Banner Rotator */ .banner-rotator .slides li { background-size: cover !important; background-position: center top !important; } .banner-rotator-content { width: 100%; margin-top: 300px; border-radius: 0 0 5px 5px; } .banner-rotator-flexslider .flex-control-nav { width: 100%; } /* Team Members */ .team-member { padding-bottom: 0; } .team-member-info { position: relative; margin-top: 0; top: 0; } .team-member-more { opacity: 1; -moz-opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); } .team-member:hover .team-member-info { top: 0; } .team-member.big .team-member-image { width: 100%; padding-right: 0; float: none; } .team-member.big .team-member-info { float: none; width: 100%; padding: 20px; } .alert-box { margin-top: 10px; } /* Footer */ #main-footer { padding-top: 40px; padding-bottom: 20px; } #main-footer > .row > div + div { margin: 40px 0 0; } #lower-footer { text-align: center; } #lower-footer ul { float: none !important; display: inline-block; } .copyright { margin-bottom: 10px; } .magnifier, .cursorshade, .statusdiv, .tracker { display: none !important; } } @media (max-width: 480px) { /* Revolution SLider */ .main-revolution h2 { font-size: 18px; line-height: 26px; } .main-revolution p { font-size: 13px; line-height: 20px; } .main-revolution .great-vibes { font-size: 16px; } .shop-items .mix { width: 100%; display: block !important; float: left; } .post-image iframe { height: 150px; } .post-side-meta { width: 50px; } .post-side-meta .date { width: 50px; height: 50px; } .post-side-meta .date .day { font-size: 24px; line-height: 18px; } .post-side-meta .date .month { font-size: 16px; } .post-side-meta .post-format { width: 50px; height: 50px; font-size: 24px; padding-top: 13px; } .post-side-meta .post-comments { width: 50px; } .blog-post h2 { margin: 0 0 5px; font-size: 20px; } .post-content { padding-left: 0; padding-top: 0; } .gray-bg { padding-top: 15px; } .product-reviews li .date { margin-bottom: 30px; } .product-reviews li .shop-rating { right: auto; left: 70px; top: 45px; } a.button + a.button { margin-left: 0; margin-top: 10px; } .main-flexslider .slide { padding: 30px !important; } #main_flex_1 .slide { padding: 0px !important; } #main_flex_1 .slide .slide-content { padding: 0px 20px !important; } #main_flex_2 .slide { padding-top: 40px !important; } .main-flexslider h2 { margin-top: 0; } } form#CommentViewForm .btn, .btn-primary, .btn-info { background: #da0a0a; border: solid 1px #b80808 !important; box-shadow: 1px 1px 1px 0 #666666; color: #fff; } form#CommentViewForm .btn:hover { background: #b80808 !important; border: solid 1px #b60606 !important; } .btn-primary:hover, .btn-primary:focus { background: #b80808 !important; border: solid 1px #b60606 !important; } form#CommentViewForm .btn:active, .btn-primary:active { background: #b80808 !important; border: solid 1px transparent; box-shadow: 1px 1px 1px 0 #666666 inset; } .btn-info { color: #fff; background-color: #da0a0a; border-color: #b80808; } .pagination-button-left:after { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #da0a0a; display: block; content: " "; } .pagination-buttons { transition: 0.4s; } .pagination-button-right:after { width: 0; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #da0a0a; display: block; content: " "; } .pagination-button-left:hover:after { border-right-color: white; } .pagination-button-right:hover:after { border-left-color: white; } @media (max-width: 768px) { .paging { margin-top: 30px; } } .paging span a { background: #eaeaea; border: solid 1px #bababa; padding: 0.4em; padding-left: 0.8em; padding-right: 0.7em; border-radius: 4px; font-weight: bold; cursor: pointer; transition: 0.3s; } .paging span a:active, .paging span a:focus { transform: rotateY(360deg); } .paging span a:hover { background: #da0a0a; color: white; } .paging span:hover a { color: white; } .paging span.current { background: #da0a0a; color: white; border: solid 1px #bababa; padding: 0.4em; padding-left: 0.8em; padding-right: 0.7em; border-radius: 4px; font-weight: bold; cursor: pointer; transition: 0.3s; } .paging i { color: #cacaca; margin-left: 4px; margin-right: 4px; } #logo { margin-left: 20px; margin-right: 20px; } .header-title { /*text-transform: capitalize;*/ font-variant: small-caps; font-size: 33px; line-height: 0.9; } .header-title-country { /*text-transform: capitalize;*/ font-variant: small-caps; font-size: 33px; line-height: 0.9; margin-top: 0px; } .header-text { padding-left: 0px; margin-left: -60px; /*margin-right: 60px;*/ } @media (max-width: 768px) { .header-text { margin: 0px; } } @media (min-width: 768px) and (max-width: 992px) { .header-text { margin-left: -20px; /*margin-right: 20px;*/ } } @media (min-width: 992px) and (max-width: 1200px) { .header-text { margin-left: -40px; /*margin-right: 40px;*/ } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(1) { width: calc(100% / 1); max-width: calc(100% / 1); } #navigation > li:first-child:nth-last-child(1) ~ li { width: calc(100% / 1); max-width: calc(100% / 1); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(2) { width: calc(100% / 2); max-width: calc(100% / 2); } #navigation > li:first-child:nth-last-child(2) ~ li { width: calc(100% / 2); max-width: calc(100% / 2); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(3) { width: calc(100% / 3); max-width: calc(100% / 3); } #navigation > li:first-child:nth-last-child(3) ~ li { width: calc(100% / 3); max-width: calc(100% / 3); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(4) { width: calc(100% / 4); max-width: calc(100% / 4); } #navigation > li:first-child:nth-last-child(4) ~ li { width: calc(100% / 4); max-width: calc(100% / 4); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(5) { width: calc(100% / 5); max-width: calc(100% / 5); } #navigation > li:first-child:nth-last-child(5) ~ li { width: calc(100% / 5); max-width: calc(100% / 5); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(6) { width: calc(100% / 6); max-width: calc(100% / 6); } #navigation > li:first-child:nth-last-child(6) ~ li { width: calc(100% / 6); max-width: calc(100% / 6); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(7) { width: calc(100% / 7); max-width: calc(100% / 7); } #navigation > li:first-child:nth-last-child(7) ~ li { width: calc(100% / 7); max-width: calc(100% / 7); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(8) { width: calc(100% / 8); max-width: calc(100% / 8); } #navigation > li:first-child:nth-last-child(8) ~ li { width: calc(100% / 8); max-width: calc(100% / 8); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(9) { width: calc(100% / 9); max-width: calc(100% / 9); } #navigation > li:first-child:nth-last-child(9) ~ li { width: calc(100% / 9); max-width: calc(100% / 9); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(10) { width: calc(100% / 10); max-width: calc(100% / 10); } #navigation > li:first-child:nth-last-child(10) ~ li { width: calc(100% / 10); max-width: calc(100% / 10); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(11) { width: calc(100% / 11); max-width: calc(100% / 11); } #navigation > li:first-child:nth-last-child(11) ~ li { width: calc(100% / 11); max-width: calc(100% / 11); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(12) { width: calc(100% / 12); max-width: calc(100% / 12); } #navigation > li:first-child:nth-last-child(12) ~ li { width: calc(100% / 12); max-width: calc(100% / 12); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(13) { width: calc(100% / 13); max-width: calc(100% / 13); } #navigation > li:first-child:nth-last-child(13) ~ li { width: calc(100% / 13); max-width: calc(100% / 13); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(14) { width: calc(100% / 14); max-width: calc(100% / 14); } #navigation > li:first-child:nth-last-child(14) ~ li { width: calc(100% / 14); max-width: calc(100% / 14); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(15) { width: calc(100% / 15); max-width: calc(100% / 15); } #navigation > li:first-child:nth-last-child(15) ~ li { width: calc(100% / 15); max-width: calc(100% / 15); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(16) { width: calc(100% / 16); max-width: calc(100% / 16); } #navigation > li:first-child:nth-last-child(16) ~ li { width: calc(100% / 16); max-width: calc(100% / 16); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(17) { width: calc(100% / 17); max-width: calc(100% / 17); } #navigation > li:first-child:nth-last-child(17) ~ li { width: calc(100% / 17); max-width: calc(100% / 17); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(18) { width: calc(100% / 18); max-width: calc(100% / 18); } #navigation > li:first-child:nth-last-child(18) ~ li { width: calc(100% / 18); max-width: calc(100% / 18); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(19) { width: calc(100% / 19); max-width: calc(100% / 19); } #navigation > li:first-child:nth-last-child(19) ~ li { width: calc(100% / 19); max-width: calc(100% / 19); } } @media (min-width: 991px) { #navigation > li:first-child:nth-last-child(20) { width: calc(100% / 20); max-width: calc(100% / 20); } #navigation > li:first-child:nth-last-child(20) ~ li { width: calc(100% / 20); max-width: calc(100% / 20); } } @media (min-width: 991px) { #navigation li > a { padding-top: 20px; padding-bottom: 20px; margin-top: -20px; margin-bottom: -20px; } } @media (max-width: 991px) { .media-filters { width: 60%; min-width: 280px; } } /* @media (min-width: 991px) { div.banners > div.banner-wrapper:first-child:nth-last-child(1), div.banners > div.banner-wrapper:first-child:nth-last-child(1) ~ div.banner-wrapper { width: 100%; max-width: 100%; } } */ @media (min-width: 991px) { div.banners > div.block:first-child:nth-last-child(1) { width: 100%; max-width: 100%; float: none; } div.banners > div.block:first-child:nth-last-child(1) ~ div.block { width: 100%; max-width: 100%; float: none; } } @media (min-width: 991px) { div.banners > div.block:first-child:nth-last-child(2) { width: calc(100% / 2); max-width: calc(100% / 2); } div.banners > div.block:first-child:nth-last-child(2) ~ div.block { width: calc(100% / 2); max-width: calc(100% / 2); } } @media (min-width: 991px) { div.banners > div.block:first-child:nth-last-child(3) { width: calc(100% / 3); max-width: calc(100% / 3); } div.banners > div.block:first-child:nth-last-child(3) ~ div.block { width: calc(100% / 3); max-width: calc(100% / 3); } } @media (min-width: 991px) { div.banners > div.block:first-child:nth-last-child(4) { width: calc(100% / 4); max-width: calc(100% / 4); } div.banners > div.block:first-child:nth-last-child(4) ~ div.block { width: calc(100% / 4); max-width: calc(100% / 4); } } @media (min-width: 991px) { div.banners > div.block:first-child:nth-last-child(5) { width: calc(100% / 5); max-width: calc(100% / 5); } div.banners > div.block:first-child:nth-last-child(5) ~ div.block { width: calc(100% / 5); max-width: calc(100% / 5); } } @media (min-width: 991px) { div.banners > div.block:first-child:nth-last-child(6) { width: calc(100% / 6); max-width: calc(100% / 6); } div.banners > div.block:first-child:nth-last-child(6) ~ div.block { width: calc(100% / 6); max-width: calc(100% / 6); } } @media (max-width: 991px) { div.banners > div.block { width: 100%; max-width: 100%; float: none; } } div.sidebar > div.block { width: 100%; margin-bottom: 20px; } /* hack */ #lower-header .dropdown-menu > li > a:hover, #lower-header .dropdown-menu > li > a:focus { /*color: #262626;*/ text-decoration: none; background-color: transparent; } #lower-header .dropdown-menu > .active > a { background-color: transparent; } #lower-header .dropdown-menu > .active > a:hover, #lower-header .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: transparent; outline: 0; } @media (max-width: 991px) { #header .container { margin-left: -15px; margin-right: -15px; } } .photo-name { text-align: center; } @font-face { font-family: 'myicon'; src: url('../fonts/icomoon.eot?ga2mvi'); src: url('../fonts/icomoon.eot?ga2mvi#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?ga2mvi') format('truetype'), url('../fonts/icomoon.woff?ga2mvi') format('woff'), url('../fonts/icomoon.svg?ga2mvi#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="myicon-"], [class*=" myicon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'myicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .myicon-parlament:before { content: "\e900"; color: #525151; } @font-face { font-family: 'Glyphicons Halflings'; src: url(../fonts/glyphicons-halflings-regular.eot); src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') } @font-face { font-family: 'Glyphicons Halflings'; src: url(../fonts/glyphicons-halflings-regular.eot); src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-asterisk:before { content: "\2a" } .glyphicon-plus:before { content: "\2b" } .glyphicon-eur:before, .glyphicon-euro:before { content: "\20ac" } .glyphicon-minus:before { content: "\2212" } .glyphicon-cloud:before { content: "\2601" } .glyphicon-envelope:before { content: "\2709" } .glyphicon-pencil:before { content: "\270f" } .glyphicon-glass:before { content: "\e001" } .glyphicon-music:before { content: "\e002" } .glyphicon-search:before { content: "\e003" } .glyphicon-heart:before { content: "\e005" } .glyphicon-star:before { content: "\e006" } .glyphicon-star-empty:before { content: "\e007" } .glyphicon-user:before { content: "\e008" } .glyphicon-film:before { content: "\e009" } .glyphicon-th-large:before { content: "\e010" } .glyphicon-th:before { content: "\e011" } .glyphicon-th-list:before { content: "\e012" } .glyphicon-ok:before { content: "\e013" } .glyphicon-remove:before { content: "\e014" } .glyphicon-off:before { content: "\e017" } .glyphicon-signal:before { content: "\e018" } .glyphicon-cog:before { content: "\e019" } .glyphicon-trash:before { content: "\e020" } .glyphicon-home:before { content: "\e021" } .glyphicon-file:before { content: "\e022" } .glyphicon-time:before { content: "\e023" } .glyphicon-road:before { content: "\e024" } .glyphicon-download-alt:before { content: "\e025" } .glyphicon-download:before { content: "\e026" } .glyphicon-upload:before { content: "\e027" } .glyphicon-inbox:before { content: "\e028" } .glyphicon-play-circle:before { content: "\e029" } .glyphicon-repeat:before { content: "\e030" } .glyphicon-refresh:before { content: "\e031" } .glyphicon-list-alt:before { content: "\e032" } .glyphicon-lock:before { content: "\e033" } .glyphicon-flag:before { content: "\e034" } .glyphicon-headphones:before { content: "\e035" } .glyphicon-volume-off:before { content: "\e036" } .glyphicon-volume-down:before { content: "\e037" } .glyphicon-volume-up:before { content: "\e038" } .glyphicon-qrcode:before { content: "\e039" } .glyphicon-barcode:before { content: "\e040" } .glyphicon-tag:before { content: "\e041" } .glyphicon-tags:before { content: "\e042" } .glyphicon-book:before { content: "\e043" } .glyphicon-bookmark:before { content: "\e044" } .glyphicon-print:before { content: "\e045" } .glyphicon-camera:before { content: "\e046" } .glyphicon-font:before { content: "\e047" } .glyphicon-bold:before { content: "\e048" } .glyphicon-italic:before { content: "\e049" } .glyphicon-text-height:before { content: "\e050" } .glyphicon-text-width:before { content: "\e051" } .glyphicon-align-left:before { content: "\e052" } .glyphicon-align-center:before { content: "\e053" } .glyphicon-align-right:before { content: "\e054" } .glyphicon-align-justify:before { content: "\e055" } .glyphicon-list:before { content: "\e056" } .glyphicon-indent-left:before { content: "\e057" } .glyphicon-indent-right:before { content: "\e058" } .glyphicon-facetime-video:before { content: "\e059" } .glyphicon-picture:before { content: "\e060" } .glyphicon-map-marker:before { content: "\e062" } .glyphicon-adjust:before { content: "\e063" } .glyphicon-tint:before { content: "\e064" } .glyphicon-edit:before { content: "\e065" } .glyphicon-share:before { content: "\e066" } .glyphicon-check:before { content: "\e067" } .glyphicon-move:before { content: "\e068" } .glyphicon-step-backward:before { content: "\e069" } .glyphicon-fast-backward:before { content: "\e070" } .glyphicon-backward:before { content: "\e071" } .glyphicon-play:before { content: "\e072" } .glyphicon-pause:before { content: "\e073" } .glyphicon-stop:before { content: "\e074" } .glyphicon-forward:before { content: "\e075" } .glyphicon-fast-forward:before { content: "\e076" } .glyphicon-step-forward:before { content: "\e077" } .glyphicon-eject:before { content: "\e078" } .glyphicon-chevron-left:before { content: "\e079" } .glyphicon-chevron-right:before { content: "\e080" } .glyphicon-plus-sign:before { content: "\e081" } .glyphicon-minus-sign:before { content: "\e082" } .glyphicon-remove-sign:before { content: "\e083" } .glyphicon-ok-sign:before { content: "\e084" } .glyphicon-question-sign:before { content: "\e085" } .glyphicon-info-sign:before { content: "\e086" } .glyphicon-screenshot:before { content: "\e087" } .glyphicon-remove-circle:before { content: "\e088" } .glyphicon-ok-circle:before { content: "\e089" } .glyphicon-ban-circle:before { content: "\e090" } .glyphicon-arrow-left:before { content: "\e091" } .glyphicon-arrow-right:before { content: "\e092" } .glyphicon-arrow-up:before { content: "\e093" } .glyphicon-arrow-down:before { content: "\e094" } /* .glyphicon-share-alt:before { content: "\e095" } */ .glyphicon-resize-full:before { content: "\e096" } .glyphicon-resize-small:before { content: "\e097" } .glyphicon-exclamation-sign:before { content: "\e101" } .glyphicon-gift:before { content: "\e102" } .glyphicon-leaf:before { content: "\e103" } .glyphicon-fire:before { content: "\e104" } .glyphicon-eye-open:before { content: "\e105" } .glyphicon-eye-close:before { content: "\e106" } .glyphicon-warning-sign:before { content: "\e107" } .glyphicon-plane:before { content: "\e108" } .glyphicon-calendar:before { content: "\e109" } .glyphicon-random:before { content: "\e110" } .glyphicon-comment:before { content: "\e111" } .glyphicon-magnet:before { content: "\e112" } .glyphicon-chevron-up:before { content: "\e113" } .glyphicon-chevron-down:before { content: "\e114" } .glyphicon-retweet:before { content: "\e115" } .glyphicon-shopping-cart:before { content: "\e116" } .glyphicon-folder-close:before { content: "\e117" } .glyphicon-folder-open:before { content: "\e118" } .glyphicon-resize-vertical:before { content: "\e119" } .glyphicon-resize-horizontal:before { content: "\e120" } .glyphicon-hdd:before { content: "\e121" } .glyphicon-bullhorn:before { content: "\e122" } .glyphicon-bell:before { content: "\e123" } .glyphicon-certificate:before { content: "\e124" } .glyphicon-thumbs-up:before { content: "\e125" } .glyphicon-thumbs-down:before { content: "\e126" } .glyphicon-hand-right:before { content: "\e127" } .glyphicon-hand-left:before { content: "\e128" } .glyphicon-hand-up:before { content: "\e129" } .glyphicon-hand-down:before { content: "\e130" } .glyphicon-circle-arrow-right:before { content: "\e131" } .glyphicon-circle-arrow-left:before { content: "\e132" } .glyphicon-circle-arrow-up:before { content: "\e133" } .glyphicon-circle-arrow-down:before { content: "\e134" } .glyphicon-globe:before { content: "\e135" } .glyphicon-wrench:before { content: "\e136" } .glyphicon-tasks:before { content: "\e137" } .glyphicon-filter:before { content: "\e138" } .glyphicon-briefcase:before { content: "\e139" } .glyphicon-fullscreen:before { content: "\e140" } .glyphicon-dashboard:before { content: "\e141" } .glyphicon-paperclip:before { content: "\e142" } .glyphicon-heart-empty:before { content: "\e143" } /* .glyphicon-link:before { content: "\e144" }*/ .glyphicon-phone:before { content: "\e145" } .glyphicon-pushpin:before { content: "\e146" } .glyphicon-usd:before { content: "\e148" } .glyphicon-gbp:before { content: "\e149" } .glyphicon-sort:before { content: "\e150" } .glyphicon-sort-by-alphabet:before { content: "\e151" } .glyphicon-sort-by-alphabet-alt:before { content: "\e152" } .glyphicon-sort-by-order:before { content: "\e153" } .glyphicon-sort-by-order-alt:before { content: "\e154" } .glyphicon-sort-by-attributes:before { content: "\e155" } .glyphicon-sort-by-attributes-alt:before { content: "\e156" } .glyphicon-unchecked:before { content: "\e157" } .glyphicon-expand:before { content: "\e158" } .glyphicon-collapse-down:before { content: "\e159" } .glyphicon-collapse-up:before { content: "\e160" } .glyphicon-log-in:before { content: "\e161" } .glyphicon-flash:before { content: "\e162" } .glyphicon-log-out:before { content: "\e163" } .glyphicon-new-window:before { content: "\e164" } .glyphicon-record:before { content: "\e165" } .glyphicon-save:before { content: "\e166" } .glyphicon-open:before { content: "\e167" } .glyphicon-saved:before { content: "\e168" } .glyphicon-import:before { content: "\e169" } .glyphicon-export:before { content: "\e170" } .glyphicon-send:before { content: "\e171" } .glyphicon-floppy-disk:before { content: "\e172" } .glyphicon-floppy-saved:before { content: "\e173" } .glyphicon-floppy-remove:before { content: "\e174" } .glyphicon-floppy-save:before { content: "\e175" } .glyphicon-floppy-open:before { content: "\e176" } .glyphicon-credit-card:before { content: "\e177" } .glyphicon-transfer:before { content: "\e178" } .glyphicon-cutlery:before { content: "\e179" } .glyphicon-header:before { content: "\e180" } .glyphicon-compressed:before { content: "\e181" } .glyphicon-earphone:before { content: "\e182" } .glyphicon-phone-alt:before { content: "\e183" } .glyphicon-tower:before { content: "\e184" } .glyphicon-stats:before { content: "\e185" } .glyphicon-sd-video:before { content: "\e186" } .glyphicon-hd-video:before { content: "\e187" } .glyphicon-subtitles:before { content: "\e188" } .glyphicon-sound-stereo:before { content: "\e189" } .glyphicon-sound-dolby:before { content: "\e190" } .glyphicon-sound-5-1:before { content: "\e191" } .glyphicon-sound-6-1:before { content: "\e192" } .glyphicon-sound-7-1:before { content: "\e193" } .glyphicon-copyright-mark:before { content: "\e194" } .glyphicon-registration-mark:before { content: "\e195" } .glyphicon-cloud-download:before { content: "\e197" } .glyphicon-cloud-upload:before { content: "\e198" } .glyphicon-tree-conifer:before { content: "\e199" } .glyphicon-tree-deciduous:before { content: "\e200" } .glyphicon-cd:before { content: "\e201" } .glyphicon-save-file:before { content: "\e202" } .glyphicon-open-file:before { content: "\e203" } .glyphicon-level-up:before { content: "\e204" } .glyphicon-copy:before { content: "\e205" } .glyphicon-paste:before { content: "\e206" } .glyphicon-alert:before { content: "\e209" } .glyphicon-equalizer:before { content: "\e210" } .glyphicon-king:before { content: "\e211" } .glyphicon-queen:before { content: "\e212" } .glyphicon-pawn:before { content: "\e213" } .glyphicon-bishop:before { content: "\e214" } .glyphicon-knight:before { content: "\e215" } .glyphicon-baby-formula:before { content: "\e216" } .glyphicon-tent:before { content: "\26fa" } .glyphicon-blackboard:before { content: "\e218" } .glyphicon-bed:before { content: "\e219" } .glyphicon-apple:before { content: "\f8ff" } .glyphicon-erase:before { content: "\e221" } .glyphicon-hourglass:before { content: "\231b" } .glyphicon-lamp:before { content: "\e223" } .glyphicon-duplicate:before { content: "\e224" } .glyphicon-piggy-bank:before { content: "\e225" } .glyphicon-scissors:before { content: "\e226" } .glyphicon-bitcoin:before { content: "\e227" } .glyphicon-btc:before { content: "\e227" } .glyphicon-xbt:before { content: "\e227" } .glyphicon-yen:before { content: "\00a5" } .glyphicon-jpy:before { content: "\00a5" } .glyphicon-ruble:before { content: "\20bd" } .glyphicon-rub:before { content: "\20bd" } .glyphicon-scale:before { content: "\e230" } .glyphicon-ice-lolly:before { content: "\e231" } .glyphicon-ice-lolly-tasted:before { content: "\e232" } .glyphicon-education:before { content: "\e233" } .glyphicon-option-horizontal:before { content: "\e234" } .glyphicon-option-vertical:before { content: "\e235" } .glyphicon-menu-hamburger:before { content: "\e236" } .glyphicon-modal-window:before { content: "\e237" } .glyphicon-oil:before { content: "\e238" } .glyphicon-grain:before { content: "\e239" } .glyphicon-sunglasses:before { content: "\e240" } .glyphicon-text-size:before { content: "\e241" } .glyphicon-text-color:before { content: "\e242" } .glyphicon-text-background:before { content: "\e243" } .glyphicon-object-align-top:before { content: "\e244" } .glyphicon-object-align-bottom:before { content: "\e245" } .glyphicon-object-align-horizontal:before { content: "\e246" } .glyphicon-object-align-left:before { content: "\e247" } .glyphicon-object-align-vertical:before { content: "\e248" } .glyphicon-object-align-right:before { content: "\e249" } .glyphicon-triangle-right:before { content: "\e250" } .glyphicon-triangle-left:before { content: "\e251" } .glyphicon-triangle-bottom:before { content: "\e252" } .glyphicon-triangle-top:before { content: "\e253" } .glyphicon-console:before { content: "\e254" } .glyphicon-superscript:before { content: "\e255" } .glyphicon-subscript:before { content: "\e256" } .glyphicon-menu-left:before { content: "\e257" } .glyphicon-menu-right:before { content: "\e258" } .glyphicon-menu-down:before { content: "\e259" } .glyphicon-menu-up:before { content: "\e260" } .g-recaptcha { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; } .g-recaptcha iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .row.nodes.promoted { margin-bottom: 25px; } .blur-overlay { position: absolute; bottom: 0; width: 100%; height: 50px; background: #fafafa; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(transparent, #fafafa); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(transparent, #fafafa); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(transparent, #fafafa); /* For Firefox 3.6 to 15 */ background: linear-gradient(transparent, #fafafa); /* Standard syntax */ } .slide { position: relative; width: 100%; height: 100%; } .slide-content { padding: 0px 50px; position: absolute; width: 100%; height: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center; } .slide-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 998; -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease; box-shadow: inset 1px 1px 40px 0 rgba(0, 0, 0, .45); } .slider-wrapp { position: relative; z-index: 99999999; width: 100%; } .error404 { text-align: center; margin-top: 100px; } .error404 h1 { text-align: center; font-size: 45px; color: #9a0a0a; } .error404 p { text-align: center; font-size: 25px; } .footer-item { display: inline-block; } .inner-footer { margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: center; } .footer-item p { padding: 0; margin-right: 20px; } ul#navigation > li:last-child > ul > li > ul { left: auto; right: 100%; } ul#navigation > li:last-child li > ul { -webkit-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0; transform-origin: 100% 0 0; } .embedded-map { width: auto; border: none; } .button-full { width: 100%; }