@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);@import url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.2/css/swiper.min.css);@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css);@charset "UTF-8";
/*
[Main Stylesheet]
Project: Arecont Vision Costar
*/
a,
input,
textarea,
button,
select {
outline: none;
}
a:hover,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus {
text-decoration: none;
}
a:focus,
button:focus,
select:focus,
input:focus,
textarea:focus {
outline: none;
text-decoration: none;
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
/* 1 */
display: block;
}
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template,
[hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
text-decoration: underline;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
font: inherit;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
img {
max-width: 100%;
}
iframe {
border: 0;
max-width: 100%;
width: 100%;
}
* {
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #034ea2;
margin-top: 0;
margin-bottom: 10px;
font-family: "Roboto Slab", sand serif;
font-weight: bold;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
h1 {
font-size: 50px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 12px;
}
p {
font-size: 14px;
line-height: 1.5em;
color: black;
}
a {
position: relative;
color: #034ea2;
text-decoration: none;
transition: all 0.3s ease;
}
footer ul,
.social-footer ul {
list-style: none;
padding: 0;
margin: 0;
}
.helvetica {
font-family: "HelveticaNeue-thin", Helvetica, Arial, sans-serif;
}
.black {
color: #333333;
font-weight: 200;
}
h2 sup,
h1 sup {
top: -0.8em;
}
.features-icons img {
display: inline-block;
vertical-align: top;
}
.helvetica sup,
small {
color: #333333;
}
.branding-title {
font-family: "HelveticaNeue-thin", Helvetica, Arial, sans-serif;
}
.box h4 {
padding-top: 10px;
font-family: "HelveticaNeue-thin", Helvetica, Arial, sans-serif;
}
.list a {
display: inline-block;
font-family: "Roboto Slab", sand serif;
font-size: 13px;
color: #666666;
}
.list li {
position: relative;
margin-bottom: 10px;
transition: all 0.4s ease;
}
.list--light a {
color: #e4e4e4;
}
.list--dot li {
position: relative;
padding-left: 20px;
}
.list--dot li:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 12px;
height: 12px;
background-color: rgba(255, 43, 74, 0.8);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
-ms-box-shadow: inset 0 0 0 2px #ffffff;
box-shadow: inset 0 0 0 2px #ffffff;
transition: all 0.6s ease;
}
.list--dot li:hover a {
color: #034ea2;
}
.list--dot li:hover:before {
-ms-box-shadow: inset 0 0 0 10px #034ea2;
box-shadow: inset 0 0 0 10px #034ea2;
}
.list--fadeIn li:before {
content: "\F105";
display: inline-block;
position: absolute;
top: 50%;
left: 0;
font-family: FontAwesome;
color: #034ea2;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.4s ease;
}
.list--fadeIn li:hover {
padding-left: 15px;
}
.list--fadeIn li:hover:before {
visibility: visible;
opacity: 1;
}
.list--plus li {
padding-left: 15px;
}
.list--plus li:before {
content: "\F3FD";
display: inline-block;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "Ionicons";
color: #034ea2;
transition: all 0.4s ease;
font-size: 20px;
}
.list--plus li:hover:before {
visibility: visible;
opacity: 1;
}
.list--timeline li {
position: relative;
padding-left: 25px;
}
.list--timeline li:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 15px;
height: 15px;
z-index: 20;
background-color: #034ea2;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
-ms-box-shadow: inset 0 0 0 2px #ffffff;
box-shadow: inset 0 0 0 2px #ffffff;
transition: all 0.6s ease;
}
.list--timeline li a {
padding: 15px 0;
font-weight: 700;
font-size: 12px;
}
.list--timeline li:after {
content: "";
position: absolute;
top: 50%;
left: 7px;
width: 1px;
height: 100%;
z-index: 10;
background-color: #034ea2;
}
.list--timeline li:last-child:after {
display: none;
}
.list--timeline li:hover a {
color: #034ea2;
}
.list--timeline li:hover:before {
-ms-box-shadow: inset 0 0 0 10px #034ea2;
box-shadow: inset 0 0 0 10px #034ea2;
}
#back2top {
position: fixed;
bottom: 0;
right: 30px;
width: 40px;
height: 40px;
z-index: 10000;
background-color: transparent;
border-radius: 50%;
border: 2px solid #034ea2;
transition: all 0.5s ease;
visibility: hidden;
opacity: 0;
}
#back2top i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10;
color: #034ea2;
z-index: 10001;
font-size: 20px;
}
#back2top:hover {
cursor: pointer;
background-color: #034ea2;
}
#back2top:hover i {
color: #ffffff;
}
#back2top.active {
bottom: 70px;
visibility: visible;
opacity: 1;
}
.btn-transparent {
border: 2px solid #ffffff;
background-color: transparent;
color: #ffffff;
padding: 4px 15px;
text-transform: uppercase;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 12px;
border-radius: 0;
}
.btn-transparent:hover {
background-color: #ffffff;
color: #000000;
}
.navigation-toggle {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
margin-top: 15px;
overflow: hidden;
}
.navigation-toggle span,
.navigation-toggle:before,
.navigation-toggle:after {
position: absolute;
right: 5px;
height: 2px;
background-color: #ffffff;
z-index: 100;
transition: all 0.4s ease;
}
.navigation-toggle span {
top: 50%;
width: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.navigation-toggle:before,
.navigation-toggle:after {
content: "";
}
.navigation-toggle:before {
top: 7px;
width: 10px;
}
.navigation-toggle:after {
bottom: 7px;
width: 20px;
}
.navigation-toggle:hover {
cursor: pointer;
}
.navigation-toggle:hover span,
.navigation-toggle:hover:before,
.navigation-toggle:hover:after {
width: 20px;
}
.navigation-toggle--dark span {
background-color: #666666;
}
.navigation-toggle--dark:before,
.navigation-toggle--dark:after {
background-color: #666666;
}
.navigation-toggle--active span {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: hidden;
opacity: 0;
}
.navigation-toggle--active:before,
.navigation-toggle--active:after {
top: 50%;
bottom: auto;
width: 20px;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.navigation-toggle--active:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.navigation-toggle--active:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.btn {
padding: 10px 15px;
margin-bottom: 10px;
font-family: "Roboto Slab", sand serif;
line-height: 1.3em;
outline: none !important;
-ms-box-shadow: none;
box-shadow: none;
transition: all 0.4 ease;
}
.btn--default {
background-color: #ecf0f1;
}
.btn--small {
padding: 5px 10px;
}
.btn--large {
padding: 15px 25px;
}
.btn--full-width {
width: 100%;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 12px;
}
.btn--red {
background-color: #034ea2;
color: #ffffff;
}
.btn--red:hover {
background-color: #f70024;
color: #ffffff;
}
.btn--red.btn-inserve {
background-color: transparent;
color: #666666;
border: 2px solid #034ea2;
}
.btn--red.btn-inserve:hover {
background-color: #f70024;
color: #ffffff;
}
.btn--black {
background-color: #666666;
color: #ffffff;
}
.btn--black:hover {
background-color: #f70024;
color: #ffffff;
}
.social {
position: relative;
z-index: 10;
display: inline-block;
}
.social::after {
clear: both;
content: "";
display: table;
}
.social li {
float: left;
margin-right: 15px;
}
.social--white a {
position: relative;
display: inline-block;
color: #ffffff;
width: 30px;
height: 30px;
color: 16px;
border-radius: 50%;
background-color: #999999;
}
.social--white i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10;
}
.social--white li:hover a {
color: #ffffff;
background-color: #034ea2;
border-radius: 3px;
}
.social--simple a {
display: inline-block;
color: #ffffff;
width: 25px;
height: 10px;
}
.social--simple i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10;
}
.social--simple li:hover a {
color: #ffffff;
background-color: #034ea2;
border-radius: 3px;
}
.social--widget a {
color: #666666;
}
.page-pagination .list {
display: inline-block;
}
.page-pagination .list::after {
clear: both;
content: "";
display: table;
}
.page-pagination li {
float: left;
margin-right: 10px;
}
.page-pagination li.active a {
background-color: #034ea2;
color: #ffffff;
}
.page-pagination li:hover a {
background-color: #034ea2;
color: #ffffff;
}
.page-pagination a {
min-width: 30px;
display: inline-block;
padding: 10px 15px;
background-color: #ffffff;
}
.page-searchbox {
position: fixed;
padding: 30px 0;
width: 100%;
top: 0;
left: 0;
min-height: 100px;
z-index: 100;
background-color: #ecf0f1;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transition: all 0.4s ease;
visibility: hidden;
opacity: 0;
}
.page-searchbox .searchbox__input {
display: inline-block;
padding: 0 15px;
width: 100%;
min-height: 40px;
font-family: "Roboto Slab", sand serif;
border: 1px solid #ffffff;
font-size: 13px;
color: #999999;
transition: all 0.4s ease;
}
.page-searchbox .searchbox__input::-webkit-input-placeholder {
color: #999999;
transition: all 0.4s ease;
}
.page-searchbox .searchbox__input::-moz-placeholder {
color: #999999;
transition: all 0.4s ease;
}
.page-searchbox .searchbox__input:-moz-placeholder {
color: #999999;
transition: all 0.4s ease;
}
.page-searchbox .searchbox__input:-ms-input-placeholder {
color: #999999;
transition: all 0.4s ease;
}
.page-searchbox .searchbox__input:focus {
border-color: #ffffff;
color: #222222;
}
.page-searchbox .searchbox__input:focus::-webkit-input-placeholder {
color: #222222;
}
.page-searchbox .searchbox__input:focus::-moz-placeholder {
color: #222222;
}
.page-searchbox .searchbox__input:focus:-moz-placeholder {
color: #222222;
}
.page-searchbox .searchbox__input:focus:-ms-input-placeholder {
color: #222222;
}
.page-searchbox.is__active {
transition: all 0.4s ease;
-webkit-transform: translateY(0);
transform: translateY(0);
transition-delay: 0.15s;
visibility: visible;
opacity: 1;
}
.searchbox {
position: fixed;
width: 0px;
height: 0px;
top: 50%;
left: 50%;
border-radius: 50%;
background-color: #034ea2;
z-index: 10000;
transition: all 0.4s ease;
}
.searchbox input {
visibility: hidden;
opacity: 0;
transition: all 0.4s ease;
}
.searchbox.active {
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.searchbox.active input {
visibility: visible;
opacity: 1;
transition-delay: 0.1s;
}
.section .section__title {
font-family: "Roboto Slab", sand serif;
font-size: 24px;
color: #666666;
font-weight: 700;
text-transform: uppercase;
line-height: 1.4em;
}
.section .section__title.is__small {
font-size: 14px;
}
.section .section__title.is__white {
color: #ffffff;
}
.section .section__description {
font-family: "Roboto Slab", sand serif;
font-size: 14px;
color: #666666;
}
.post {
position: relative;
}
.post .post__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
transition: all 0.4s ease;
}
.post__inside .post__header {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 25px 30px;
z-index: 20;
}
@media screen and (max-width: 991px) {
.post__inside {
margin-bottom: 30px;
}
}
.post__inside--feature .post__header {
background-color: transparent;
background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 75%);
transition: all 0.4s ease;
}
.post__inside--feature .post__title {
margin-bottom: 15px;
}
.post__inside--feature .post__title a {
font-family: "Roboto Slab", sand serif;
color: #ffffff;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.post__inside--feature .post__title:hover a {
color: #034ea2;
}
.post__inside--feature .post__meta span {
margin-right: 15px;
color: #034ea2;
}
.post__inside--feature .post__meta span i {
margin-right: 8px;
}
.post__inside--feature .post__meta span a {
font-family: "Roboto", sans-serif;
letter-spacing: 0.05em;
font-weight: 400;
color: #ffffff;
font-size: 11px;
text-transform: uppercase;
}
.post__inside--feature .post__meta span a:hover {
color: #034ea2;
}
.post__inside--feature .post__meta .post-category {
display: inline-block;
padding: 3px 10px;
line-height: 15px;
background-color: #034ea2;
transition: all 0.5s ease;
color: #ffffff;
}
.post__inside--feature .post__meta .post-category a {
display: inline-block;
font-family: "Roboto", sans-serif;
letter-spacing: 0.1em;
color: #ffffff;
}
.post__inside--feature .post__meta .post-category a:hover {
color: #ffffff;
}
.post__inside--feature .post__meta .post-category:hover {
color: #034ea2;
background-color: #ffffff;
}
.post__inside--feature .post__meta .post-category:hover a {
color: #034ea2;
}
.post__inside--feature:hover .post__overlay {
background-color: rgba(0, 0, 0, 0.1);
}
.post__inside--feature-small .post__header {
padding: 15px;
}
.post__inside--feature-small .post__title {
margin-bottom: 0;
line-height: 1em;
}
.post__inside--feature-small .post__title a {
text-transform: none;
font-size: 13px;
font-weight: 400;
}
.post__horizontal {
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.post__horizontal .post__thumbnail {
float: left;
width: 100%;
position: relative;
z-index: 20;
}
.post__horizontal .post__thumbnail .post__overlay {
z-index: 20;
transition: all 0.4s ease-in;
}
.post.post__horizontal.mb-40.clearfix {
width: 49%;
display: inline-block;
vertical-align: top;
height: 450px;
}
.post__horizontal .post__content-wrap {
width: calc(100% - 350px);
padding: 15px 20px;
width: 100%;
}
.post__horizontal .post__content-wrap:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
z-index: 0;
background-color: #ffffff;
}
.post__horizontal .post__header,
.post__horizontal .post__content,
.post__horizontal .post__footer {
position: relative;
}
.post__horizontal .post__title {
margin-bottom: 10px;
}
.post__horizontal .post__title a {
font-family: "Roboto Slab", sand serif;
color: #666666;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0em;
}
.post__horizontal .post__title:hover a {
color: #034ea2;
}
.post__horizontal .post__meta {
margin-bottom: 10px;
}
.post__horizontal .post__meta span {
margin-right: 15px;
color: #034ea2;
}
.post__horizontal .post__meta span i {
margin-right: 10px;
}
.post__horizontal .post__meta span a {
font-family: "Roboto Slab", sand serif;
font-weight: 400;
color: #666666;
font-size: 12px;
letter-spacing: 0.02em;
}
.post__horizontal .post__meta span a:hover {
color: #034ea2;
}
.post__horizontal .post__content {
margin-bottom: 15px;
}
.post__horizontal .post__content p {
font-family: "Roboto", sans-serif;
color: #666666;
font-size: 13px;
line-height: 1.5em;
letter-spacing: 0.05em;
}
.post__horizontal .post__content p:after {
content: "...";
}
@media screen and (max-width: 767px) {
.post__horizontal .post__thumbnail,
.post__horizontal .post__content-wrap {
width: 100%;
float: none;
}
}
.post__horizontal--single {
-ms-box-shadow: none;
box-shadow: none;
}
.post__horizontal--single .post__thumbnail {
width: 100px;
}
.post__horizontal--single .post__content-wrap {
width: calc(100% - 100px);
padding: 0 0 0 15px;
}
.post__horizontal--single .post__content-wrap:before {
display: none;
}
.post__horizontal--single .post__title {
margin-bottom: 0;
line-height: 0.8em;
}
.post__horizontal--single .post__title a {
font-size: 14px;
text-transform: none;
}
@media screen and (max-width: 767px) {
.post__horizontal--single .post__thumbnail,
.post__horizontal--single .post__content-wrap {
float: left;
}
}
.post__widget .post__thumbnail {
float: left;
width: 60px;
position: relative;
z-index: 20;
}
.post__widget .post__overlay {
z-index: 20;
}
.post__widget .post__header {
float: left;
width: calc(100% - 60px);
padding-left: 15px;
}
.post__widget .post__title {
font-size: 13px;
text-transform: normal;
color: #636363;
line-height: 1.5em;
margin-bottom: 0;
}
.post__widget .post__title a {
font-family: "Roboto Slab", sand serif;
font-weight: 400;
}
.post__widget .post__title:hover a {
color: #034ea2;
}
.post__title {
text-align: center;
}
.post__widget .created_at {
color: #034ea2;
font-family: "Roboto", sans-serif;
font-size: 11px;
}
.post__widget--simple {
border: none;
}
.post__widget--simple .post__header {
padding-left: 0;
float: none;
width: 100%;
}
.post__widget--simple .post__title {
font-size: 12px;
color: #e4e4e4;
line-height: 1.6em;
}
.post__widget--simple .post__title a {
display: inline-block;
}
.post__widget--circle .post__thumbnail {
overflow: hidden;
}
.post__widget--circle .post__thumbnail img {
border-radius: 50%;
border: 2px solid #ffffff;
transition: all 0.4s ease;
}
.post__thumbnail img {
max-height: 211px;
margin: 0 auto;
}
.post-img {
width: 50%;
float: right;
margin: 0px 0px 20px 20px;
}
.post__widget--circle .post__header {
padding-top: 10px;
}
.post__widget--circle .post__title a {
font-weight: 700;
}
.post__vertical .post__thumbnail {
position: relative;
}
.post__vertical .post__title a {
color: #666666;
font-family: "Roboto Slab", sand serif;
font-size: 14px;
font-weight: 700;
line-height: 1.4em;
}
.post__vertical .post__title:hover a {
color: #034ea2;
}
.post__vertical--single {
background-color: #ffffff;
}
.post__vertical--single .post__thumbnail {
position: relative;
}
.post__vertical--single .post__content-wrap {
position: relative;
padding: 50px 0 25px;
}
.post__vertical--single .post__meta {
position: absolute;
padding-top: 3px;
top: 0;
left: 30px;
width: 70px;
height: 70px;
z-index: 30;
background-color: #034ea2;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.post__vertical--single .post__meta span {
display: inline-block;
width: 100%;
font-size: 10px;
font-family: "Roboto Slab", sand serif;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
line-height: 1em;
}
.post__vertical--single .post__meta span.created__date {
font-size: 20px;
font-weight: 700;
}
.post__vertical--single .post__meta span.created__year {
font-size: 14px;
font-weight: 700;
}
.post__vertical--single .post__title a {
font-size: 18px;
}
.post__vertical--single .post__content {
padding-bottom: 15px;
}
.post__vertical--single .post__content p {
font-family: "Roboto Slab", sand serif;
font-size: 14px;
color: #737373;
}
.post__vertical--single .post__content p:after {
content: "...";
}
.post__vertical--single .post__readmore {
position: relative;
font-family: "Roboto Slab", sand serif;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
color: #034ea2;
padding-bottom: 3px;
}
.post__vertical--single .post__readmore:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 50%;
height: 1px;
background-color: #034ea2;
z-index: 20;
transition: all 0.3s ease;
opacity: 0;
}
.post__vertical--single .post__readmore:hover:after {
opacity: 1;
width: 100%;
}
.post__vertical--simple {
background-color: transparent;
}
.post__vertical--simple .post__content-wrap {
padding: 50px 0 15px;
}
.post__vertical--simple .post__content {
background-color: transparent;
}
.post__vertical--simple .post__content p {
font-size: 13px;
}
.post__vertical--collection {
transition: all 0.4s ease;
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.post__vertical--collection .post__thumbnail img {
border-radius: 3px 3px 0 0;
}
.post__vertical--collection .post__header {
background-color: #ecf0f1;
padding: 10px 15px 20px 15px;
border-radius: 0 0 3px 3px;
}
.post__vertical--collection .post__meta::after {
clear: both;
content: "";
display: table;
}
.post__vertical--collection .post__meta span {
display: inline-block;
font-family: "Roboto Slab", sand serif;
font-size: 12px;
}
.post__vertical--collection .post__meta .post__created-at {
float: left;
}
.post__vertical--collection .post__meta .post__category {
float: right;
}
@media screen and (max-width: 767px) {
.post__vertical--collection {
max-width: 480px;
margin: 0 auto;
}
}
.post--single .post__header {
border-bottom: 1px solid #eeeeee;
}
.post--single .post__title {
font-family: "Roboto Slab", sand serif;
font-weight: 700;
color: #666666;
font-size: 24px;
letter-spacing: 0.05em;
}
.post--single .post__meta {
margin-bottom: 10px;
}
.post--single .post__meta span {
margin-right: 15px;
color: #034ea2;
}
.post--single .post__meta span i {
margin-right: 10px;
}
.post--single .post__meta span a {
font-family: "Roboto Slab", sand serif;
font-weight: 400;
color: #666666;
font-size: 12px;
letter-spacing: 0.01em;
}
.post--single .post__meta span a:hover {
color: #034ea2;
}
.post--single .post__meta .post__tags a {
margin-right: 5px;
}
.post--single .post__content {
padding: 30px 0;
}
.post--single .post__content h1,
.post--single .post__content h2,
.post--single .post__content h3,
.post--single .post__content h4,
.post--single .post__content h5,
.post--single .post__content h6,
.post--single .post__content p {
font-family: "Roboto Slab", sand serif;
color: #666666;
}
.post--single .post__content p {
margin-bottom: 15px;
line-height: 1.8em;
font-size: 13px;
}
.post--single .post__relate-group {
text-align: left;
}
.post--single .post__relate-group.post__relate-group--right {
text-align: right;
}
.post--single .post__relate-group.post__relate-group--right .relate__title:after {
left: auto;
right: 0;
}
.post--single .post__relate-group .relate__title {
position: relative;
margin-bottom: 20px;
padding-bottom: 5px;
font-family: "Roboto Slab", sand serif;
font-size: 14px;
font-weight: 700;
color: #333333;
}
.post--single .post__relate-group .relate__title:after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 25px;
height: 2px;
background-color: #034ea2;
z-index: 10;
}
@media screen and (max-width: 767px) {
.post--single .post__relate-group {
margin-bottom: 30px;
}
.post--single .post__relate-group.post__relate-group--right {
text-align: left;
}
.post--single .post__relate-group.post__relate-group--right .relate__title:after {
left: 0;
right: auto;
}
}
.post--related::after {
clear: both;
content: "";
display: table;
}
.post--related .post__thumbnail {
position: relative;
width: 100px;
float: left;
}
.post--related .post__header {
float: left;
width: calc(100% - 100px);
padding-left: 15px;
border-bottom: none;
}
.post--related .post__title {
font-size: 14px;
text-transform: uppercase;
}
.post--related .post__title:hover {
color: #034ea2;
}
.post--related.post--inserve .post__thumbnail,
.post--related.post--inserve .post__header {
float: right;
}
.post--related.post--inserve .post__header {
padding-left: 0;
padding-right: 15px;
}
@media screen and (max-width: 767px) {
.post--related.post--inserve .post__thumbnail,
.post--related.post--inserve .post__header {
float: left;
}
.post--related.post--inserve .post__header {
padding-left: 15px;
padding-right: 0;
}
}
.widget {
margin-bottom: 30px;
-ms-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);
}
.widget .widget__header,
.widget .widget__content {
padding: 15px;
}
.widget .widget__header {
background-color: #f9f9f9;
border-bottom: 1px solid #eeeeee;
}
.widget__title {
font-family: "Roboto Slab", sand serif;
font-size: 20px;
font-weight: 600;
color: #fff;
margin-bottom: 14px;
}
.widget__recent-post .post {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dashed #eeeeee;
}
.widget__recent-post li:last-child .post {
border-bottom-width: 0;
}
.widget__list li {
margin-bottom: 0;
}
.widget__list a {
display: inline-block;
padding: 10px 0 10px 0;
width: 100%;
color: #363636;
font-family: "Roboto Slab", sand serif;
font-size: 13px;
}
.content ul {
list-style: disc;
padding-left: 30px;
}
.widget__about .person-info {
margin-bottom: 20px;
}
.widget__about .person-info::after {
clear: both;
content: "";
display: table;
}
.widget__about .person-info__thumbnail {
width: 60px;
float: left;
}
.widget__about .person-info__thumbnail img {
border-radius: 50%;
}
.widget__about .person-info__content {
float: left;
width: calc(100% - 60px);
padding-left: 15px;
padding-top: 15px;
}
.widget__about .person-info__title {
margin-bottom: 0;
font-family: "Roboto Slab", sand serif;
font-size: 14px;
line-height: 1.6em;
color: #e4e4e4;
text-transform: uppercase;
}
.widget__about p {
font-family: "Roboto Slab", sand serif;
font-size: 13px;
color: #666666;
line-height: 1.6em;
}
.widget__about .person-detail p {
color: #e4e4e4;
margin-bottom: 15px;
font-size: 13px;
}
.widget__about .person-detail i {
margin-right: 10px;
font-size: 20px;
vertical-align: middle;
color: #034ea2;
}
.widget__about .person-detail a {
color: #ffffff;
}
.widget__about .person-detail a:hover {
color: #034ea2;
}
.widget_about--dark .person-info__title {
color: #666666;
}
.widget_about--dark .person-detail p {
color: #666666;
}
.widget_about--dark .person-detail a {
color: #666666;
}
.widget--transparent {
background-color: transparent;
-ms-box-shadow: none;
box-shadow: none;
}
.widget--transparent .widget__content,
.widget--transparent .widget__header {
padding: 0;
}
.widget--transparent .widget__header {
position: relative;
margin-bottom: 20px;
padding-bottom: 5px;
border: none;
background-color: transparent;
}
.widget--transparent .widget__header:after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 25px;
height: 2px;
background-color: #034ea2;
z-index: 10;
}
.widget--transparent .post {
margin-bottom: 0;
}
.widget__footer .widget__title {
color: #999999;
text-transform: uppercase;
font-size: 14px;
color: #e4e4e4;
}
.widget__footer .post__widget--simple {
margin-bottom: 10px;
padding-bottom: 0;
border-bottom: 0;
}
.widget__search .input__search {
height: 40px;
width: 100%;
padding: 0 15px;
border: 1px solid #e4e4e4;
font-family: "Roboto Slab", sand serif;
border-radius: 0;
transition: all 0.4s ease;
}
.widget__search .input__search:focus {
border-color: #034ea2;
}
.widget__search--transparent .input__search {
border-color: #e1e1e1;
background-color: transparent;
color: #666666;
}
.widget__tags .tag-link {
display: inline-block;
padding: 5px 15px;
margin-right: 10px;
margin-bottom: 10px;
background-color: #ecf0f1;
color: #666666;
font-family: "Roboto Slab", sand serif;
font-size: 12px;
}
.widget__tags .tag-link:last-child {
margin-right: 0;
}
.widget__tags .tag-link:hover {
background-color: #034ea2;
color: #ffffff;
}
.widget__tags--transparent .tag-link {
background-color: #ffffff;
}
.page-intro {
position: relative;
text-align: center;
}
.page-intro:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
position: absolute;
background-color: rgba(26, 35, 126, 0.3);
z-index: 0;
}
.page-intro .page-intro__title,
.page-intro .page-intro__description {
position: relative;
z-index: 10;
}
.page-intro .page-intro__title {
font-family: "Roboto", sans-serif;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 24px;
margin-bottom: 20px;
}
.page-intro .page-intro__description {
font-family: "Roboto Slab", sand serif;
font-size: 14px;
color: #b3b3b3;
}
.page-intro .social {
margin-top: 10px;
}
.page-intro .breadcrumb {
position: relative;
z-index: 10;
background-color: transparent;
}
.page-intro .breadcrumb li {
font-family: "Roboto Slab", sand serif;
color: #e4e4e4;
font-size: 13px;
}
.page-intro .breadcrumb li:active {
color: #034ea2;
}
.page-intro .breadcrumb a:hover {
color: #034ea2;
}
.navigation .menu::after {
clear: both;
content: "";
display: table;
}
.navigation .menu-item {
float: left;
position: relative;
text-transform: uppercase;
}
.navigation .menu-item > a {
display: inline-block;
font-family: "Roboto Slab", sand serif;
line-height: 20px;
font-size: 13px;
font-weight: 400;
color: #cccccc;
}
.navigation .menu-item > .sub-menu {
transition: all 0.4s ease;
visibility: hidden;
opacity: 0;
}
.navigation .menu-item.menu-item-has-children > a:after {
margin-left: 5px;
font-size: 12px;
content: "\F107";
font-family: FontAwesome;
color: #cccccc;
}
.navigation .menu-item:hover > a {
color: #ffffff;
}
.navigation .menu-item:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.navigation .sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 100;
min-width: 240px;
background-color: #ffffff;
border-top: 2px solid #034ea2;
-ms-box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
box-shadow: 0 0 1px rgba(34, 25, 25, 0.4);
}
.navigation .sub-menu > .menu-item {
float: none;
border-bottom: 1px dashed rgba(34, 25, 25, 0.3);
}
.navigation .sub-menu > .menu-item:last-child {
border-bottom: 0;
}
.navigation .sub-menu > .menu-item > a {
display: block;
padding: 10px 20px;
line-height: 1.4em;
color: #666666;
font-size: 13px;
}
.navigation--mobile {
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin: 0;
z-index: 100;
background-color: #ffffff;
border-top: 2px solid #034ea2;
box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.3);
visibility: hidden;
opacity: 0;
}
.navigation--mobile .menu-item {
float: none;
border-bottom: 1px dashed rgba(34, 25, 25, 0.2);
}
.navigation--mobile .menu-item > a {
position: relative;
display: block;
padding: 15px;
color: #666666;
font-size: 13px;
}
.navigation--mobile .menu-item:last-child {
border-bottom: 0;
}
.navigation--mobile .menu-item.menu-item-has-children a:after {
position: absolute;
right: 15px;
color: #666666;
}
.navigation--mobile .menu-item > .sub-menu {
visibility: visible;
opacity: 1;
}
.navigation--mobile .menu-item.menu-item--active {
background-color: #034ea2;
border-bottom: none;
}
.navigation--mobile .menu-item.menu-item--active > a {
color: #ffffff !important;
}
.navigation--mobile .menu-item.menu-item--active > a:after {
color: #ffffff;
}
.navigation--mobile .menu-item:hover a {
color: #666666;
}
.navigation--mobile .sub-menu {
position: relative;
border-top: none;
display: none;
}
.navigation--mobile .sub-menu--active {
display: block;
}
.navigation--mobile--active {
visibility: visible;
opacity: 1;
}
.navigation--light .menu-item > a {
color: #666666;
}
.navigation--light .menu-item > a:after {
color: #666666;
}
.navigation--light .menu-item:hover > a {
color: #034ea2;
}
.navigation--light .menu-item:hover > a:after {
color: #034ea2;
}
.page-header {
position: relative;
margin: 0;
padding: 0;
border-bottom: 0;
background-color: rgba(0, 0, 0, 0.9);
/*padding: 15px 0px 6px 0px;*/
transition: all 0.4s ease-out;
}
.page-header--search-active {
padding-top: 100px;
}
.header--sticky {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
/*padding: 5px 0px 0px 0px;*/
background-color: #000000;
}
.header--sticky-pin {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.header--sticky-unpin {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
}
.page-header__left {
float: left;
}
.page-logo {
font-size: 30px;
font-family: "Roboto Slab", sand serif;
color: #666666;
font-weight: 700;
letter-spacing: 0.05em;
}
.page-logo span {
font-weight: 700;
color: #034ea2;
}
.page-logo:hover {
color: #666666;
}
.page-logo--white {
color: #ffffff;
}
.page-logo--white span {
color: #034ea2;
}
.page-logo--white:hover {
color: #ffffff;
}
.page-header__right {
float: right;
}
.search-btn {
float: right;
line-height: 60px;
padding: 0 15px;
}
.search-btn i {
font-size: 16px;
color: #ffffff;
}
.search-btn:hover {
cursor: pointer;
}
.navigation {
display: inline-block;
margin-right: 20px;
margin-top: 2px;
}
.page-header--light {
background-color: #ffffff;
border-bottom: 1px solid #eeeeee;
z-index: 9999;
}
.page-header--light .search-btn i {
color: #666666;
}
.page-footer {
position: relative;
}
.page-footer__info .info__header {
margin-bottom: 20px;
}
.page-footer__info .info__header h3 {
margin-bottom: 5px;
font-family: "Roboto Slab", sand serif;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
color: #e4e4e4;
}
.page-footer__info .info__header p {
font-family: "Roboto Slab", sand serif;
font-size: 12px;
font-style: italic;
color: #999999;
}
.modal-open .modal {
z-index: 9999999999999;
}
.page-footer__info p {
font-family: "Roboto", sans-serif;
font-size: 12px;
font-style: italic;
color: #999999;
}
.page-footer__bottom {
position: relative;
padding: 20px 0 5px;
text-align: left;
background: #c5ccd1;
}
.page-footer__bottom .page-footer__social {
text-align: right;
}
#features-search {
position: fixed;
color: white;
right: 141px;
bottom: 13px;
border-radius: 2px;
line-height: 47px;
text-align: center;
width: 45px;
font-size: 10px;
z-index: 1040;
transition: right 0.35s ease;
-webkit-transition: right 0.35s ease;
-moz-transition: right 0.35s ease;
-o-transition: right 0.35s ease;
-ms-transition: right 0.35s ease;
cursor: pointer;
background-color: #034ea2;
}
.page-copyright {
display: inline-block;
line-height: 35px;
}
.page-copyright p {
margin-bottom: 0;
font-family: "Roboto Slab", sand serif;
font-size: 13px;
color: #666666;
letter-spacing: 0;
line-height: 1.5em;
}
.page-copyright p a {
display: inline-block;
padding-left: 5px;
color: #034ea2;
}
.page-copyright p a:hover {
color: #ffffff;
}
.post-group .post-group__header {
position: relative;
margin-bottom: 25px;
}
.post-group .post-group__title {
display: inline-block;
font-family: "Roboto Slab", sand serif;
font-size: 16px;
font-weight: 700;
color: #555555;
line-height: 1.6em;
text-transform: uppercase;
}
.post-group .post-group__title:after {
content: "";
position: absolute;
top: 100%;
left: 0;
margin: 0;
width: 50px;
height: 2px;
background-color: #034ea2;
}
.post-group--hero::after {
clear: both;
content: "";
display: table;
}
.post-group--hero .post-group__left,
.post-group--hero .post-group__right {
float: left;
}
.post-group--hero .post-group__left {
padding-left: 5px;
width: calc(50% + 5px);
}
.post-group--hero .post-group__right {
width: calc(50% - 5px);
}
.post-group--hero .post-group__right::after {
clear: both;
content: "";
display: table;
}
.post-group--hero .post {
margin-right: 5px;
margin-bottom: 5px;
}
.post-group--hero .post-group__item {
width: 50%;
float: left;
}
#detailbox img {
margin: 0 auto;
}
#detailbox div {
margin: 0 auto;
}
.click-enlarge a {
z-index: 999;
}
.modal-title {
width: 90%;
}
.modal-body a {
color: black;
}
.modal-body li {
list-style-type: disclosure-closed;
margin-left: 20px;
}
@media screen and (max-width: 767px) {
.page-footer__bottom {
text-align: center;
}
.page-footer__bottom .page-copyright {
margin-bottom: 10px;
}
.page-footer__bottom .page-footer__social {
text-align: center;
}
}
@media screen and (max-width: 991px) {
.post-group--hero .post-group__left,
.post-group--hero .post-group__right {
width: 100%;
float: none;
}
.post-group--hero .post-group__left {
padding: 0;
}
}
@media screen and (max-width: 480px) {
.post-group--hero .post-group__item {
width: 100%;
}
}
.navigation--fade .menu-item:hover > .sub-menu {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.navigation--fadeUp .menu-item > .sub-menu {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.navigation--fadeDown .menu-item > .sub-menu {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.navigation--fadeLeft .menu-item > .sub-menu {
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
.navigation--fadeRight .menu-item > .sub-menu {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
.navigation--flip .menu-item > .sub-menu {
transition: all 0.5s ease;
}
.navigation--flip .menu-item:hover > .sub-menu {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.navigation--flipLeft .menu-item > .sub-menu {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.navigation--flipCenter .menu-item > .sub-menu {
-webkit-transform: translateX(0) rotate(-10deg);
transform: translateX(0) rotate(-10deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.navigation--flipRight .menu-item > .sub-menu {
-webkit-transform: translateX(0) rotate(-10deg);
transform: translateX(0) rotate(-10deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.navigation--mobile.navigation--fadeUp .menu-item > .sub-menu,
.navigation--mobile.navigation--fadeDown .menu-item > .sub-menu,
.navigation--mobile.navigation--fadeLeft .menu-item > .sub-menu,
.navigation--mobile.navigation--fadeRight .menu-item > .sub-menu {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.navigation--mobile.navigation--flip .menu-item > .sub-menu,
.navigation--mobile.navigation--flipLeft .menu-item > .sub-menu,
.navigation--mobile.navigation--flipCenter .menu-item > .sub-menu,
.navigation--mobile.navigation--flipRight .menu-item > .sub-menu {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.sub-menu--slideLeft .sub-menu > .menu-item {
position: relative;
}
.sub-menu--slideLeft .sub-menu > .menu-item:after {
content: "";
position: absolute;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
width: 0;
background-color: #034ea2;
z-index: 0;
transition: all 0.25s ease-out;
}
.sub-menu--slideLeft .sub-menu > .menu-item > a {
position: relative;
z-index: 10;
transition: all 0.25s ease;
}
.sub-menu--slideLeft .sub-menu > .menu-item > a:before {
content: "\F105";
margin-right: 5px;
font-family: FontAwesome;
font-size: 13px;
color: #ffffff;
visibility: hidden;
transition: all 0.25s ease;
}
.sub-menu--slideLeft .sub-menu > .menu-item:hover:after {
width: 100%;
}
.sub-menu--slideLeft .sub-menu > .menu-item:hover > a {
padding-left: 30px;
color: #ffffff;
}
.sub-menu--slideLeft .sub-menu > .menu-item:hover > a:before {
visibility: visible;
}
.margin-0 {
margin: 0;
}
.mt-0 {
margin-top: 0px;
}
.mt-5 {
margin-top: 5px;
}
.mt-10 {
margin-top: 10px;
}
.mt-15 {
margin-top: 15px;
}
.mt-20 {
margin-top: 20px;
}
.mt-25 {
margin-top: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mt-35 {
margin-top: 35px;
}
.mt-40 {
margin-top: 40px;
}
.mt-45 {
margin-top: 45px;
}
.mt-50 {
margin-top: 50px;
}
.mt-55 {
margin-top: 55px;
}
.mt-60 {
margin-top: 60px;
}
.mt-65 {
margin-top: 65px;
}
.mt-70 {
margin-top: 70px;
}
.mt-75 {
margin-top: 75px;
}
.mt-80 {
margin-top: 80px;
}
.mt-85 {
margin-top: 85px;
}
.mt-90 {
margin-top: 90px;
}
.mt-95 {
margin-top: 95px;
}
.mt-100 {
margin-top: 100px;
}
.mr-0 {
margin-right: 0px;
}
.mr-5 {
margin-right: 5px;
}
.mr-10 {
margin-right: 10px;
}
.mr-15 {
margin-right: 15px;
}
.mr-20 {
margin-right: 20px;
}
.mr-25 {
margin-right: 25px;
}
.mr-30 {
margin-right: 30px;
}
.mr-35 {
margin-right: 35px;
}
.mr-40 {
margin-right: 40px;
}
.mr-45 {
margin-right: 45px;
}
.mr-50 {
margin-right: 50px;
}
.mr-55 {
margin-right: 55px;
}
.mr-60 {
margin-right: 60px;
}
.mr-65 {
margin-right: 65px;
}
.mr-70 {
margin-right: 70px;
}
.mr-75 {
margin-right: 75px;
}
.mr-80 {
margin-right: 80px;
}
.mr-85 {
margin-right: 85px;
}
.mr-90 {
margin-right: 90px;
}
.mr-95 {
margin-right: 95px;
}
.mr-100 {
margin-right: 100px;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-5 {
margin-bottom: 5px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-25 {
margin-bottom: 25px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-35 {
margin-bottom: 35px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-55 {
margin-bottom: 55px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-65 {
margin-bottom: 65px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-75 {
margin-bottom: 75px;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-85 {
margin-bottom: 85px;
}
.mb-90 {
margin-bottom: 90px;
}
.mb-95 {
margin-bottom: 95px;
}
.mb-100 {
margin-bottom: 100px;
}
.ml-0 {
margin-left: 0px;
}
.ml-5 {
margin-left: 5px;
}
.ml-10 {
margin-left: 10px;
}
.ml-15 {
margin-left: 15px;
}
.ml-20 {
margin-left: 20px;
}
.ml-25 {
margin-left: 25px;
}
.ml-30 {
margin-left: 30px;
}
.ml-35 {
margin-left: 35px;
}
.ml-40 {
margin-left: 40px;
}
.ml-45 {
margin-left: 45px;
}
.ml-50 {
margin-left: 50px;
}
.ml-55 {
margin-left: 55px;
}
.ml-60 {
margin-left: 60px;
}
.ml-65 {
margin-left: 65px;
}
.ml-70 {
margin-left: 70px;
}
.ml-75 {
margin-left: 75px;
}
.ml-80 {
margin-left: 80px;
}
.ml-85 {
margin-left: 85px;
}
.ml-90 {
margin-left: 90px;
}
.ml-95 {
margin-left: 95px;
}
.ml-100 {
margin-left: 100px;
}
.padding-0 {
padding: 0;
}
.pt-0 {
padding-top: 0px;
}
.pt-5 {
padding-top: 5px;
}
.pt-10 {
padding-top: 10px;
}
.pt-15 {
padding-top: 15px;
}
.pt-20 {
padding-top: 20px;
}
.pt-25 {
padding-top: 25px;
}
.pt-30 {
padding-top: 30px;
}
.pt-35 {
padding-top: 35px;
}
.pt-40 {
padding-top: 40px;
}
.pt-45 {
padding-top: 45px;
}
.pt-50 {
padding-top: 50px;
}
.pt-55 {
padding-top: 55px;
}
.pt-60 {
padding-top: 60px;
}
.pt-65 {
padding-top: 65px;
}
.pt-70 {
padding-top: 70px;
}
.pt-75 {
padding-top: 75px;
}
.pt-80 {
padding-top: 80px;
}
.pt-85 {
padding-top: 85px;
}
.pt-90 {
padding-top: 90px;
}
.pt-95 {
padding-top: 95px;
}
.pt-100 {
padding-top: 100px;
}
.pr-0 {
padding-right: 0px;
}
.pr-5 {
padding-right: 5px;
}
.pr-10 {
padding-right: 10px;
}
.pr-15 {
padding-right: 15px;
}
.pr-20 {
padding-right: 20px;
}
.pr-25 {
padding-right: 25px;
}
.pr-30 {
padding-right: 30px;
}
.pr-35 {
padding-right: 35px;
}
.pr-40 {
padding-right: 40px;
}
.pr-45 {
padding-right: 45px;
}
.pr-50 {
padding-right: 50px;
}
.pr-55 {
padding-right: 55px;
}
.pr-60 {
padding-right: 60px;
}
.pr-65 {
padding-right: 65px;
}
.pr-70 {
padding-right: 70px;
}
.pr-75 {
padding-right: 75px;
}
.pr-80 {
padding-right: 80px;
}
.pr-85 {
padding-right: 85px;
}
.pr-90 {
padding-right: 90px;
}
.pr-95 {
padding-right: 95px;
}
.pr-100 {
padding-right: 100px;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-5 {
padding-bottom: 5px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-15 {
padding-bottom: 15px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-25 {
padding-bottom: 25px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-35 {
padding-bottom: 35px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-45 {
padding-bottom: 45px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-55 {
padding-bottom: 55px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-65 {
padding-bottom: 65px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-75 {
padding-bottom: 75px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-85 {
padding-bottom: 85px;
}
.pb-90 {
padding-bottom: 90px;
}
.pb-95 {
padding-bottom: 95px;
}
.pb-100 {
padding-bottom: 100px;
}
.pl-0 {
padding-left: 0px;
}
.pl-5 {
padding-left: 5px;
}
.pl-10 {
padding-left: 10px;
}
.pl-15 {
padding-left: 15px;
}
.pl-20 {
padding-left: 20px;
}
.pl-25 {
padding-left: 25px;
}
.pl-30 {
padding-left: 30px;
}
.pl-35 {
padding-left: 35px;
}
.pl-40 {
padding-left: 40px;
}
.pl-45 {
padding-left: 45px;
}
.pl-50 {
padding-left: 50px;
}
.pl-55 {
padding-left: 55px;
}
.pl-60 {
padding-left: 60px;
}
.pl-65 {
padding-left: 65px;
}
.pl-70 {
padding-left: 70px;
}
.pl-75 {
padding-left: 75px;
}
.pl-80 {
padding-left: 80px;
}
.pl-85 {
padding-left: 85px;
}
.pl-90 {
padding-left: 90px;
}
.pl-95 {
padding-left: 95px;
}
.pl-100 {
padding-left: 100px;
}
html .bg-parallax {
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.bg-cover {
background-position: 50% 50%;
background-size: cover;
}
.bg-lightgray {
background-color: #ecf0f14a;
}
.bg-dark {
background-color: #555a60;
}
.bg-overlay {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.9;
background-color: #555a60;
}
body[dir=rtl] .widget--transparent .widget__header:after,
body[dir=rtl] .post-group .post-group__title:after {
left: auto;
right: 0;
}
body[dir=rtl] .widget__about .person-detail i {
margin-right: 0;
margin-left: 10px;
}
.super-search.active {
z-index: 88888888888;
width: 100%;
/*height: 100%;*/
overflow: hidden;
top: 0;
right: 0;
border: none;
overflow-y: scroll;
position: fixed;
background: #ffffff;
display: block !important;
}
.super-search.active .quick-search {
width: 90%;
margin: 15px auto;
}
.super-search.active .search-input {
color: #034ea2 !important;
font-size: 60px;
}
.c-layout-header .super-search.active .quick-search > span {
font-size: 60px;
}
.search-result {
display: none;
}
.super-search.active .search-result {
width: 90%;
margin: 20px auto;
}
.super-search .search-list li {
display: none;
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: bounce-in;
animation-name: bounce-in;
-webkit-animation-timing-function: cubic-bezier(0.32, 1.25, 0.375, 1.15);
animation-timing-function: cubic-bezier(0.32, 1.25, 0.375, 1.15);
}
.search-finished .search-list li {
display: block;
opacity: 1;
}
.super-search .search-list li:nth-child(1) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}
.search-list {
margin: -65px 0 130px;
padding: 0;
list-style: none;
display: block;
}
.search-list a {
display: block;
position: relative;
background: #f1f2f1;
color: #a1a1a1;
font-size: 16px;
line-height: 22px;
border-radius: 2px;
margin-bottom: 10px;
padding: 25px;
overflow: hidden;
text-decoration: none !important;
transition: all 225ms ease;
height: 80px;
}
.search-list .has-image {
padding-left: 115px;
}
.search-list li a.squared .img {
border-radius: 0;
height: 100%;
width: 100px;
left: 0;
transition: -webkit-transform 450ms cubic-bezier(0.32, 1.25, 0.375, 1.15);
transition: transform 450ms cubic-bezier(0.32, 1.25, 0.375, 1.15);
transition: transform 450ms cubic-bezier(0.32, 1.25, 0.375, 1.15), -webkit-transform 450ms cubic-bezier(0.32, 1.25, 0.375, 1.15);
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-size: cover;
background: #545454 50% 0 no-repeat;
text-align: center;
line-height: 100px;
}
.search-list li a.squared .img .fa,
.search-list li a.squared .img .glyphicon {
font-size: 34px !important;
}
.search-list li a .spoofer {
opacity: 0;
display: block;
}
.search-list li a.squared .visible {
padding: 25px 10px 25px 115px;
transition: -webkit-transform 450ms cubic-bezier(0.32, 1.25, 0.375, 1.15);
transition: transform 450ms cubic-bezier(0.32, 1.25, 0.375, 1.15);
transition: transform 450ms cubic-bezier(0.32, 1.25, 0.375, 1.15), -webkit-transform 450ms cubic-bezier(0.32, 1.25, 0.375, 1.15);
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
}
.search-list li a:focus,
.search-list li a:hover {
color: #ffffff;
background: #f38b72;
}
.search-list li a.squared:focus .visible,
.search-list li a.squared:hover .visible {
-webkit-transform: translateX(-80px) translateY(-50%);
transform: translateX(-80px) translateY(-50%);
}
.search-list li a.squared:focus .img,
.search-list li a.squared:hover .img {
-webkit-transform: translateX(-100%) translateY(-50%);
transform: translateX(-100%) translateY(-50%);
}
.super-search .group:nth-child(1) h4 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.super-search .search-list h4,
.super-search .search-list li {
display: none;
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: bounce-in;
animation-name: bounce-in;
-webkit-animation-timing-function: cubic-bezier(0.32, 1.25, 0.375, 1.15);
animation-timing-function: cubic-bezier(0.32, 1.25, 0.375, 1.15);
margin-top: 0;
margin-bottom: 5px;
}
.super-search .search-list h4 {
color: rgba(0, 0, 0, 0.5);
}
.super-search .search-list h4,
.super-search .search-list li {
-webkit-animation-name: bounce-in;
-moz-animation-name: bounce-in;
-webkit-animation-timing-function: cubic-bezier(0.32, 1.25, 0.375, 1.15);
-moz-animation-timing-function: cubic-bezier(0.32, 1.25, 0.375, 1.15);
}
.search-list h4 {
opacity: 0.7;
font-size: 20px;
letter-spacing: 0.01em;
}
.search-finished .search-list h4,
.search-finished .search-list li {
display: block;
opacity: 1;
}
.search-result-title {
padding: 10px 0;
margin-bottom: 22px;
font-size: 16px;
font-weight: 700;
color: #1d9977;
}
.search-item {
padding: 10px 0;
font-size: 18px;
font-weight: 700;
}
.close-search.active {
display: inline-block;
position: absolute;
top: 0px;
right: 30px;
color: #828b96;
font-size: 60px;
cursor: pointer;
}
.overflow {
overflow: hidden;
}
.quick-search > .form-control {
display: block;
font-weight: 400;
border: 0;
background: transparent;
box-shadow: none;
border-radius: 0;
padding: 10px 0;
height: 100px;
color: #32c5d2 !important;
font-size: 60px;
}
.social--widget a span {
display: none;
}
#list-photo {
width: 100%;
}
#list-photo .item {
width: 33.333%;
margin-bottom: 14px;
}
#list-photo .item .photo-item {
padding-left: 7px;
padding-right: 7px;
}
#list-photo .item .photo-item div {
transition: all 0.25s;
padding: 5px;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
}
#list-photo .item .photo-item div:hover {
background: rgba(63, 63, 62, 0.1);
}
#list-photo .item .photo-item img {
border: 1px solid rgba(63, 63, 62, 0.4);
display: block;
}
.lg-outer .lg-thumb {
margin: 0 auto !important;
}
.lg-sub-html {
bottom: 100px !important;
}
.lg-sub-html.inactive {
bottom: 0 !important;
}
.gallery-wrap .gallery-item {
width: 32.8%;
margin-right: 0.8%;
float: left;
max-height: 250px;
overflow: hidden;
margin-bottom: 10px;
position: relative;
}
.gallery-wrap .gallery-item:nth-child(3n) {
margin-right: 0;
}
.gallery-wrap .gallery-item .gallery-detail {
position: absolute;
bottom: -50px;
right: 0;
left: 0;
z-index: 2;
background: rgba(0, 0, 0, 0.8);
color: #ffffff;
padding: 4px 10px;
transition: ease 0.25s;
}
.gallery-wrap .gallery-item .gallery-detail a {
color: #ffffff;
}
.gallery-wrap .gallery-item .gallery-detail a:hover {
color: #32c5d2 !important;
}
.gallery-wrap .gallery-item:hover .gallery-detail {
bottom: 0;
}
.gallery-wrap .gallery-item .gallery-detail .gallery-title {
text-transform: uppercase;
font-weight: bold;
}
.gallery-wrap .gallery-item .img-wrap {
overflow: hidden;
}
.gallery-wrap .gallery-item .img-wrap img {
width: 100%;
}
.comment {
margin-top: 30px;
}
.fb-like {
margin: 15px 0;
}
.fb-comments.fb_iframe_widget,
.fb-comments.fb_iframe_widget span,
.fb-comments.fb_iframe_widget span iframe[style],
.fb-comments.fb_iframe .fb_iframe_widget {
min-width: 100% !important;
width: 100% !important;
}
.fb-comments.fb_iframe_widget iframe {
left: 0 !important;
}
#profile {
margin-top: 10px;
background: #ffffff;
padding: 15px 0;
}
.author-img img {
display: inline-block;
overflow: hidden;
line-height: 1;
vertical-align: middle;
border-radius: 3px;
}
.author-detail .fa {
font-size: 15px;
}
.author-detail h4 {
margin-bottom: 10px;
}
.author-detail p {
margin-bottom: 6px;
}
.social-links {
display: block;
width: 100%;
overflow: hidden;
font-size: 0;
list-style: none;
padding: 0;
}
.social-links li {
display: inline-block;
margin: 0 7px 0 0;
}
.social-links li a {
color: #999999;
border: 2px solid #848585;
border-radius: 50%;
display: block;
height: 35px;
line-height: 35px;
text-align: center;
width: 35px;
font-size: 14px;
}
.social-links a:hover {
color: #518ca3;
}
.social-links li:hover a {
border-color: #518ca3;
}
.social-links .fa {
font-size: 14px;
vertical-align: middle;
height: 19px;
}
.post-star {
margin-top: 20px;
}
.post-star .fa-star {
color: #fbab1e;
}
.page-pagination ul {
margin: 0;
}
.page-pagination li {
margin: 0 0 0 10px;
}
.page-pagination li a,
.page-pagination li span,
.page-pagination .disabled span {
border: none;
outline: none;
border-radius: 0 !important;
color: #034ea2;
}
.page-pagination li:hover a,
.page-pagination li:hover span,
.page-pagination li.active span {
background-color: #034ea2 !important;
color: #ffffff !important;
}
.language_bar_chooser {
display: block;
float: right;
width: 160px;
line-height: 58px;
text-align: center;
}
.language_bar_chooser li {
display: inline-block;
float: left;
margin-left: 5px;
}
.language_bar_chooser.dropdown-menu {
display: none;
border-radius: 0 !important;
}
.dropdown.open .language_bar_chooser.dropdown-menu {
display: block;
}
.language_bar_chooser.dropdown-menu li {
width: 100%;
margin: 0;
display: block;
}
.language_bar_chooser.dropdown-menu li a {
display: block !important;
margin-right: 0 !important;
}
.language-wrapper .btn {
border: none;
background: none;
margin-bottom: 0;
height: 40px;
border-radius: 0 !important;
}
.language_bar_list li {
display: inline-block;
margin-left: 5px;
}
.language_bar_list li a {
text-align: left;
}
@media (max-width: 767px) {
.header .header-wrap {
display: none;
}
}
.header .header-wrap .nav-top ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.header .header-wrap .nav-top ul:after,
.header .header-wrap .nav-top ul:before {
content: " ";
display: table;
}
.nav-top a {
color: white;
}
.header .header-wrap .nav-top ul:after {
clear: both;
}
.header .header-wrap .nav-top ul li {
float: left;
}
.header .header-wrap .nav-top ul li a {
display: inline-block;
line-height: 42px;
font-size: 13px;
margin-right: 25px;
}
.header .header-wrap .nav-top .hi-icon-wrap {
margin-top: 9px;
margin-right: 20px;
}
.header .header-wrap a:hover,
.header .header-wrap a:focus {
color: white !important;
}
.header .header-wrap .nav-top .hi-icon-wrap a {
margin-left: 10px;
}
.header .header-wrap .header-content {
padding: 10px 0;
}
.header .header-wrap .header-content .header-content-right {
float: right;
}
.header .header-wrap .logo {
margin: 0;
padding: 0;
float: left;
position: relative;
height: 90px;
}
.header .header-wrap .logo img {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.hi-icon-effect-3a .hi-icon {
color: #fff;
}
.hi-icon-effect-3a .hi-icon:hover {
color: #666666;
}
.hi-icon-effect-3a .hi-icon:hover:after {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.hi-icon-effect-3b .hi-icon {
color: #666666;
}
.hi-icon-effect-3b .hi-icon:after {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.hi-icon-effect-3b .hi-icon:hover {
color: #4089ea;
}
.hi-icon-effect-3b .hi-icon:hover:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
.header-wrap {
background-color: #ffffff;
color: #ffffff;
}
.nav-top {
background-color: #034ea2;
color: white;
}
@media (min-width: 768px) {
.header .navbar-default .navbar-nav > li {
border-right: 1px solid #e5e5e5;
}
.header .navbar-default .navbar-nav > li > a {
color: #262626;
}
.header .navbar-default .navbar-nav > li > a:hover {
color: #4089ea;
}
}
.navbar-nav {
width: 100%;
}
.widget__tags .tag-link {
background-color: #034ea2;
color: #ffffff;
}
.alert.alert-info a {
color: #034ea2;
}
.alert.alert-info a:hover {
color: #b12136;
}
.trademark-menu {
display: flex;
}
.trademark-menu li {
margin-right: 30px;
}
.trademark-menu {
display: flex;
}
/* Arecont Costar Custom */
body {
font-family: "HelveticaNeue-Light", sans-serif;
}
h2,
h3 {
color: #0d51a2;
}
#homepage-carrusel .carousel-caption {
right: 10% !important;
left: 16% !important;
text-align: left;
max-width: 1460px;
margin: 0 auto;
}
.carousel-inner .item img {
background-repeat: no-repeat;
background-size: cover !important;
width: 100%;
}
#homepage-carrusel .carousel-caption h3 {
color: white;
font-size: 45px;
font-family: "Roboto Slab", sand serif;
font-weight: bold;
text-shadow: 6px 2px 60px black;
}
#homepage-carrusel img {
margin: 0 auto;
}
.homeslider-container {
background: #042956;
}
.homeslider-container {
padding: 0;
}
.shortcode-bar {
background-color: #323638;
}
.shortcode-bar {
padding: 25px;
text-align: center;
}
.shortcode-bar i {
color: white;
}
#whoweare_section .container {
padding: 20px 0px;
}
.homeabout-img {
padding: 0;
}
.col-md-6.homeabout-text {
padding: 40px;
background-color: #034ea2;
height: 435px;
}
.col-md-6.homeabout-text h2,
.col-md-6.homeabout-text p {
color: white;
}
.camera-boxes .text-center {
height: 270px;
padding: 117px;
margin: 15px;
}
.camera-boxes h3,
.camera-boxes p {
color: white;
}
#ConteraIP {
background-image: url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/home-conteraip.jpg");
background-repeat: no-repeat;
background-size: cover;
}
#MegaIP {
background-image: url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/home-megaip.jpg");
background-repeat: no-repeat;
background-size: cover;
}
#ConteraVMS {
background-image: url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/home-conteravms.jpg");
background-repeat: no-repeat;
background-size: cover;
}
#ConteraWS {
background-image: url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/home-conteraws.jpg");
background-repeat: no-repeat;
background-size: cover;
}
#ConteraCMR {
background-image: url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/home-conteracrm.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.camera-box .text-center {
width: 47.5%;
}
.vm-box .text-center {
width: 30.8%;
}
.swiper-container {
width: 100%;
height: 190px;
margin: 15px 0;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: flex;
justify-content: center;
align-items: center;
}
.home-whysav {
background-image: url("https://s3-us-west-1.amazonaws.com/avc-new-website/1/home-whysav.gif");
background-repeat: no-repeat;
background-size: cover;
min-height: 480px;
color: white !important;
}
.home-whysav h2 {
color: white;
}
.home-reviews {
background-image: url("https://s3-us-west-1.amazonaws.com/avc-new-website/1/home-reviews.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.carousel-inner .item {
max-height: 640px;
}
#home-banners h2 {
color: white;
font-size: 45px;
}
#home-banners .row {
padding: 55px 150px;
}
.btn.btn-default {
border: 1px solid white;
background-color: transparent;
color: white;
}
.btn.btn-primary {
background-color: #034ea2;
color: #fff;
border-color: #2e6da4;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.row.home-whysav {
margin-bottom: 15px;
}
.row.home-reviews {
margin-bottom: 35px;
}
.form-control {
background: #ececec;
}
#home-form {
border-bottom: 1px solid #d1d1d1;
}
.social-footer {
background-color: #034ea2;
color: white;
}
.blue-btn {
border: 1px solid #034ea2 !important;
background-color: transparent !important;
color: #034ea2 !important;
}
#whatwedo h3 {
font-size: 45px;
}
.policy-menu li {
display: inline-block;
vertical-align: top;
padding-right: 25px;
}
.page-intro {
background-repeat: no-repeat;
background-size: cover !important;
}
#costarfactsheet {
border: 1px solid #034ea2;
padding: 20px;
height: 100px;
}
.bg-row {
background: #f2f2f2;
color: black;
padding: 25px;
margin: 20px -15px;
}
.about-imgleft img {
margin-top: -25px;
max-width: 110% !important;
margin-bottom: -24px;
margin-left: -39px;
}
.about-imgright img {
margin-top: -25px;
max-width: 110% !important;
margin-bottom: -24px;
margin-right: -39px;
}
#leadership img {
margin: 0 auto;
}
.aboutslider-container .carousel-caption {
right: 0;
left: auto;
width: 43%;
text-align: left;
top: 130px;
padding-right: 10%;
}
.aboutslider-container .carousel-caption p {
color: white;
}
#costarfactsheet h3 {
padding-top: 6px;
}
#costarfactsheet a {
color: #034ea2;
}
.leadership-box {
padding: 19px;
/*border: 1px solid #034ea2;*/
}
.shortcode-bar p {
color: white;
}
#download-plans {
color: #034ea2;
}
#leadership .modal-body {
text-align: left;
}
/* Producs page */
.col-md-pc {
display: inline-flex;
vertical-align: top;
width: 33%;
}
.col-md-pc a {
margin: 0 auto;
}
.col-md-pc img {
margin: 0 auto;
}
.shortcode-products {
background-color: #323638;
height: 123px;
}
#conteraip-section {
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(173, 191, 190, 0.25) 0%, rgba(173, 191, 190, 0.85) 100%), url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/ConteraIPBackground.jpg") no-repeat center center fixed;
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#40adbfbe", endColorstr="#d9adbfbe",GradientType=0 );
/* IE6-9 */
background-size: auto;
background-size: cover;
}
#megaip-section {
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(241, 94, 79, 0.25) 0%, rgba(241, 94, 79, 1) 100%), url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/ConteraIPBackground.jpg") no-repeat center center fixed;
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#40f15e4f", endColorstr="#f15e4f",GradientType=0 );
/* IE6-9 */
background-size: auto;
background-size: cover;
}
#conteracrm-section {
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(245, 128, 32, 0.25) 0%, rgba(245, 128, 32, 1) 100%), url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/ConteraIPBackground.jpg") no-repeat center center fixed;
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#40f58020", endColorstr="#f58020",GradientType=0 );
/* IE6-9 */
background-size: auto;
background-size: cover;
}
#conteravms-section {
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(73, 192, 212, 0.25) 0%, rgba(73, 192, 212, 1) 100%), url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/ConteraIPBackground.jpg") no-repeat center center fixed;
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4049c0d4", endColorstr="#49c0d4",GradientType=0 );
/* IE6-9 */
background-size: auto;
background-size: cover;
}
#conteraws-section {
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(91, 96, 99, 0.25) 0%, rgba(91, 96, 99, 1) 100%), url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/ConteraIPBackground.jpg") no-repeat center center fixed;
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#405b6063", endColorstr="#5b6063",GradientType=0 );
/* IE6-9 */
background-size: auto;
background-size: cover;
}
#megaip-desc {
background: #f15e4fad;
padding: 35px;
}
#contera-desc {
background: #adbfbead;
padding: 35px;
}
#conteracrm-desc {
background: #f58120ad;
padding: 35px;
}
#conteravms-desc {
background: #48c1d5ad;
padding: 35px;
}
#conteraws-desc {
background: #5a6164ad;
padding: 35px;
}
#conteraws-desc a,
#conteravms-desc a {
color: white;
}
/*#conteraip-section {
background: url('https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/ConteraIPBackground.png') no-repeat top;
}
#megaip-section {
background: url('https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/MegaIPBackground.png') no-repeat top;
}
#conteracrm-section {
background: url('https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/ConteraCMRBackground.png') no-repeat top;
}
#conteravms-section {
background: url('https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/ConteraVMSBackground.png') no-repeat top;
}
#conteraws-section {
background: url('https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/ConteraWSBackground.png') no-repeat top;
}*/
.section-top {
background-image: linear-gradient(to bottom, rgba(0, 84, 177, 0.33) 10%, rgba(0, 77, 176, 0.18) 50%, rgba(0, 38, 144, 0) 100%);
background-size: 100% 42px;
background-position: 0% 0%, 0% 100%;
background-repeat: no-repeat;
padding-top: 87px;
padding-bottom: 58px;
}
.black {
color: black !important;
}
.products-section h2,
.products-section h3,
.products-section p,
.products-section li {
color: white;
}
.blue-bg {
background-color: #034ea2;
text-align: center;
}
.btn-blue {
border: 1px solid #034ea2;
background-color: transparent;
color: #034ea2;
}
#contera-breadcrums {
background: white;
width: 30%;
height: 45px;
-webkit-clip-path: polygon(0 -639%, 100% 59px, 100% 100%, 0 100%);
clip-path: polygon(0 -639%, 100% 59px, 100% 100%, 0 100%);
position: absolute;
margin-top: 55px;
}
#contera-breadcrums p {
color: #ababab !important;
text-align: center;
margin-left: -70px;
padding-top: 12px;
}
#megaip-breadcrums {
background: white;
width: 50%;
height: 45px;
-webkit-clip-path: polygon(0 -960%, 100% 59px, 100% 100%, 0 100%);
clip-path: polygon(0 -960%, 100% 59px, 100% 100%, 0 100%);
position: absolute;
margin-top: 55px;
}
#megaip-breadcrums p {
color: #ababab !important;
text-align: center;
margin-left: -70px;
padding-top: 12px;
}
#megaip-breadcrums ul li {
display: inline-block;
vertical-align: top;
width: 5%;
margin-left: 18%;
}
.products-section .img-responsive {
margin: 0 auto;
}
.learn-more h2 {
font-size: 27px;
color: white;
}
.banner-img img {
background-repeat: no-repeat;
background-size: cover !important;
width: 100%;
}
#partner-container {
background-image: url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/partners-intro.jpg");
background-repeat: no-repeat;
background-size: cover !important;
min-height: 410px;
}
.intro-content {
border: 1px solid white;
margin-bottom: 50px;
padding: 41px;
}
#support-container {
background-image: url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/support-banner.jpg");
background-repeat: no-repeat;
background-size: cover !important;
min-height: 410px;
}
#promos-container {
background-image: url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/promos.jpg");
background-repeat: no-repeat;
background-size: cover !important;
min-height: 410px;
}
#contact-container {
background-image: url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/powered-banner.jpg");
background-repeat: no-repeat;
background-size: cover !important;
min-height: 410px;
}
#megalab-container {
background-image: url("https://arecontv-storage.s3.us-west-1.amazonaws.com/avc-new-website/page-images/MegaLab.jpg");
background-repeat: no-repeat;
background-size: cover !important;
min-height: 500px;
}
#megalab-content {
border: 2px solid white !important;
margin-bottom: 50px;
margin-top: 100px;
background-color: #ffffffd1;
padding: 41px;
}
.intro-content h1,
.intro-content h2,
.intro-content h4,
.intro-content p {
color: white !important;
}
.nav-tabs .active h4 {
color: black;
}
.btn.btn-default:hover {
background-color: #fff;
color: #034ea29e !important;
}
#conteravms-section ul {
padding-left: 30px;
}
#conteraws-section ul {
padding-left: 15px;
}
#support-intro {
border: 2px solid #034ea2;
margin: 20px auto;
padding: 32px;
}
.msg-box {
border: 2px solid #034ea2;
margin: 20px auto;
}
.navbar-nav {
float: none;
}
.intro.separator {
margin-top: -160px;
}
#bodyTable {
width: 100% !important;
}
.mittle-line {
border-right: 1px solid #eaeaea;
}
.box {
border-top: 1px solid #CCC;
margin: 0 auto;
text-align: center;
max-width: 320px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
.box-bg {
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(234, 234, 234, 0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#99eaeaea",GradientType=0 );
}
.col-product {
width: 33%;
display: inline-block;
vertical-align: top;
padding: 20px;
}
.last-ul li {
border-bottom: 1px solid #dddddd;
padding: 3px;
font-family: "Open Sans", sans-serif;
}
ul.last-ul {
list-style-type: none;
padding: 0;
font-size: 12px;
}
#latest-videos h4 {
font-size: 15px;
margin-bottom: 0;
}
#resources-page ul li,
#solutions-page ul li,
#support-page ul li,
#partners-page ul li,
#contact-page ul li,
#download-plans ul li {
list-style-type: none;
}
#resources-page ul,
#solutions-page ul,
#support-page ul,
#partners-page ul,
#contact-page ul,
#download-plans ul {
padding: 0;
}
/* Video Player*/
.vjs-playlist-vertical .vjs-playlist-item {
margin-bottom: 5px;
height: 50px;
border-bottom: 1px solid #eaeaea;
}
.vjs-mouse.vjs-playlist {
background-color: rgb(255, 255, 255);
height: 400px;
border: 1px solid #dadada;
}
.vjs-mouse.vjs-playlist cite {
color: black;
}
.vjs-playlist-vertical img {
width: 120px;
}
.vjs-playlist img {
min-height: 0;
}
.vjs-playlist .vjs-playlist-title-container {
bottom: 9px;
padding-left: 129px;
text-shadow: none;
}
.vjs-playlist .vjs-selected,
.vjs-playlist.vjs-mouse .vjs-selected {
background-color: #D8D8D866;
border: 1px solid #0003;
}
.vjs-playlist .vjs-playlist-now-playing-text {
top: 11px;
color: #7b7b7b;
}
#news-section .post__title {
text-align: left;
}
#news-section .post__thumbnail {
padding-right: 20px;
}
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
max-width: none;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
padding: 0;
margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
background: #fff;
}
#colorbox {
outline: 0;
}
#cboxContent {
background: #fff;
overflow: hidden;
}
.cboxIframe {
background: #fff;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxLoadedContent {
margin-bottom: 20px;
}
#cboxTitle {
position: absolute;
bottom: 0px;
left: 0;
text-align: center;
width: 100%;
color: #999;
}
#cboxCurrent {
position: absolute;
bottom: 0px;
left: 100px;
color: #999;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
outline: 0;
}
#cboxSlideshow {
position: absolute;
bottom: 0px;
right: 42px;
color: #444;
}
#cboxPrevious {
position: absolute;
bottom: 0px;
left: 0;
color: #444;
}
#cboxNext {
position: absolute;
bottom: 0px;
left: 63px;
color: #444;
}
#cboxClose {
position: absolute;
bottom: 0;
right: 0;
display: block;
color: #444;
}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
.extra-padding {
padding-top: 50px;
padding-bottom: 50px;
}
.additional-info {
padding-left: 20% !important;
padding-right: 20% !important;
}
.page-card {
padding-right: 50px;
padding-left: 50px;
background-position: bottom center;
background-repeat: no-repeat;
background-image: url(https://arecontv-storage.s3.us-west-1.amazonaws.com/landing-pages/global-images-2/card_bottom-inner-shadow-v3.jpg);
}
.feature-icons:hover {
border: 1px solid #e1dede;
border-radius: 5px;
}
/* switch */
.layer {
position: absolute;
top: 0px;
height: 100%;
width: 100%;
display: block;
background: none;
}
.switch.off .layer.off img {
visibility: visible;
opacity: 1;
transition: opacity 0.5s ease-in-out;
}
.switch.on .layer.on img {
visibility: visible;
}
.switch .controls {
height: 10px;
float: left;
position: absolute;
top: 270px;
left: 118px;
}
.switch .controls a {
display: inline-block;
text-decoration: none;
}
.switch.on .layer.off img {
display: none;
}
#feature_wdr .click-enlarge {
display: inline;
}
#feature_wdr .click-enlarge i {
font-size: 1em;
}
#feature_wdr .click-enlarge a {
padding-left: 70px;
}
a.switcher i {
width: 30px;
display: block;
float: left;
clear: none;
height: 10px;
background-image: url("https://sales.arecontvision.com/landing-pages/industry-leading-technology/images/switch_off.png");
background-repeat: no-repeat;
margin-top: 5px;
}
a.switcher b {
color: #333;
}
b.light {
display: inline-block;
clear: both;
background-image: url("https://sales.arecontvision.com/landing-pages/industry-leading-technology/images/magnify-glass.png");
background-repeat: no-repeat;
padding-left: 30px;
height: 40px;
margin-left: 100px;
}
.switch.on a.switcher i {
background-image: url("https://sales.arecontvision.com/landing-pages/industry-leading-technology/images/switch_on.png");
margin-top: 5px;
}
/* End switch */
img.hand-camera {
position: absolute;
top: 95px;
z-index: 0;
right: -50px;
}
.side-padding p {
padding-left: 10%;
padding-right: 10%;
}
#compare tr {
border-bottom: 1px solid #dadada;
}
#compare tr:last-child {
border: none;
}
img.learn-more {
max-width: 100px;
}
div#mega-dynamic {
min-height: 390px;
}
@media screen and (min-width: 768px) {
.modal-dialog {
width: 700px;
/* New width for default modal */
}
.modal-sm {
width: 350px;
/* New width for small modal */
}
}
@media screen and (max-width: 768px) {
#homepage-carrusel .carousel-caption h3 {
font-size: 23px;
}
.shortcode-bar .col-md-2 {
display: inline-block;
}
}
@media screen and (min-width: 992px) {
.modal-lg {
width: 90%;
/* New width for large modal */
}
}
@media only screen and (max-width: 1200px) {
.sayfa p {
padding: 6px 8px;
}
}
/* Mobile */
@media only screen and (max-width: 415px) {
h1 {
font-size: 20px;
}
h2 {
font-size: 20px;
}
.switch .controls {
left: 43px;
}
.feature-icons {
width: 47%;
}
#features-search {
right: 81px;
}
h3 {
font-size: 14px;
}
#slider {
min-height: 310px;
}
.page-logo img {
height: 40px;
padding-left: 10px;
}
ul.slider {
padding: 0;
}
.sayfa {
background-image: none;
}
img.slide-pointer {
background-image: none !important;
}
#form14 ul li {
width: 100% !important;
}
.col-product {
width: 100%;
}
li.menu-item {
padding-left: 20px;
}
.page-footer__bottom .page-copyright {
display: block;
text-align: left;
padding-left: 20px;
line-height: 30px;
}
.trademark-menu {
display: block;
text-align: left;
line-height: 30px;
}
.additional-info {
padding-left: 0;
padding-right: 0;
}
.extra-padding {
padding-top: 10px;
padding-bottom: 10px;
}
.page-card {
padding-right: 0;
padding-left: 0;
}
#feature_wdr {
height: 300px;
}
}
.global-msg p {
padding: 0;
margin: 0;
color: white;
}
.global-msg {
background: #ff0000;
}
.helvetica sup {
font-size: 100%;
}
.under-text {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.helloworld {
height: 100px;
width: 200;
}