/*
Theme Name: FlyPage Parent
Theme URI: http://demo.flytemplates.com/flypage-wp/
Author: FlyTemplates
Author URI: https://flytemplates.com/
Description: FlyPage is a Business OnePage WordPress theme composed of customizable blocks.
Version: 1.0.11
License: https://flytemplates.com/
License URI: https://flytemplates.com/
Tags: responsive-layout
Text Domain: flypage
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
CSS STRUCTURE:
1. GENERAL TYPOGRAPHY
- Global Reset
- Fly Template Icon
- General Styles
- Typography
- Buttons
2. SITE STRUCTURE
- Topmenu
- Header Sliders
- Middle content
- Footer
3. SITE NAVIGATION & lOGO STYLES
4. EXTENDED ELEMENTS
- Forms & Form Elements (Login Form, Comment Form, Contact Form)
- All Sliders Template
- Events Calendar
5. LAYOUT STYLE
- Title Section
- Main Top Section
- Performance Section
- Skills
- Our Team
- Project Home
- Our Services
- Our Clients
- Facts
- Package
- Calendar
- Follow Us
- Home Post List
- Twitter Feed
- Contact & Maps
- Project Details
6. BLOG POST STYLE
- Post & Post Details
- Comment Style
- Blog Navigation
6.1 WIDGET STYLE
7. SHORTCODES STYLE
8. FOOTER STYLE
*/
/*-----------------------------------*/
/* Custom Fonts */
/*-----------------------------------*/
/* BebasNeue Bold */
@font-face {
font-family: 'BebasNeue Bold';
src: url('fonts/BebasNeue%20Bold.eot');
src: local('BebasNeue'), url('fonts/BebasNeue%20Bold.woff') format('woff'), url('fonts/BebasNeue%20Bold.ttf') format('truetype'), url('fonts/BebasNeue%20Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*-----------------------------------*/
/* Global Reset */
/*-----------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: subpixel-antialiased;
}
/*-----------------------------------*/
/* Fly Template Icons */
/*-----------------------------------*/
@font-face {
font-family: 'flyicon';
src: url('fonts/flyicon.eot?m5zmwy');
src: url('fonts/flyicon.eot?#iefixm5zmwy') format('embedded-opentype'), url('fonts/flyicon.woff?m5zmwy') format('woff'), url('fonts/flyicon.ttf?m5zmwy') format('truetype'), url('fonts/flyicon.svg?m5zmwy#flyicon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="flyicon-"],
[class*=" flyicon-"] {
font-family: 'flyicon';
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;
}
.flyicon-branding:before {
content: "\e612";
}
.flyicon-development:before {
content: "\e613";
}
.flyicon-open:before {
content: "\e600";
}
.flyicon-monitoring:before {
content: "\e601";
}
.flyicon-note:before {
content: "\e602";
}
.flyicon-pen:before {
content: "\e603";
}
.flyicon-recycle:before {
content: "\e604";
}
.flyicon-cups:before {
content: "\e605";
}
.flyicon-point:before {
content: "\e606";
}
.flyicon-heart:before {
content: "\e607";
}
.flyicon-facebook:before {
content: "\e608";
}
.flyicon-be:before {
content: "\e609";
}
.flyicon-google:before {
content: "\e60a";
}
.flyicon-vimeo:before {
content: "\e60b";
}
.flyicon-twitter:before {
content: "\e60c";
}
.flyicon-instagram:before {
content: "\e60d";
}
.flyicon-chevron-down:before {
content: "\e60e";
}
.flyicon-chevron-left:before {
content: "\e60f";
}
.flyicon-chevron-right:before {
content: "\e610";
}
.flyicon-chevron-up:before {
content: "\e611";
}
/*-----------------------------------*/
/* General Styles */
/*-----------------------------------*/
body {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.8em;
font-weight: 300;
color: #686868;
background: #fff;
position: relative;
overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
body {
font-size: 12px;
}
}
#page {
overflow: hidden;
}
.content-area {
padding-bottom: 100px;
}
/*Screen 568px ,,Responsive,,*/
@media (max-width: 767px) {
.content-area {
padding-bottom: 70px;
}
}
section {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.ie7 body {
background: none;
filter: none;
font-size: 22px;
color: #686868;
text-align: center;
padding-top: 200px;
}
.ie7 .site {
display: none;
}
::-moz-selection {
background: #01a185;
color: #fff;
text-shadow: none;
}
::selection {
background: #01a185;
color: #fff;
text-shadow: none;
}
a {
color: #01a185;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
a:hover,
a:focus {
color: #828282;
text-decoration: none;
outline: none;
}
a:active {
background-color: transparent;
}
iframe {
max-width: 100%;
}
img {
display: inline-block;
max-width: 100%;
}
.alpha {
margin-left: 0 !important;
}
.omega {
margin-right: 0 !important;
}
.margin-bottom-0 {
margin-bottom: 0 !important;
}
.margin-bottom-10 {
margin-bottom: 10px !important;
}
.margin-bottom-20 {
margin-bottom: 20px !important;
}
.margin-bottom-30 {
margin-bottom: 30px !important;
}
.margin-bottom-40 {
margin-bottom: 40px !important;
}
.margin-bottom-50 {
margin-bottom: 50px !important;
}
.margin-bottom-60 {
margin-bottom: 60px !important;
}
.margin-bottom-70 {
margin-bottom: 70px !important;
}
.margin-bottom-80 {
margin-bottom: 80px !important;
}
.margin-bottom-90 {
margin-bottom: 90px !important;
}
.margin-bottom-100 {
margin-bottom: 100px !important;
}
.margin-bottom-110 {
margin-bottom: 110px !important;
}
.margin-bottom-120 {
margin-bottom: 120px !important;
}
.margin-bottom-130 {
margin-bottom: 130px !important;
}
.margin-bottom-140 {
margin-bottom: 140px !important;
}
.margin-bottom-150 {
margin-bottom: 150px !important;
}
.margin-bottom-160 {
margin-bottom: 160px !important;
}
.padding-bottom-0 {
padding-bottom: 0 !important;
}
/*Fade Effect on BS Slider*/
.fade-effect .item {
opacity: 0;
-webkit-transition: opacity 0.7s ease-in-out;
-moz-transition: opacity 0.7s ease-in-out;
-ms-transition: opacity 0.7s ease-in-out;
transition: opacity 0.7s ease-in-out;
}
.fade-effect .item.active {
opacity: 1;
}
.fade-effect .active.left,
.fade-effect .active.right {
left: 0;
z-index: 2;
opacity: 0;
}
/*Shot Effect on BS Slider*/
.shot-effect .item {
top: 0;
left: 0 !important;
-webkit-transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
-moz-transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
-o-transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
-ms-transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
-khtml-transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
transition: top 0.9s cubic-bezier(0.95, 0.1, 0.25, 1);
}
.shot-effect .item.prev {
top: 100%;
z-index: 3;
}
.shot-effect .item.next {
top: -100%;
z-index: 3;
}
.shot-effect .item.prev.left,
.shot-effect .item.prev.right,
.shot-effect .item.next.left,
.shot-effect .item.next.right {
top: 0;
}
/*Loading Spinner*/
.spinner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 9999;
background-color: #fff;
}
.spinner span {
width: 50px;
height: 50px;
background-color: #01a185;
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
margin-top: -25px;
margin-left: -25px;
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
0% {
-webkit-transform: perspective(120px);
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg);
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
/*-----------------------------------*/
/* Typography */
/*-----------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2em;
margin-bottom: .4em;
word-wrap: break-word;
font-weight: 700;
color: #686868;
}
h1 {
font-size: 42px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 25px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 13px;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
font-weight: 200;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #01a185;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
color: #686868;
}
em {
font-style: italic;
}
strong {
font-weight: 700;
}
small {
font-size: 85%;
}
i {
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
}
p {
word-wrap: break-word;
margin-bottom: 1.5em;
}
@media (max-width: 767px) {
p {
font-size: 14px;
}
}
@media (max-width: 479px) {
p {
font-size: 12px;
}
}
.lowercase {
text-transform: lowercase;
}
.uppercase {
text-transform: uppercase;
}
/*-----------------------------------*/
/* Buttons */
/*-----------------------------------*/
.btn {
display: inline-block;
padding: 7px 13px;
font-size: 11px;
text-transform: uppercase;
color: #fff;
background: #01a185;
border: 1px solid #01a185;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
position: relative;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
/*Button Type2*/
/* Button Black */
/* Button Transparent */
}
.btn span {
display: inline-block;
line-height: 11px;
}
.btn input[type="submit"] {
background: none;
border: none;
}
.btn:hover,
.btn:active {
background: none;
color: #01a185;
}
.btn:active {
top: 1px;
}
.btn:focus {
color: #fff;
}
.btn:focus:hover {
color: #01a185;
}
.btn.btn-type2 {
font-family: 'BebasNeue Bold';
padding: 7px 45px;
font-size: 26px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
/*&:before {
content: '';
position: absolute;
width: 0;
height: 0;
right: -22px;
top: 0;
.transition(0.5s);
}
&:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: -22px;
top: 0;
.transition(0.5s);
}*/
}
.btn.btn-type2 span {
line-height: 26px;
}
.btn.btn-type2.color1 {
background: #e7e7e7;
border: #e7e7e7;
color: #414A4A;
/*&:before {
border-top: 26px solid transparent;
border-left: 22px solid @color-button-type2-color1;
border-bottom: 26px solid transparent;
}
&:after {
border-top: 26px solid transparent;
border-right: 22px solid @color-button-type2-color1;
border-bottom: 26px solid transparent;
}*/
}
.btn.btn-type2.color2 {
background: #01a185;
border: #01a185;
color: #fff;
/*&:before {
border-top: 26px solid transparent;
border-left: 22px solid @color-button-type2-color2;
border-bottom: 26px solid transparent;
}
&:after {
border-top: 26px solid transparent;
border-right: 22px solid @color-button-type2-color2;
border-bottom: 26px solid transparent;
}*/
}
.btn.btn-type2:hover,
.btn.btn-type2:active {
/*&:before {
border-top: 26px solid transparent;
border-left: 22px solid @base-color2;
border-bottom: 26px solid transparent;
}
&:after {
border-top: 26px solid transparent;
border-right: 22px solid @base-color2;
border-bottom: 26px solid transparent;
}*/
}
.btn.btn-type2:hover,
.btn.btn-type2:active,
.btn.btn-type2:hover:focus,
.btn.btn-type2:active:focus {
background: #414A4A;
color: #fff;
}
.btn.btn-black {
background: #414A4A;
border-color: #414A4A;
color: #fff;
}
.btn.btn-black:hover {
background: none;
color: #414A4A;
}
.btn.btn-black.btn-transparent {
background: none;
color: #414A4A;
}
.btn.btn-black.btn-transparent:hover {
background: #414A4A;
color: #fff;
}
.btn.btn-transparent {
background: none;
color: #01a185;
}
.btn.btn-transparent:hover {
background: #01a185;
color: #fff;
}
.btn.btn-submit-contact-form {
font-size: 17px;
text-transform: uppercase;
font-weight: bolder;
display: inline-block;
padding: 13px 22px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.btn.btn-submit-contact-form input {
text-transform: uppercase;
}
/*-----------------------------------*/
/* Menu & Logo */
/*-----------------------------------*/
/* Logo */
.logo {
text-transform: uppercase;
font-size: 62px;
color: #fff;
font-family: 'BebasNeue Bold';
display: inline-block;
margin-left: 32px;
line-height: normal;
}
.logo:hover {
color: #fff;
}
@media only screen and (max-width: 767px) {
.logo {
font-size: 32px !important;
}
}
/* Menu */
.wrap-menu-logo {
position: absolute;
width: 100%;
z-index: 90;
padding: 37px 0 0;
}
.site-navigation {
margin-right: 17px;
}
.site-navigation .nav-menu {
position: relative;
float: right;
text-transform: uppercase;
margin-top: 18px;
}
.site-navigation .nav-menu li {
display: inline-block;
margin-right: 20px;
font-size: 14px;
font-weight: 500;
position: relative;
}
.site-navigation .nav-menu li:last-child {
margin-right: 19px;
}
.site-navigation .nav-menu li a {
color: #fff;
color: rgba(255, 255, 255, 0.55);
}
.site-navigation .nav-menu li ul {
visibility: hidden;
opacity: 0;
position: absolute;
top: 35px;
right: 0;
background: #414A4A;
z-index: 9999;
padding: 10px 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.sticky-menu .site-navigation .nav-menu li ul {
top: 48px;
}
.site-navigation .nav-menu li ul li {
display: block;
width: 100%;
margin-right: 0;
margin-bottom: 5px;
}
.site-navigation .nav-menu li ul li > a {
display: block;
color: #9d9d9d;
min-width: 120px;
padding: 0 20px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.site-navigation .nav-menu li ul li > a:hover,
.site-navigation .nav-menu li ul li > a:active {
background: #000;
background: rgba(0, 0, 0, 0.3);
color: #fff;
}
.site-navigation .nav-menu li:hover > a,
.site-navigation .nav-menu li.current-menu-item > a {
color: #fff;
}
.site-navigation .nav-menu li:hover > ul {
visibility: visible;
opacity: 1;
}
.site-navigation .nav-menu li ul.sub-menu .sub-menu {
right: -138px;
top: 0;
}
.site-navigation .nav-menu li:last-child ul.sub-menu .sub-menu {
left: -138px;
width: 140px;
}
.ie8 .nav-menu > li:hover ul,
.ie9 .nav-menu > li:hover ul {
display: block;
}
.header.sticky .wrap-menu-logo.sticky-menu {
top: -112px;
background-color: rgba(0, 0, 0, 0.8);
background-repeat: repeat-x;
background-size: cover;
position: fixed;
padding: 10px 0 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.header.sticky .wrap-menu-logo.sticky-menu .logo {
font-size: 42px;
}
.header.sticky .wrap-menu-logo.sticky-menu .site-navigation .nav-menu {
margin-top: 11px;
}
.header.sticky .wrap-menu-logo.sticky-menu.open {
position: fixed;
top: 0;
left: 0;
right: 0;
}
/*Mobile Menu (artMenu)*/
#artMenu {
position: fixed;
top: 0;
right: -212px;
bottom: 0;
z-index: 999;
-webkit-overflow-scrolling: touch;
overflow-y: auto;
width: 212px;
padding: 10px 0;
background: #414A4A;
}
.ie9 #artMenu {
filter: none;
}
#artMenu.active {
right: 0;
}
#artMenu::-webkit-scrollbar {
width: 4px;
height: 0;
}
#artMenu::-webkit-scrollbar-track {
background-color: #ffffff;
}
#artMenu::-webkit-scrollbar-thumb {
background-color: #01a185;
}
#artMenu a {
display: block;
padding: 8px 20px;
font-size: 14px;
font-weight: normal;
color: #aaa;
position: relative;
border: none;
text-align: center;
}
#artMenu li.current-menu-item > a {
color: #fff;
}
#artMenu a:hover,
#artMenu a:active {
background: #000;
background: rgba(0, 0, 0, 0.3);
}
#artMenu a:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 1px;
background-position: center;
opacity: 0.5;
z-index: 999;
}
#artMenu .parent:not(.mega-nav) {
position: relative;
}
#artMenu .parent:not(.mega-nav):before,
#artMenu .parent:not(.mega-nav):after {
content: "\e60e";
font-family: 'flyicon';
position: absolute;
top: 9px;
left: 20px;
margin-left: -4.5px;
font-size: 7px;
color: #aaa;
}
#artMenu .parent:not(.mega-nav):after {
left: auto;
right: 20px;
}
#artMenu .current-menu-item.parent:not(.mega-nav):before,
#artMenu .current-menu-item.parent:not(.mega-nav):after {
color: #fff;
}
#artMenuCall {
display: none;
position: absolute;
top: 50%;
right: 20px;
z-index: 999;
width: 90px;
height: 30px;
line-height: 25px;
text-transform: uppercase;
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
#artMenuCall:hover {
color: #01a185;
}
#artMenuCall:before {
content: "\f0c9";
font-family: 'FontAwesome';
font-size: 28px;
position: absolute;
right: 0;
}
#artMenuCall.active {
right: 20px;
}
#page {
position: relative;
right: 0;
}
#page.active {
right: 212px;
}
#artMenu,
#artMenuCall,
#page {
-webkit-transition: right 0.2s ease-out;
-moz-transition: right 0.2s ease-out;
-o-transition: right 0.2s ease-out;
-ms-transition: right 0.2s ease-out;
transition: right 0.2s ease-out;
}
/*Responsive*/
/*Screen 1024px*/
@media (max-width: 1199px) {
.logo {
margin-left: 0;
}
.site-navigation .nav-menu li {
margin-right: 5px;
}
.site-navigation .nav-menu li:last-child {
margin-right: 0;
}
}
/*Screen 768px*/
@media (max-width: 991px) {
.site-navigation {
display: none;
}
#artMenuCall {
display: block;
}
.wrap-menu-logo {
position: fixed;
padding-top: 15px;
}
.wrap-menu-logo.sticky-menu.open #artMenuCall {
margin-top: -14px;
}
.wrap-menu-logo.sticky-menu.open #artMenuCall.active {
right: 233px;
}
}
/*Screen 568px*/
@media (max-width: 767px) {
.wrap-menu-logo {
padding-top: 10px;
padding-bottom: 8px !important;
background: url("images/bg-transparent.png");
background-size: cover;
background-repeat: no-repeat;
}
#artMenuCall {
margin-top: -14px;
}
#artMenuCall.active {
right: 10px;
}
}
/*Screen 500px*/
/*Screen 320px*/
@media (max-width: 479px) {
.wrap-menu-logo.sticky-menu.open #artMenuCall.active,
.wrap-menu-logo #artMenuCall.active {
right: -10px;
top: 0;
position: relative;
display: inline-block;
}
}
/*-----------------------------------*/
/* Forms & Form Elements */
/*-----------------------------------*/
:-moz-placeholder {
font-size: 14px;
font-weight: 400;
color: #fff;
text-transform: normal;
font-style: normal;
}
::-moz-placeholder {
font-size: 14px;
font-weight: 400;
color: #fff;
text-transform: normal;
font-style: normal;
}
:-ms-input-placeholder {
font-size: 14px;
font-weight: 400;
color: #fff;
text-transform: normal;
font-style: normal;
}
::-webkit-input-placeholder {
font-size: 14px;
font-weight: 400;
color: #fff;
text-transform: normal;
font-style: normal;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
textarea:focus::-webkit-input-placeholder {
color: transparent;
}
input,
textarea,
input[type="submit"]:focus,
button:focus {
outline: none;
}
select.select-styled {
visibility: hidden;
}
label,
input,
button,
select,
textarea {
vertical-align: top;
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: inherit;
line-height: normal;
outline: none;
}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="email"],
textarea {
border: 1px solid #adadad;
background-color: transparent;
padding: 0 16px;
font-size: 14px;
font-weight: 300;
color: #fff;
width: 100%;
height: 52px;
margin: 0;
text-overflow: ellipsis;
}
textarea {
padding: 14px 16px;
height: 103px;
resize: vertical;
overflow: auto;
text-transform: none;
}
.ie8 input[type="text"],
.ie8 input[type="password"],
.ie8 input[type="search"],
.ie8 input[type="url"],
.ie8 input[type="email"] {
line-height: 52px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
textarea:focus {
outline: none;
}
.field-text.buttoned input[type="text"],
.field-text.buttoned input[type="password"],
.field-text.buttoned input[type="search"],
.field-text.buttoned input[type="url"],
.field-text.buttoned input[type="email"] {
padding-right: 36px;
}
.field-text.white input[type="text"],
.field-text.white input[type="password"],
.field-text.white input[type="search"],
.field-text.white input[type="url"],
.field-text.white input[type="email"],
.field-text.white textarea {
background-color: #fff;
}
.btn:active,
.btn.active {
box-shadow: none;
}
.field-text,
.field-select {
margin-bottom: 30px;
position: relative;
}
.field-text.omega {
width: 48%;
display: inline-block;
}
.field-text i {
position: absolute;
top: 50%;
right: 16px;
font-size: 16px;
margin-top: -8px;
color: #adadad;
}
.label-title {
display: inline-block;
font-size: 14px;
font-weight: 300;
color: #fff;
text-transform: uppercase;
cursor: default;
margin-bottom: 8px;
}
.overflow-block {
width: 96%;
margin: 0 auto;
}
.overflow-block .contact-form {
margin-bottom: 40px;
}
/* Login Form (widget) */
.widget.widget_login .loginform :-moz-placeholder {
font-size: 16px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.widget.widget_login .loginform ::-moz-placeholder {
font-size: 16px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.widget.widget_login .loginform :-ms-input-placeholder {
font-size: 16px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.widget.widget_login .loginform ::-webkit-input-placeholder {
font-size: 16px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.widget.widget_login .loginform p {
margin-bottom: 18px;
}
.widget.widget_login .loginform p input {
height: 60px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
color: #686868;
background: #f2f2f2;
}
.widget.widget_login .loginform p input:focus::-webkit-input-placeholder {
color: transparent;
}
.widget.widget_login .loginform p.submit {
display: inline-block;
}
.widget.widget_login .loginform p.submit .btn-login {
background: #414A4A;
border: 1px solid #414A4A;
padding: 6px 20px;
height: auto;
color: #fff;
font-weight: 400;
font-size: 12px;
text-transform: uppercase;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.widget.widget_login .loginform p.submit .btn-login:hover {
background: none;
color: #414A4A;
}
.widget.widget_login .loginform .forget_password {
display: inline-block;
float: right;
margin-top: 7px;
}
/* Comment Form */
.comment-respond {
padding: 0 15px;
}
.comment-respond .comment-reply-title {
font-family: 'BebasNeue Bold';
color: #414A4A;
font-size: 30px;
text-transform: uppercase;
margin-bottom: 30px;
}
.comment-respond .comment-form :-moz-placeholder {
font-size: 16px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.comment-respond .comment-form ::-moz-placeholder {
font-size: 16px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.comment-respond .comment-form :-ms-input-placeholder {
font-size: 16px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.comment-respond .comment-form ::-webkit-input-placeholder {
font-size: 16px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.comment-respond .comment-form .comment-form-author,
.comment-respond .comment-form .comment-form-email {
width: 48%;
display: inline-block;
}
.comment-respond .comment-form .comment-form-email {
float: right;
}
.comment-respond .comment-form p {
margin-bottom: 30px;
}
.comment-respond .comment-form p input,
.comment-respond .comment-form p textarea {
color: #414A4A;
font-weight: 400;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-color: #b8b8b8;
height: 60px;
}
.comment-respond .comment-form input:focus::-webkit-input-placeholder,
.comment-respond .comment-form textarea:focus::-webkit-input-placeholder {
color: transparent;
}
.comment-respond .comment-form p textarea {
height: 120px;
}
.comment-respond .comment-form p.form-submit input {
background: #414A4A;
border: 1px solid #414A4A;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
padding: 6px 20px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
height: auto;
position: relative;
}
.comment-respond .comment-form p.form-submit input:hover {
background: none;
color: #414A4A;
}
/* Custom CheckBox & Radio */
/* Styled Checkboxes, Radios */
/*-----------------------------------*/
.custom-checkbox,
.custom-radio {
position: relative;
}
.custom-checkbox::selection,
.custom-radio::selection {
background: transparent;
color: inherit;
}
.custom-checkbox input,
.custom-radio input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-checkbox label,
.custom-radio label {
position: relative;
display: inline-block;
font-size: 13px;
font-weight: 700;
color: #686868;
line-height: 17px;
padding: 0 0 0 23px;
margin-bottom: 18px;
cursor: pointer;
min-height: 17px;
}
.custom-checkbox label::selection,
.custom-radio label::selection {
background: transparent;
color: inherit;
}
.custom-checkbox label.focus,
.custom-radio label.focus {
outline: none;
}
.custom-checkbox label:before,
.custom-radio label:before,
.custom-checkbox label:after,
.custom-radio label:after {
content: '';
position: absolute;
top: 0;
left: 0;
}
.custom-checkbox label:before,
.custom-radio label:before {
width: 17px;
height: 17px;
border: 1px solid #686868;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.custom-checkbox label.checked:after,
.custom-radio label.checked:after {
width: 9px;
height: 9px;
margin: 4px;
background-color: #01a185;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.custom-radio label:before,
.custom-radio label.checked:after {
border-radius: 50%;
}
@media (max-width: 991px) {
.custom-checkbox label,
.custom-radio label {
font-size: 11px;
}
}
/*-----------------------------------*/
/* Sliders */
/*-----------------------------------*/
/* Slider Full */
.slider-full {
position: relative;
background-color: #111414;
}
.slider-full .item {
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
text-align: center;
height: 955px;
}
.slider-full .item:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.slider-full .item .container {
display: inline-block;
line-height: normal;
vertical-align: middle;
}
.slider-full .item .container .wrap-text-slider {
position: relative;
z-index: 100;
color: #fff;
}
.slider-full .item .container .wrap-text-slider .title-slider-before {
font-size: 130px;
font-family: 'BebasNeue Bold';
text-transform: uppercase;
line-height: 107px;
color: #fff;
}
.slider-full .item .container .wrap-text-slider .title-slider-after {
font-size: 20px;
font-weight: 300;
line-height: 32px;
margin-top: 32px;
color: #fff;
}
.slider-full .item .container .wrap-text-slider .slider-divider {
width: 90px;
height: 3px;
background: #01a185;
margin: 27px auto;
}
.slider-full .arrow-down {
position: absolute;
bottom: 8%;
left: 50%;
margin-left: -8px;
font-size: 16px;
color: #fff;
opacity: 0.7;
z-index: 300;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.slider-full .arrow-down:hover {
opacity: 1;
}
.slider-full .carousel-control {
background-image: none;
box-shadow: none;
text-shadow: none;
width: 80px;
height: 80px;
line-height: 83px;
text-align: left;
border: none;
color: #fff;
font-size: 40px;
z-index: 100;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
opacity: 0.5;
}
.slider-full .carousel-control.left {
top: 45%;
left: 4%;
padding-left: 25px;
}
.slider-full .carousel-control.right {
top: 45%;
right: 4%;
padding-left: 30px;
}
.slider-full .carousel-control:hover {
opacity: 1;
}
.slider-full .carousel-control:hover,
.slider-full .carousel-control:active {
color: #fff !important;
}
.slider-full .carousel-control:hover i,
.slider-full .carousel-control:active i {
-webkit-animation-name: carousel-control;
animation-name: carousel-control;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.slider-full .carousel-control:hover.right i,
.slider-full .carousel-control:active.right i {
-webkit-animation-name: carousel-control-right;
animation-name: carousel-control-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes carousel-control {
20% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes carousel-control {
20% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes carousel-control-right {
20% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes carousel-control-right {
20% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
/*Responsive*/
@media (max-width: 1700px) {
.slider-full .item {
height: 622px;
}
}
/*Screen 1024px*/
@media (max-width: 1199px) {
.slider-full .item {
height: 770px;
}
.slider-full .item .container .wrap-text-slider .title-slider-before {
font-size: 117px;
line-height: 100px;
}
}
/*Screen 768px*/
@media (max-width: 991px) {
.slider-full .item {
height: 1024px;
}
.slider-full .item .container .wrap-text-slider .title-slider-before {
font-size: 113px;
line-height: 100px;
}
.slider-full .carousel-control.left {
left: 0;
}
.slider-full .carousel-control.right {
right: 0;
}
}
/*Screen 568px*/
@media (max-width: 767px) {
.slider-full .item {
height: 322px;
}
.slider-full .item .container {
padding-top: 6%;
}
.slider-full .item .container .wrap-text-slider .title-slider-before {
font-size: 37px;
line-height: 32px;
margin-bottom: 0;
}
.slider-full .item .container .wrap-text-slider .slider-divider {
margin: 10px auto;
}
.slider-full .item .container .wrap-text-slider .title-slider-after {
font-size: 15px;
line-height: 20px;
margin-top: 10px;
}
.slider-full .arrow-down {
bottom: 2%;
}
.slider-full .carousel-control {
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
padding-left: 0;
font-size: 23px;
}
.slider-full .carousel-control.left,
.slider-full .carousel-control.right {
padding-left: 0;
padding-right: 0;
top: 53%;
}
}
/*Screen 500px*/
/*Screen 320px*/
@media (max-width: 479px) {
.slider-full .item {
height: 481px;
}
.slider-full .item .container .wrap-text-slider .slider-divider {
margin: 40px auto;
}
}
/* Slider Sayings of Great People */
.sayings-slider {
text-align: center;
color: #fff;
position: relative;
}
.sayings-slider .word-sayings-slider {
font-size: 24px;
line-height: 27px;
font-style: italic;
text-transform: uppercase;
margin-bottom: 100px;
}
.sayings-slider .word-sayings-slider p:last-child {
margin-bottom: 0;
}
.sayings-slider .author-sayings-slider {
font-family: 'BebasNeue Bold';
font-size: 26px;
text-transform: uppercase;
margin-bottom: 45px;
}
.sayings-slider li {
width: 820px;
float: left;
text-align: center;
}
.sayings-slider .prev,
.sayings-slider .next {
position: absolute;
top: 8%;
font-size: 30px;
color: #fff;
color: rgba(255, 255, 255, 0.4);
}
.sayings-slider .prev:hover,
.sayings-slider .next:hover {
color: #01a185;
}
.sayings-slider .prev {
left: 16px;
}
.sayings-slider .next {
right: 16px;
}
.sayings-slider .sayings-slider-controls {
position: absolute;
bottom: -20px;
left: 0;
right: 0;
}
.sayings-slider .sayings-slider-controls span {
display: none;
}
.sayings-slider .sayings-slider-controls a {
width: 28px;
height: 6px;
border: 1px solid #fff;
display: inline-block;
margin-right: 10px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.sayings-slider .sayings-slider-controls a:hover,
.sayings-slider .sayings-slider-controls a.selected {
background: #fff;
}
/*Responsive*/
/*Screen 768px*/
@media (max-width: 991px) {
.sayings-slider li {
width: 600px;
}
.sayings-slider .word-sayings-slider {
margin-bottom: 65px;
}
.sayings-slider .author-sayings-slider {
margin-bottom: 35px;
}
}
/*Screen 568px*/
@media (max-width: 767px) {
.sayings-slider li {
width: 410px;
}
}
/*Screen 500px*/
@media (max-width: 500px) {
.sayings-slider li {
width: 400px;
}
.sayings-slider .word-sayings-slider {
margin-bottom: 40px;
}
.sayings-slider .sayings-slider-controls {
bottom: 0;
}
.sayings-slider .author-sayings-slider {
font-size: 23px;
}
}
/*Screen 320px*/
@media (max-width: 479px) {
.sayings-slider li {
width: 255px;
}
}
/* Testimonials Slider */
.testimonials-slider li {
width: 760px;
float: left;
text-align: center;
}
.testimonials-slider li .author-photo {
width: 100px;
height: 100px;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
margin-bottom: 20px;
}
.testimonials-slider li .text {
font-weight: 300;
margin-bottom: 25px;
}
.testimonials-slider li .author-name-slider {
line-height: 25px;
margin-bottom: 40px;
}
.testimonials-slider li .author-name-slider strong {
font-size: 20px;
text-transform: uppercase;
display: block;
}
.testimonials-slider li .author-name-slider span {
font-size: 14px;
font-weight: 300;
font-style: italic;
color: #01a185;
}
.testimonials-slider .prev,
.testimonials-slider .next {
position: absolute;
top: 50%;
margin-top: -20px;
font-size: 30px;
color: #fff;
color: rgba(255, 255, 255, 0.4);
}
.testimonials-slider .prev:hover,
.testimonials-slider .next:hover {
color: #ffffff;
}
.testimonials-slider .prev {
left: 16px;
}
.testimonials-slider .next {
right: 16px;
}
.testimonials-slider .testimonials-slider-controls {
position: absolute;
bottom: -20px;
left: 0;
right: 0;
}
.testimonials-slider .testimonials-slider-controls span {
display: none;
}
.testimonials-slider .testimonials-slider-controls a {
width: 8px;
height: 8px;
border: 1px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.testimonials-slider .testimonials-slider-controls a:hover,
.testimonials-slider .testimonials-slider-controls a.selected {
background: #fff;
}
/*Responsive*/
/*Screen 768px*/
@media (max-width: 991px) {
.testimonials-slider li {
width: 600px;
}
}
/*Screen 568px*/
@media (max-width: 767px) {
.testimonials-slider li {
width: 410px;
}
.testimonials-slider .prev {
left: 0;
}
.testimonials-slider .next {
right: 0;
}
}
/*Screen 500px*/
@media (max-width: 500px) {
.testimonials-slider li {
width: 400px;
}
}
/*Screen 320px*/
@media (max-width: 479px) {
.testimonials-slider li {
width: 255px;
}
.testimonials {
padding: 60px 0;
}
.testimonials-slider .prev,
.testimonials-slider .next {
top: 50%;
}
}
/* Twitter Feed */
.twitter-feed-slider li {
width: 760px;
float: left;
text-align: center;
color: #fff;
}
.twitter-feed-slider li .date-ago {
margin-bottom: 17px;
display: block;
}
.twitter-feed-slider li .text-feed {
font-size: 18px;
margin-bottom: 35px;
}
.twitter-feed-slider .prev,
.twitter-feed-slider .next {
position: absolute;
top: 38%;
font-size: 30px;
color: #fff;
color: rgba(255, 255, 255, 0.4);
}
.twitter-feed-slider .prev:hover,
.twitter-feed-slider .next:hover {
color: #ffffff;
}
.twitter-feed-slider .prev {
left: 16px;
}
.twitter-feed-slider .next {
right: 16px;
}
.twitter-feed-slider .twitter-feed-slider-controls {
position: absolute;
bottom: -20px;
left: 0;
right: 0;
}
.twitter-feed-slider .twitter-feed-slider-controls span {
display: none;
}
.twitter-feed-slider .twitter-feed-slider-controls a {
width: 28px;
height: 6px;
border: 1px solid #fff;
display: inline-block;
margin-right: 10px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.twitter-feed-slider .twitter-feed-slider-controls a:hover,
.twitter-feed-slider .twitter-feed-slider-controls a.selected {
background: #fff;
}
/*Responsive*/
/*Screen 768px*/
@media (max-width: 991px) {
.twitter-feed-slider li {
width: 600px;
}
}
/*Screen 568px*/
@media (max-width: 767px) {
.twitter-feed-slider li {
width: 410px;
}
.twitter-feed-slider .prev {
left: 0;
}
.twitter-feed-slider .next {
right: 0;
}
}
/*Screen 500px*/
@media (max-width: 500px) {
.twitter-feed-slider li {
width: 400px;
}
}
/*Screen 320px*/
@media (max-width: 479px) {
.twitter-feed-slider li {
width: 255px;
}
.twitter-feed-slider .prev {
left: -6px;
}
.twitter-feed-slider .next {
right: -6px;
}
}
/* Project Slider */
.project-carousel {
position: relative;
margin-bottom: 30px;
}
.project-carousel .item {
height: 640px;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.project-carousel .carousel-control {
width: 40px;
height: 40px;
position: absolute;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
top: 50%;
margin-top: -20px;
font-size: 35px;
color: #fff;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.project-carousel .carousel-control:hover {
color: #01a185;
}
.project-carousel .carousel-control.left {
left: 20px;
}
.project-carousel .carousel-control.right {
right: 20px;
}
/*Responsive*/
/*Screen 768px*/
@media (max-width: 991px) {
.project-carousel .item {
height: 450px;
}
.info-project,
.about-project {
padding: 0 15px;
}
}
@media (max-width: 767px) {
.project-carousel .item {
height: 300px;
}
}
@media (max-width: 479px) {
.project-carousel .item {
height: 200px;
}
}
/*-----------------------------------*/
/* Events Calendar */
/*-----------------------------------*/
[class*="cal-cell"] {
float: left;
margin-left: 0;
min-height: 1px;
}
.cal-row-fluid {
width: 100%;
*zoom: 1;
}
.cal-row-fluid:before,
.cal-row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.cal-row-fluid:after {
clear: both;
}
.cal-row-fluid [class*="cal-cell"] {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 0%;
*margin-left: -0.05213764%;
}
.cal-row-fluid [class*="cal-cell"]:first-child {
margin-left: 0;
}
.cal-row-fluid .controls-row [class*="cal-cell"] + [class*="cal-cell"] {
margin-left: 0%;
}
.cal-row-fluid .cal-cell7 {
width: 100%;
*width: 99.94669509594883%;
}
.cal-row-fluid .cal-cell6 {
width: 85.71428571428571%;
*width: 85.66098081023453%;
}
.cal-row-fluid .cal-cell5 {
width: 71.42857142857142%;
*width: 71.37526652452024%;
}
.cal-row-fluid .cal-cell4 {
width: 57.14285714285714%;
*width: 57.089552238805965%;
}
.cal-row-fluid .cal-cell3 {
width: 42.857142857142854%;
*width: 42.80383795309168%;
}
.cal-row-fluid .cal-cell2 {
width: 28.57142857142857%;
*width: 28.518123667377395%;
}
.cal-row-fluid .cal-cell1 {
width: 14.285714285714285%;
*width: 14.232409381663112%;
}
.cal-week-box .cal-offset7,
.cal-row-fluid .cal-offset7,
.cal-row-fluid .cal-offset7:first-child {
margin-left: 100%;
*margin-left: 99.89339019189765%;
}
.cal-week-box .cal-offset6,
.cal-row-fluid .cal-offset6,
.cal-row-fluid .cal-offset6:first-child {
margin-left: 85.71428571428571%;
*margin-left: 85.60767590618336%;
}
.cal-week-box .cal-offset5,
.cal-row-fluid .cal-offset5,
.cal-row-fluid .cal-offset5:first-child {
margin-left: 71.42857142857142%;
*margin-left: 71.32196162046907%;
}
.cal-week-box .cal-offset4,
.cal-row-fluid .cal-offset4,
.cal-row-fluid .cal-offset4:first-child {
margin-left: 57.14285714285714%;
*margin-left: 57.03624733475479%;
}
.cal-week-box .cal-offset3,
.cal-row-fluid .cal-offset3,
.cal-row-fluid .cal-offset3:first-child {
margin-left: 42.857142857142854%;
*margin-left: 42.750533049040506%;
}
.cal-week-box .cal-offset2,
.cal-row-fluid .cal-offset2,
.cal-row-fluid .cal-offset2:first-child {
margin-left: 28.57142857142857%;
*margin-left: 28.46481876332622%;
}
.cal-week-box .cal-offset1,
.cal-row-fluid .cal-offset1,
.cal-row-fluid .cal-offset1:first-child {
margin-left: 14.285714285714285%;
*margin-left: 14.17910447761194%;
}
.cal-row-fluid .cal-cell1 {
width: 14.285714285714285%;
*width: 14.233576642335766%;
}
[class*="cal-cell"].hide,
.cal-row-fluid [class*="cal-cell"].hide {
display: none;
}
[class*="cal-cell"].pull-right,
.cal-row-fluid [class*="cal-cell"].pull-right {
float: right;
}
.cal-row-head [class*="cal-cell"]:first-child,
.cal-row-head [class*="cal-cell"] {
min-height: auto;
overflow: hidden;
text-overflow: ellipsis;
}
.cal-events-num {
margin-top: 20px;
}
.cal-month-day {
position: relative;
display: block;
width: 100%;
}
#cal-week-box {
position: absolute;
width: 70px;
left: -71px;
top: -1px;
padding: 8px 5px;
cursor: pointer;
}
#cal-day-tick {
position: absolute;
right: 50%;
bottom: -21px;
padding: 0px 5px;
cursor: pointer;
z-index: 5;
text-align: center;
width: 26px;
margin-right: -17px;
}
.cal-year-box #cal-day-tick {
margin-right: -7px;
}
#cal-slide-box {
position: relative;
}
#cal-slide-tick {
position: absolute;
width: 16px;
margin-left: -7px;
height: 9px;
top: -1px;
z-index: 1;
}
#cal-slide-tick.tick-month1 {
left: 12.5%;
}
#cal-slide-tick.tick-month2 {
left: 37.5%;
}
#cal-slide-tick.tick-month3 {
left: 62.5%;
}
#cal-slide-tick.tick-month4 {
left: 87.5%;
}
#cal-slide-tick.tick-day1 {
left: 7.14285714285715%;
}
#cal-slide-tick.tick-day2 {
left: 21.42857142857143%;
}
#cal-slide-tick.tick-day3 {
left: 35.71428571428572%;
}
#cal-slide-tick.tick-day4 {
left: 50%;
}
#cal-slide-tick.tick-day5 {
left: 64.2857142857143%;
}
#cal-slide-tick.tick-day6 {
left: 78.57142857142859%;
}
#cal-slide-tick.tick-day7 {
left: 92.85714285714285%;
}
.events-list {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
#cal-slide-content ul.unstyled {
margin-bottom: 0;
}
.cal-week-box {
position: relative;
}
.cal-week-box [data-event-class] {
white-space: nowrap;
height: 30px;
margin: 1px 1px;
line-height: 30px;
text-overflow: ellipsis;
overflow: hidden;
padding-left: 10px;
}
.cal-week-box .cal-column {
position: absolute;
height: 100%;
z-index: -1;
}
.cal-week-box .arrow-before,
.cal-week-box .arrow-after {
position: relative;
}
.cal-week-box .arrow-after:after {
content: "";
position: absolute;
top: 0px;
width: 0;
height: 0;
right: 0;
border-top: 15px solid #ffffff;
border-left: 8px solid;
border-bottom: 15px solid #FFFFFF;
}
.cal-week-box .arrow-before:before {
content: "";
position: absolute;
top: 0px;
width: 0;
height: 0;
left: 1px;
border-top: 15px solid transparent;
border-left: 8px solid #FFFFFF;
border-bottom: 15px solid transparent;
}
#cal-day-box {
text-wrap: none;
}
#cal-day-box .cal-day-hour-part {
height: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: thin dashed #e1e1e1;
}
#cal-day-box .cal-day-hour .day-highlight {
height: 30px;
}
#cal-day-box .cal-hours {
font-weight: bolder;
}
#cal-day-box .cal-day-hour:nth-child(odd) {
background-color: #fafafa;
}
#cal-day-box #cal-day-panel {
position: relative;
padding-left: 60px;
}
#cal-day-box #cal-day-panel-hour {
position: absolute;
width: 100%;
margin-left: -60px;
z-index: -1;
}
#cal-day-box .day-event {
max-width: 200px;
overflow: hidden;
}
#cal-day-box .day-highlight {
line-height: 30px;
padding-left: 8px;
padding-right: 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #c3c3c3;
margin: 1px 1px;
overflow: hidden;
text-overflow: ellipsis;
}
#cal-day-box .day-highlight.dh-event-important {
border: 1px solid #ad2121;
}
#cal-day-box .day-highlight.dh-event-warning {
border: 1px solid #e3bc08;
}
#cal-day-box .day-highlight.dh-event-info {
border: 1px solid #1e90ff;
}
#cal-day-box .day-highlight.dh-event-inverse {
border: 1px solid #1b1b1b;
}
#cal-day-box .day-highlight.dh-event-success {
border: 1px solid #006400;
}
#cal-day-box .day-highlight.dh-event-special {
background-color: #ffe6ff;
border: 1px solid #800080;
}
.event {
display: block;
background-color: #c3c3c3;
width: 12px;
height: 12px;
margin-right: 2px;
margin-bottom: 2px;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
border-radius: 8px;
border: 1px solid #ffffff;
}
.event-block {
display: block;
background-color: #c3c3c3;
width: 20px;
height: 100%;
}
.cal-event-list .event.pull-left {
margin-top: 3px;
}
.event-important {
background-color: #ad2121;
}
.event-info {
background-color: #1e90ff;
}
.event-warning {
background-color: #e3bc08;
}
.event-inverse {
background-color: #1b1b1b;
}
.event-success {
background-color: #006400;
}
.event-special {
background-color: #800080;
}
.day-highlight:hover,
.day-highlight {
background-color: #dddddd;
}
.day-highlight.dh-event-important:hover,
.day-highlight.dh-event-important {
background-color: #fae3e3;
}
.day-highlight.dh-event-warning:hover,
.day-highlight.dh-event-warning {
background-color: #fdf1ba;
}
.day-highlight.dh-event-info:hover,
.day-highlight.dh-event-info {
background-color: #d1e8ff;
}
.day-highlight.dh-event-inverse:hover,
.day-highlight.dh-event-inverse {
background-color: #c1c1c1;
}
.day-highlight.dh-event-success:hover,
.day-highlight.dh-event-success {
background-color: #caffca;
}
.day-highlight.dh-event-special:hover,
.day-highlight.dh-event-special {
background-color: #ffe6ff;
}
.cal-row-head [class*="cal-cell"]:first-child,
.cal-row-head [class*="cal-cell"] {
font-weight: bolder;
text-align: center;
border: 0px solid;
padding: 5px 0;
}
.cal-row-head [class*="cal-cell"] small {
font-weight: normal;
}
.cal-year-box .row-fluid:hover,
.cal-row-fluid:hover {
background-color: #fafafa;
}
.cal-month-day {
height: 100px;
}
[class*="cal-cell"]:hover {
background-color: #ededed;
}
.cal-year-box [class*="span"],
.cal-month-box [class*="cal-cell"] {
min-height: 100px;
border-right: 1px solid #e1e1e1;
position: relative;
}
.cal-year-box [class*="span"] {
min-height: 60px;
}
.cal-year-box .row-fluid [class*="span"]:last-child,
.cal-month-box .cal-row-fluid [class*="cal-cell"]:last-child {
border-right: 0px;
}
.cal-year-box .row-fluid,
.cal-month-box .cal-row-fluid {
border-bottom: 1px solid #e1e1e1;
margin-left: 0px;
margin-right: 0px;
}
.cal-year-box .row-fluid:last-child,
.cal-month-box .cal-row-fluid:last-child {
border-bottom: 0px;
}
.cal-month-box,
.cal-year-box,
.cal-week-box {
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
border-radius: 2px;
}
span[data-cal-date] {
font-size: 1.2em;
font-weight: normal;
opacity: 0.5;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
margin-top: 15px;
margin-right: 15px;
}
span[data-cal-date]:hover {
opacity: 1;
}
.cal-day-outmonth span[data-cal-date] {
opacity: 0.1;
cursor: default;
}
.cal-day-today {
background-color: #e8fde7;
}
.cal-day-today span[data-cal-date] {
color: darkgreen;
}
.cal-month-box .cal-day-today span[data-cal-date] {
font-size: 1.9em;
}
.cal-day-holiday span[data-cal-date] {
color: #800080;
}
.cal-day-weekend span[data-cal-date] {
color: darkred;
}
#cal-week-box {
border: 1px solid #e1e1e1;
border-right: 0px;
border-radius: 5px 0 0 5px;
background-color: #fafafa;
text-align: right;
}
#cal-day-tick {
border: 1px solid #e1e1e1;
border-top: 0px solid;
border-radius: 0 0 5px 5px;
background-color: #ededed;
text-align: center;
}
#cal-slide-box {
border-top: 0px solid #8c8c8c;
}
#cal-slide-content {
padding: 20px;
color: #ffffff;
background-image: url("../img/dark_wood.png");
-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
#cal-slide-content:hover {
background-color: transparent;
}
#cal-slide-content a.event-item {
color: #ffffff;
font-weight: normal;
line-height: 22px;
}
.events-list {
max-height: 47px;
padding-left: 5px;
}
.cal-column {
border-left: 1px solid #e1e1e1;
}
a.cal-event-week {
text-decoration: none;
color: #151515;
}
.badge-important {
background-color: #b94a48;
}
.modal-open {
overflow-y: visible !important;
}
.modal {
overflow: auto !important;
}
.wrapp_calendar {
margin-bottom: 0;
font-family: 'BebasNeue Bold';
}
.calendar {
width: 98% !important;
margin: 0 auto;
}
.cal-month-day {
background: #e9eef0;
height: 100%;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
-o-transition: background 0.3s;
-ms-transition: background 0.3s;
transition: background 0.3s;
}
.cal-day-today span[data-cal-date] {
color: #686868;
font-size: 30px;
}
.cal-month-box .cal-day-today span[data-cal-date] {
font-size: 30px;
color: #fff;
}
.cal-month-day span[data-cal-date] {
font-size: 30px;
font-weight: normal;
color: #a7b4b9;
opacity: 1;
float: left !important;
margin-top: 17px;
margin-left: 20px;
}
.cal-month-day.event-day span[data-cal-date] {
color: #fff;
}
.cal-month-day:hover {
background: #01a185;
cursor: pointer;
}
.cal-month-day:hover span[data-cal-date] {
color: #fff;
}
.cal-month-day .text-today {
position: absolute;
top: 15px;
right: 20px;
font-size: 22px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
}
.cal-row-fluid .cal-cell1 {
height: 160px;
}
.cal-day-outmonth {
cursor: default;
background: #e9eef0;
}
.cal-day-outmonth:hover {
background: #e9eef0;
cursor: default;
}
.cal-day-outmonth:hover span[data-cal-date] {
color: #a7b4b9;
}
.cal-day-outmonth span[data-cal-date] {
color: #a7b4b9;
opacity: 1;
}
.event-day,
.cal-month-day.cal-day-outmonth.event-day {
background: #686868;
}
.cal-month-day.cal-day-outmonth.event-day:hover span[data-cal-date] {
color: #fff;
}
.cal-month-day.cal-day-outmonth.event-day:hover {
cursor: pointer;
}
#cal-day-tick {
bottom: -22px;
background-color: #e9eef0;
border-color: #d5dcdf;
border-top: none;
font-size: 8px;
width: 27px;
height: 22px;
}
.cal-event-list .event.pull-left {
margin-top: 5px;
display: none;
}
#cal-week-box {
display: none !important;
}
.cal-day-today {
background-color: #01a185;
}
.cal-row-fluid.cal-row-head:hover,
.cal-row-fluid.cal-row-head .cal-cell1:hover {
background: none;
}
.cal-row-head [class*="cal-cell"]:first-child,
.cal-row-head [class*="cal-cell"] {
height: 60px;
padding-top: 22px;
text-transform: uppercase;
color: #686868;
}
.cal-year-box .row-fluid,
.cal-month-box .cal-row-fluid {
border-bottom: 3px solid #fff;
}
.cal-year-box [class*="span"],
.cal-month-box [class*="cal-cell"] {
border-right: 3px solid #fff;
}
.cal-month-box,
.cal-year-box,
.cal-week-box {
border: none;
border-radius: 0;
}
#cal-slide-content {
box-shadow: none;
background-image: none;
background-color: #fff;
border: 1px solid #e9eef0;
margin-bottom: 3px;
}
#cal-slide-content a.event-item {
color: #01a185;
}
#cal-slide-content:hover {
background-color: #fff;
}
/* Calendar Navigation */
.calendar-navigation {
width: 100%;
overflow: hidden;
margin-bottom: 5px;
text-align: right;
line-height: 30px;
}
.calendar-navigation h3 {
display: inline-block;
margin-top: 0;
text-transform: uppercase;
color: #686868;
font-size: 22px;
font-family: 'BebasNeue Bold';
}
.calendar-navigation .prev,
.calendar-navigation .next {
display: inline-block;
font-size: 30px;
color: #686868;
text-transform: uppercase;
margin: 0 50px;
font-weight: 400;
vertical-align: middle;
}
.calendar-navigation .prev:hover,
.calendar-navigation .next:hover {
color: #01a185;
}
.calendar-navigation .next {
margin-right: 0;
}
.events-list {
visibility: hidden;
}
.list-events {
position: absolute;
bottom: 12px;
left: 18px;
font-weight: bold;
font-size: 20px;
color: #fff;
text-transform: uppercase;
}
.cal-day-today .list-events {
color: #fff;
}
.list-events span {
font-size: 25px;
}
#cal-slide-content a.event-item:hover {
color: #414A4A;
}
/* PopUp Events */
.modal-footer {
padding: 0 10px;
}
.modal-footer .btn {
font-size: 35px;
padding: 0;
}
.modal-dialog {
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -290px;
}
.modal-body {
padding: 45px 20px 0;
}
.modal-dialog .btn {
position: absolute;
padding: 0;
top: 0;
right: 10px;
font-size: 30px;
border: none;
background: none;
color: #414A4A;
outline: none;
}
.modal-dialog .btn:focus,
.modal-dialog .btn:active {
outline: none;
}
.modal-dialog .btn:hover {
color: #01a185;
}
.modal-dialog {
width: 930px;
}
.modal-dialog .modal-body {
height: 590px !important;
}
/*Responsive*/
/*Screen 1024px*/
@media (max-width: 1199px) {
.cal-row-fluid .cal-cell1 {
height: 130px;
}
.cal-row-fluid.cal-row-head .cal-cell1 {
height: 60px;
}
.modal-dialog {
margin-top: -300px;
}
}
/*Screen 768px*/
@media (max-width: 991px) {
.wrapp_calendar {
margin-bottom: 0;
}
.cal-row-fluid .cal-cell1,
.cal-year-box [class*="span"],
.cal-month-box [class*="cal-cell"] {
height: 100px;
min-height: 80px;
}
.cal-month-day span[data-cal-date] {
margin-top: 12px;
margin-left: 12px;
font-size: 25px;
}
.list-events {
font-size: 17px;
bottom: 0px;
left: 13px;
}
.list-events span {
font-size: 23px;
}
.cal-month-day .text-today {
font-size: 18px;
top: 12px;
right: 10px;
}
.modal-dialog {
width: 625px;
margin-top: -360px;
}
.modal-dialog .modal-body {
height: 500px !important;
}
}
/*Screen 480px*/
@media (max-width: 767px) {
.cal-month-day span[data-cal-date] {
font-size: 19px;
margin-top: 7px;
margin-left: 7px;
}
.cal-row-fluid .cal-cell1,
.cal-year-box [class*="span"],
.cal-month-box [class*="cal-cell"] {
height: 77px;
min-height: 64px;
}
.cal-month-day .text-today {
font-size: 16px;
top: 7px;
right: 5px;
}
.cal-month-box .cal-day-today span[data-cal-date] {
font-size: 25px;
}
.list-events {
font-size: 11px;
}
.list-events span {
font-size: 17px;
}
#cal-slide-content {
padding-left: 10px;
}
.cal-row-head [class*="cal-cell"]:first-child,
.cal-row-head [class*="cal-cell"] {
height: 55px;
min-height: 55px;
font-size: 13px;
}
.modal-dialog {
width: 380px;
left: 50%;
margin-left: -188px;
margin-top: -150px;
}
.modal-dialog .modal-body {
height: 300px !important;
}
}
/*Screen 480px*/
/*Screen 320px*/
@media (max-width: 479px) {
.calendar {
width: 92% !important;
}
.calendar-navigation h3 {
font-size: 17px;
}
.cal-row-head [class*="cal-cell"]:first-child,
.cal-row-head [class*="cal-cell"] {
font-size: 13px;
height: 0;
min-height: 29px;
padding-top: 0;
}
.list-events {
display: none;
}
.cal-row-fluid.cal-row-head .cal-cell1 {
height: 35px;
}
.cal-month-box .cal-day-today span[data-cal-date] {
font-size: 21px;
margin-top: 3px;
margin-left: 11px;
}
.cal-month-day .text-today {
display: none;
}
.cal-row-fluid .cal-cell1,
.cal-year-box [class*="span"],
.cal-month-box [class*="cal-cell"] {
height: 0;
min-height: 35px;
}
#cal-day-tick {
display: none !important;
}
#cal-slide-content {
padding: 10px 10px 10px 5px;
}
#cal-slide-content a.event-item {
font-size: 14px;
}
.calendar-navigation .prev,
.calendar-navigation .next {
margin: 0 20px;
font-size: 12px;
}
.calendar-navigation .prev:hover,
.calendar-navigation .next:hover {
color: #01a185;
}
}
/*-----------------------------------*/
/* Layout Style */
/*-----------------------------------*/
.wrap-title {
position: relative;
}
.wrap-title .title-before-section {
font-size: 50px;
font-family: 'BebasNeue Bold';
text-transform: uppercase;
text-align: left;
margin-bottom: 0;
margin-top: 65px;
}
.wrap-title .title-after-section {
font-size: 20px;
font-weight: 300;
text-align: left;
margin-bottom: 5px;
}
.wrap-title .title-divider {
width: 90px;
height: 1px;
background: #01a185;
margin: 44px 0 73px;
}
.wrap-title.dark .title-before-section {
color: #414A4A;
}
.wrap-title.dark .title-after-section {
color: #686868;
}
.wrap-title.light .title-before-section,
.wrap-title.light .title-after-section {
color: #fff;
}
/*Responsive*/
/*Screen 768px*/
@media (max-width: 991px) {
.wrap-title .title-before-section {
margin-top: 80px;
}
.wrap-title .title-divider {
margin-bottom: 60px;
}
}
/*Screen 568px*/
@media (max-width: 767px) {
.wrap-title .title-before-section {
font-size: 45px;
}
.wrap-title .title-after-section {
font-size: 16px;
}
.wrap-title .title-divider {
margin: 30px 0 40px;
}
}
/*Screen 500px*/
@media (max-width: 500px) {
.wrap-title .title-before-section {
font-size: 40px;
}
.wrap-title .title-after-section {
font-size: 18px;
}
}
/*Screen 320px*/
@media (max-width: 479px) {
.wrap-title .title-before-section {
margin-top: 60px;
}
.wrap-title .title-before-section {
font-size: 25px;
}
.wrap-title .title-after-section {
font-size: 14px;
}
}
/* Main Top Section */
.main-top {
position: relative;
height: 570px;
line-height: 570px;
margin-bottom: 80px;
}
.main-top:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
background-repeat: no-repeat;
background-size: cover;
}
.main-top .container {
height: 100%;
position: relative;
}
.main-top .container .wrap-title {
position: absolute;
bottom: 0;
}
.main-top .container .wrap-title .title-before-section {
margin-bottom: 0;
}
.main-top .container .wrap-title .title-divider {
margin: 46px 0 76px;
}
/*Responsive*/
/*Screen 768px*/
@media (max-width: 991px) {
.main-top {
height: 440px;
line-height: 440px;
}
}
/*Screen 568px*/
@media (max-width: 767px) {
.main-top {
height: 320px;
line-height: 440px;
}
.main-top .container .wrap-title .title-divider {
margin: 46px 0 45px;
}
}
/* Performance Section */
.performance {
padding-top: 25px;
padding-bottom: 45px;
}
.performance .performance-text img {
float: left;
margin-right: 65px;
}
.performance .performance-text p {
line-height: 30px;
}
.performance .performance-text .list-performance li {
overflow: hidden;
margin-bottom: 35px;
}
.performance .performance-text .list-performance li i {
display: inline-block;
width: 64px;
height: 64px;
line-height: 64px;
text-align: center;
font-size: 30px;
border: 2px solid #01a185;
color: #01a185;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
margin-right: 30px;
float: left;
}
.performance .performance-text .list-performance li:hover i {
background: #01a185;
color: #fff;
}
.performance .performance-text .list-performance li .title-performance {
font-size: 25px;
font-family: 'BebasNeue Bold';
text-transform: uppercase;
color: #414A4A;
margin-bottom: 6px;
}
.performance .performance-image img {
margin-top: -40px;
margin-left: 0;
}
/*Responsive*/
/*Screen 1024px*/
@media (max-width: 1199px) {
.performance .performance-text .list-performance li i {
margin-right: 10px;
margin-bottom: 20px;
}
.performance .performance-image img {
margin-top: 0;
}
}
/*Screen 568px*/
@media (max-width: 767px) {
.performance-image {
text-align: center;
}
.performance-image img {
margin-top: 15px;
}
}
/*Screen 320px*/
@media (max-width: 479px) {
.performance .performance-text .list-performance li {
text-align: center;
}
.performance .performance-text .list-performance li i {
float: none;
}
}
/* Skills */
.skills {
position: relative;
padding-top: 25px;
padding-bottom: 110px;
background-attachment: fixed;
}
.skills:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.skills .skill {
text-align: center;
}
.skills .skill .progress {
height: 200px !important;
position: relative;
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.skills .skill .progress strong {
position: absolute;
font-family: 'BebasNeue Bold';
font-size: 80px;
line-height: 65px;
left: 0;
right: 0;
top: 50%;
margin-top: -27px;
color: #fff;
}
.skills .skill .title-skill {
font-family: 'BebasNeue Bold';
text-transform: uppercase;
font-size: 25px;
color: #fff;
margin-bottom: 33px;
}
.skills .skill .description-skill {
font-weight: 300;
color: #fff;
}
/*Responsive*/
/*Screen 1024px*/
@media (max-width: 1199px) {
.skills .skill {
margin-bottom: 95px;
}
.skills {
padding-bottom: 0;
}
}
/* Our Team */
.our-team {
padding-bottom: 60px;
}
.our-team .list-team {
text-align: center;
}
.our-team .list-team li {
display: inline-block;
width: 360px;
margin-right: 25px;
margin-bottom: 10px;
}
.our-team .list-team li:nth-child(3n) {
margin-right: 0;
}
.our-team .list-team li .image-team {
width: 100%;
height: 260px;
line-height: 260px;
position: relative;
margin-bottom: 28px;
overflow: hidden;
}
.our-team .list-team li .image-team .social-team {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 0;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.our-team .list-team li .image-team .social-team a {
font-size: 24px;
color: #fff;
margin: 0 10px;
position: relative;
top: 200px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.our-team .list-team li .image-team .social-team a i {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.our-team .list-team li .image-team .social-team a:hover .fa-facebook,
.our-team .list-team li .image-team .social-team a:active .fa-facebook {
color: #3b5998;
}
.our-team .list-team li .image-team .social-team a:hover .fa-twitter,
.our-team .list-team li .image-team .social-team a:active .fa-twitter {
color: #00aced;
}
.our-team .list-team li .image-team .social-team a:hover .fa-instagram,
.our-team .list-team li .image-team .social-team a:active .fa-instagram {
color: #517fa4;
}
.our-team .list-team li .image-team .social-team a:hover .fa-pinterest,
.our-team .list-team li .image-team .social-team a:active .fa-pinterest {
color: #cb2027;
}
.our-team .list-team li .image-team:hover .social-team,
.our-team .list-team li .image-team:active .social-team {
height: 100%;
}
.our-team .list-team li .image-team:hover .social-team a,
.our-team .list-team li .image-team:active .social-team a {
top: 0;
}
.our-team .list-team li .info-team .name-team {
font-family: 'BebasNeue Bold';
font-size: 25px;
color: #414A4A;
text-transform: uppercase;
display: block;
margin-bottom: 3px;
}
.our-team .list-team li .info-team .function-team {
color: #01a185;
font-style: italic;
font-weight: 300;
display: block;
margin-bottom: 10px;
}
/*Responsive*/
/*Screen 1024px*/
@media (max-width: 1199px) {
.our-team .list-team li {
width: 280px;
margin-right: 20px;
}
.our-team .list-team li .image-team {
height: 202px;
line-height: 202px;
}
}
/*Screen 768px*/
@media (max-width: 991px) {
.our-team .list-team li {
width: 300px;
margin-bottom: 50px;
}
.our-team .list-team li .image-team {
height: 217px;
line-height: 217px;
}
}
/*Screen 568px*/
@media (max-width: 767px) {
.our-team .list-team li {
width: 240px;
margin-bottom: 50px;
}
.our-team .list-team li .image-team {
height: 174px;
line-height: 174px;
}
}
/*Screen 500px*/
@media (max-width: 500px) {
.our-team .list-team li {
width: auto;
margin-right: 0;
}
.our-team .list-team li .image-team {
height: 153px;
line-height: 153px;
}
}
/*Screen 320px*/
@media (max-width: 479px) {
.our-team .list-team li .image-team {
height: 206px;
line-height: 206px;
}
}
/* Project Home */
.projects {
background: #f2f2f2;
}
.projects .navigation-project {
margin-bottom: 40px;
}
.projects .navigation-project a {
font-size: 21px;
font-family: 'BebasNeue Bold';
text-transform: uppercase;
}
.projects .navigation-project .project-categories-list li {
display: inline-block;
margin-right: 25px;
}
.projects .navigation-project .project-categories-list li a {
color: #bababa;
}
.projects .navigation-project .project-categories-list li a:hover {
color: #212121;
}
.projects .navigation-project .project-categories-list li.active a {
color: #212121;
}
.projects .project-list {
font-size: 0;
line-height: normal;
overflow: hidden;
}
.projects .project-list .project-item {
position: relative;
margin-bottom: 0;
}
.projects .project-list .project-item a {
display: block;
position: relative;
}
.projects .project-list .project-item a .wrap-details-project {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #01a185;
text-align: center;
color: #fff;
opacity: 0;
overflow: hidden;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.projects .project-list .project-item a .wrap-details-project .details-project {
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 10px;
max-height: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.projects .project-list .project-item a .wrap-details-project .details-project span {
font-size: 36px;
text-transform: uppercase;
}
.projects .project-list .project-item a .wrap-details-project .details-project i {
display: block;
font-size: 30px;
margin-bottom: 20px;
}
.projects .project-list .project-item a:hover .wrap-details-project,
.projects .project-list .project-item a:active .wrap-details-project {
opacity: 1;
}
.projects .project-list .project-item.col-md-3,
.projects .project-list .project-item.col-sm-4,
.projects .project-list .project-item.col-xs-6 {
padding: 2px;
}
.content-area .projects {
background: none;
margin-left: -15px;
margin-right: -15px;
}
/*Responsive*/
/*Screen 1024px*/
@media (max-width: 1199px) {
.projects .project-list .project-item a .wrap-details-project .details-project span {
font-size: 30px;
}
.projects .project-list .project-item a .wrap-details-project .details-project i {
font-size: 25px;
margin-bottom: 10px;
}
}
@media (max-width: 991px) {
.projects .project-list .project-item a .wrap-details-project .details-project span {
font-size: 20px;
}
.projects .project-list .project-item a .wrap-details-project .details-project i {
font-size: 20px;
}
}
/*Screen 500px*/
@media (max-width: 500px) {
.projects .navigation-project .project-categories-list li {
margin-right: 10px;
}
.projects .navigation-project a {
font-size: 19px;
}
.projects .navigation-project {
margin-bottom: 30px;
}
.projects .project-list .project-item a .wrap-details-project .details-project span {
font-size: 25px;
}
}
/*Screen 320px*/
@media (max-width: 479px) {
.projects .project-list .project-item.col-xs-6 {
width: 100%;
}
.project-categories-list {
text-align: center;
}
}
/* Our Services */
.our-services {
padding: 20px 0 30px;
}
.our-services .wrap-services {
text-align: center;
margin-bottom: 83px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.our-services .wrap-services .icon-services {
display: block;
width: 60px;
height: 60px;
line-height: 60px;
border: 2px solid #01a185;
background: #01a185;
color: #fff;
font-size: 27px;
margin: 0 auto 28px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.our-services .wrap-services .title-services {
font-size: 25px;
font-family: 'BebasNeue Bold';
color: #414A4A;
text-transform: uppercase;
margin-bottom: 5px;
}
.our-services .wrap-services .text-services {
padding: 0 25px;
}
.our-services .wrap-services:hover .icon-services {
background: none;
color: #01a185;
}
/*Responsive*/
/*Screen 768px*/
@media (max-width: 991px) {
.our-services .wrap-services .text-services {
padding: 0;
}
}
/*Screen 320px*/
@media (max-width: 479px) {
.our-services {
padding-bottom: 0;
}
}
/* Slider Sayings of Great People */
.sayings {
position: relative;
padding: 222px 0 150px;
}
.sayings:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("images/bg-transparent.png");
background-size: cover;
}
/*Screen 768px*/
@media (max-width: 991px) {
.sayings {
padding: 130px 0 110px;
}
}
/*Screen 568px*/
@media (max-width: 767px) {
.sayings {
padding: 90px 0 80px;
}
}
/* Our Clients */
.our-clients {
padding: 20px 0 90px;
}
.our-clients .brand-list {
text-align: center;
font-size: 0;
}
.our-clients .brand-list li {
display: inline-block;
width: 33.3%;
height: 210px;
line-height: 200px;
text-align: center;
font-size: 16px;
position: relative;
border-top: 1px solid #e3e3e3;
}
.our-clients .brand-list li a {
display: inline-block;
vertical-align: middle;
line-height: normal;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.our-clients .brand-list li a img {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.our-clients .brand-list li a:hover img,
.our-clients .brand-list li a:active img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: none;
-webkit-filter: grayscale(0%);
}
.our-clients .brand-list li:nth-child(3n+2) {
border-right: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
}
.our-clients .brand-list li:nth-child(1),
.our-clients .brand-list li:nth-child(2),
.our-clients .brand-list li:nth-child(3) {
border-top: none;
}
.our-clients .brand-list li:before {
content: '';
position: absolute;
width: 21px;
height: 21px;
bottom: -11px;
right: -11px;
background: #fff;
z-index: 1;
}
/*Responsive*/
/*Screen 568px*/
@media (max-width: 767px) {
.our-clients .brand-list li {
width: 45%;
}
.our-clients .brand-list li:nth-child(3) {
border-top: 1px solid #e3e3e3;
}
.our-clients .brand-list li:nth-child(2n) {
border-right: none;
border-left: 1px solid #e3e3e3;
}
.our-clients .brand-list li:nth-child(5) {
border-right: none;
border-left: none;
}
}
/*Screen 500px*/
@media (max-width: 500px) {
.our-clients .brand-list li {
width: 50%;
height: 170px;
line-height: 170px;
}
.our-clients .brand-list li a img {
width: 80%;
}
.our-clients {
padding-bottom: 40px;
}
}
/*Screen 320px*/
@media (max-width: 479px) {
.our-clients .brand-list li {
width: 100%;
border: none;
border-bottom: 1px solid #e3e3e3;
}
.our-clients .brand-list li:last-child {
border-bottom: none;
}
.our-clients .brand-list li:nth-child(3) {
border-top: none;
}
.our-clients .brand-list li:nth-child(2n) {
border-left: none;
}
}
/* Facts */
.facts {
text-align: center;
font-size: 0;
}
.facts .wrap-facts {
text-align: center;
position: relative;
padding: 0;
font-size: 16px;
}
.facts .wrap-facts img {
margin-bottom: -7px;
}
.facts .wrap-facts .info-facts {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #414A4A;
padding-top: 14%;
-webkit-transition: background 0.5s;
-moz-transition: background 0.5s;
-o-transition: background 0.5s;
-ms-transition: background 0.5s;
transition: background 0.5s;
}
.facts .wrap-facts .info-facts .icon-facts {
font-size: 56px;
color: #01a185;
margin-bottom: 30px;
}
.facts .wrap-facts .info-facts .rating-value-facts {
font-family: 'BebasNeue Bold';
font-size: 80px;
color: #fff;
line-height: 70px;
display: block;
margin-bottom: 3px;
}
.facts .wrap-facts .info-facts .name-facts {
font-size: 20px;
text-transform: uppercase;
color: #fff;
font-weight: 300;
}
.facts .wrap-facts:nth-child(2n) .info-facts {
background: #303939;
}
.facts .wrap-facts:nth-child(2n):hover .info-facts {
background: rgba(48, 57, 57, 0.6);
}
.facts .wrap-facts:hover,
.facts .wrap-facts:active {
cursor: default;
}
.facts .wrap-facts:hover .info-facts,
.facts .wrap-facts:active .info-facts {
background: rgba(65, 74, 74, 0.6);
}
.facts .col-sm-3 {
float: none;
display: inline-block;
}
/*Responsive*/
@media only screen and (max-width: 1359px) {
.facts .wrap-facts .info-facts {
padding-top: 6%;
}
}
/*Screen 1024px*/
@media (max-width: 1199px) {
.facts .wrap-facts .info-facts .icon-facts {
font-size: 40px;
margin-bottom: 20px;
}
.facts .wrap-facts .info-facts .rating-value-facts {
font-size: 55px;
line-height: 45px;
}
.facts .wrap-facts .info-facts .name-facts {
font-size: 14px;
}
}
/*Screen 768px*/
/*Screen 568px*/
/*Screen 500px*/
/*Screen 320px*/
@media (max-width: 479px) {
.facts .col-xs-6 {
width: 100%;
}
}
/* Package */
.our-prices {
padding: 20px 0 90px;
}
.our-prices .wrap-package .package {
text-align: center;
}
.our-prices .wrap-package .package .title-package {
font-family: 'BebasNeue Bold';
font-size: 35px;
text-transform: uppercase;
padding: 24px 0 20px;
margin-bottom: 0;
line-height: inherit;
}
.our-prices .wrap-package .package .option-package,
.our-prices .wrap-package .package .price {
padding: 11px 0;
border-right: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.our-prices .wrap-package .package .option-package.sign-up,
.our-prices .wrap-package .package .price.sign-up {
padding: 35px 0;
}
.our-prices .wrap-package .package .price {
padding: 25px 0 18px;
}
.our-prices .wrap-package .package .price strong {
font-family: 'BebasNeue Bold';
font-size: 59px;
color: #414A4A;
line-height: 47px;
display: block;
}
.our-prices .wrap-package .package .price sup {
font-size: .6em;
}
.our-prices .wrap-package .package .price span {
display: block;
margin-left: 10px;
}
.our-prices .wrap-package .package.color-style1 .title-package {
background: #e7e7e7;
color: #414A4A;
}
.our-prices .wrap-package .package.color-style2 .title-package {
background: #01a185;
color: #fff;
}
/*Responsive*/
/*Screen 768px*/
@media (max-width: 991px) {
.wrap-package {
margin-bottom: 40px;
float: none;
display: inline-block;
width: 48%;
}
.our-prices {
padding-bottom: 60px;
text-align: center;
}
}
/*Screen 568px*/
@media (max-width: 767px) {
.wrap-package {
padding: 0;
}
.wrap-package:first-child {
margin-right: 5px;
}
}
/*Screen 500px*/
@media (max-width: 500px) {
.wrap-package {
width: 100%;
padding: 0 15px;
}
}
/* Testimonials */
.testimonials {
position: relative;
color: #fff;
text-align: center;
padding: 100px 0 110px;
background-attachment: fixed;
}
.testimonials:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
}
/* Calendar */
.wrap-calendar {
padding-bottom: 60px;
}
/*Responsive*/
/*Screen 568px*/
@media (max-width: 767px) {
.wrap-calendar {
padding-bottom: 85px;
}
}
/* Follow Us */
.follow-us {
position: relative;
padding: 15px 0 100px;
background-attachment: fixed;
}
.follow-us:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
}
.follow-us .social-follow-list {
text-align: center;
}
.follow-us .social-follow-list li {
display: inline-block;
margin: 0 22px;
}
.follow-us .social-follow-list li .follow-link {
display: block;
color: #fff;
opacity: 0.5;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.follow-us .social-follow-list li .follow-link:hover,
.follow-us .social-follow-list li .follow-link:active {
opacity: 1;
}
.follow-us .social-follow-list li .follow-link .icon-follow {
font-size: 49px;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
/*border: 3px solid #fff;
.border-radius(50%);*/
margin: 0 auto 22px;
}
.follow-us .social-follow-list li .follow-link .name-follow {
font-size: 20px;
text-transform: uppercase;
font-weight: 300;
}
.follow-us .social-follow-list li .follow-link .flyicon-be {
font-size: 38px;
position: relative;
top: -4px;
}
/*Responsive*/
/*Screen 768px*/
@media (max-width: 991px) {
.follow-us .social-follow-list li {
margin-bottom: 20px;
}
}
/*Screen 500px*/
@media (max-width: 500px) {
.follow-us .social-follow-list li {
margin: 0 17px 20px;
}
.follow-us {
padding-bottom: 60px;
}
}
/*Screen 320px*/
@media (max-width: 479px) {
.follow-us .social-follow-list li .follow-link .icon-follow {
font-size: 40px;
width: 90px;
height: 90px;
line-height: 90px;
margin: 0 auto;
}
.follow-us .social-follow-list li .follow-link .flyicon-be {
font-size: 34px;
}
.follow-us .social-follow-list li {
margin: 0 17px 35px;
}
}
/* Home Post List */
.home-post-list {
padding-bottom: 60px;
}
.home-post-list .post {
margin-bottom: 60px;
}
.home-post-list .post .post-thumbnail {
height: 202px;
margin-bottom: 30px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.home-post-list .post .post-thumbnail a {
display: block;
}
.home-post-list .post .post-thumbnail:hover {
opacity: 0.7;
}
.home-post-list .post .entry-header {
overflow: hidden;
margin-bottom: 9px;
}
.home-post-list .post .entry-header .entry-title {
font-size: 20px;
font-weight: 500;
margin-bottom: 0;
line-height: 15px;
}
.home-post-list .post .entry-header .entry-title a {
color: #414A4A;
}
.home-post-list .post .entry-header .entry-title a:hover {
color: #01a185;
}
.home-post-list .post .entry-header .author {
font-size: 12px;
font-weight: 300;
text-transform: uppercase;
}
.home-post-list .post .entry-header .author a {
color: #686868;
}
.home-post-list .post .entry-header .author a:hover {
color: #01a185;
}
.home-post-list .post .entry-header .entry-date {
float: right;
display: inline-block;
font-size: 12px;
line-height: 20px;
font-weight: 300;
}
.home-post-list .post .entry-header .entry-date span {
font-family: 'BebasNeue Bold';
font-size: 20px;
color: #414A4A;
display: block;
text-align: right;
}
.home-post-list .post .entry-header > div {
display: inline-block;
float: left;
}
.home-post-list .post .entry-content {
line-height: 25px;
text-align: left;
overflow: hidden;
min-height: 70px;
max-height: 150px;
margin-bottom: 20px;
}
.home-post-list .post .entry-content p:last-child {
margin-bottom: 0;
}
.home-post-list .post footer.entry-meta .comment-link {
color: #686868;
}
.home-post-list .post footer.entry-meta .comment-link i {
padding-right: 2px;
}
.home-post-list .post footer.entry-meta .comment-link:hover {
color: #01a185;
}
.home-post-list .post footer.entry-meta .comment-link span {
font-size: 16px;
}
.home-post-list .post footer.entry-meta .btn-home-post-list {
float: right;
}
.home-post-list .view-more-post-home {
display: block;
text-align: center;
padding-top: 60px;
}
/*Responsive*/
/*Screen 768px*/
@media (max-width: 991px) {
.home-post-list .post .post-thumbnail {
height: 124px;
text-align: center;
}
}
/*Screen 568px*/
@media (max-width: 767px) {
.home-post-list .post .post-thumbnail {
height: 203px;
}
.home-post-list {
padding-bottom: 80px;
}
}
/*Screen 320px*/
@media (max-width: 479px) {
.home-post-list .post .post-thumbnail {
height: 163px;
}
}
/* Twitter Feed */
.twitter-feed {
position: relative;
padding-bottom: 170px;
text-align: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
.twitter-feed:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
}
/* Contact & Maps */
.contact-map {
overflow: hidden;
background: #414A4A;
}
.contact-map .wrap-contact {
background: #414A4A;
padding: 0 60px 60px;
}
.contact-map .wrap-contact .title-before-section {
margin-bottom: 0;
}
.contact-map .wrap-contact .title-divider {
margin-bottom: 45px;
}
.contact-map .wrap-contact .address-contact {
margin: 0 0 43px;
}
.contact-map .wrap-contact .address-contact .contact-element {
margin-bottom: 28px;
}
.contact-map .wrap-contact .address-contact .contact-element strong {
font-size: 20px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
display: block;
margin-bottom: 5px;
}
.contact-map .wrap-contact .address-contact .contact-element span,
.contact-map .wrap-contact .address-contact .contact-element a {
font-weight: 400;
color: #C5C1C1;
}
.contact-map .wrap-contact .address-contact .contact-element a:hover {
color: #01a185;
}
.contact-map .wrap-contact .contact-social a {
color: #fff;
font-size: 20px;
margin-right: 30px;
}
.contact-map .wrap-contact .contact-social a:hover {
color: #01a185;
}
.contact-map .wrap-contact .contact-social a:last-child {
margin-right: 0;
}
.contact-map .map img {
max-width: none;
}
/*Responsive*/
@media only screen and (max-width: 1359px) {
.contact-map .wrap-contact {
padding: 0 15px 60px;
}
}
/*Screen 1024px*/
@media (max-width: 1199px) {
.overflow-block {
width: 92%;
}
.contact-map .wrap-contact .contact-social a {
margin-right: 25px;
}
}
/*Screen 768px*/
@media (max-width: 991px) {
.contact-map .wrap-contact {
padding: 0 25px 93px;
}
.contact-map .wrap-contact .title-before-section {
margin-top: 90px;
}
.contact-map .wrap-contact .contact-social a {
margin-right: 20px;
}
}
/*Screen 320px*/
@media (max-width: 479px) {
.contact-map .wrap-contact .title-before-section {
margin-top: 40px;
}
.contact-map .wrap-contact {
padding: 0 15px 40px;
}
.contact-map .wrap-contact .contact-social a {
margin-right: 17px;
}
.contact-map .wrap-contact .contact-social {
margin-left: 10px;
}
}
/* Project Details */
.project-title {
font-size: 28px;
color: #414A4A;
margin-bottom: 25px;
}
.info-project .info {
margin-bottom: 25px;
}
.info-project .info .title-info {
font-size: 14px;
font-weight: 400;
line-height: normal;
color: #414A4A;
margin-bottom: 7px;
display: block;
}
.info-project .info .text-info {
color: #686868;
}
.info-project .info.share {
display: inline-block;
}
.info-project .info.share .project-share {
margin-top: 13px;
}
.info-project .info.share .project-share a {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
margin-right: 10px;
text-align: center;
color: #fff;
font-size: 15px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.info-project .info.share .project-share a.facebook {
background: #395793;
}
.info-project .info.share .project-share a.twitter {
background: #1ca3db;
}
.info-project .info.share .project-share a.google-plus {
background: #9e3023;
}
.info-project .info.share .project-share a:hover {
opacity: 0.8;
}
.about-project span {
display: block;
margin-bottom: 9px;
font-weight: 500;
line-height: normal;
color: #414A4A;
}
.main-top.no_uploaded_image {
height: 135px;
}
.sidebar-left .col-md-8 {
float: right;
}
.comment-respond .comment-form p.logged-in-as {
margin-top: -20px;
margin-bottom: 20px;
}
.widget_search .screen-reader-text {
display: none;
}
.widget_search .search-submit {
display: inline-block;
text-transform: uppercase;
color: #fff;
background: #01a185;
border: 1px solid #01a185;
position: relative;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
margin-bottom: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.widget_instagram ul li {
display: inline-block;
width: 170px;
margin-left: 5px;
}
.widget_instagram .fw-instagram-wrap a {
font-size: 16px;
font-weight: bold;
}
.widget_instagram .fw-instagram-wrap {
text-align: center;
}
.is_sticky_post {
position: relative;
font-weight: 400;
color: #fff;
display: inline-block;
background: #212121;
padding: 0 16px;
margin: 0 5px 10px 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.post_categories {
margin-bottom: -40px;
}
.projects_archive {
text-align: center;
}
.projects .navigation.paging-navigation {
margin-top: 50px;
}
.portfolio-button .btn {
padding: 15px 30px;
}
.portfolio-button {
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
}
.col-sm-4.post {
height: 486px;
}
.details-event li b {
font-weight: 700;
}
.details-event-button button {
display: inline-block;
text-transform: uppercase;
color: #fff;
background: #01a185;
border: 1px solid #01a185;
position: relative;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
margin-bottom: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
padding: 10px 30px;
font-size: 15px;
}
.main-top.header-image-shortcode {
margin-bottom: 0px;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
margin: 0 auto;
}
.brand-list li img {
max-width: 379px;
max-height: 201px;
}
img.alignleft,
.wp-caption.alignleft {
margin-right: 15px;
}
img.alignright,
.wp-caption.alignright {
margin-left: 15px;
}
.wp-caption.alignnone {
width: auto !important;
}
div.title-after-section {
line-height: 1.2em;
}
.info-facts div {
margin-top: 10%;
}
.project-list li a img {
width: 100%;
}
/*-----------------------------------*/
/* Blog Post Style */
/*-----------------------------------*/
.post {
margin-bottom: 80px;
}
.post:last-child {
margin-bottom: 60px;
}
.post .entry-header {
overflow: hidden;
margin-bottom: 20px;
}
.post .entry-header .entry-meta > div {
display: inline-block;
float: left;
max-width: 88%;
}
@media only screen and (max-width: 991px) {
.post .entry-header .entry-meta > div {
max-width: 75%;
}
}
.post .entry-header .entry-meta .entry-date {
float: right;
display: inline-block;
font-size: 14px;
font-weight: 300;
line-height: normal;
text-transform: uppercase;
color: #686868;
max-width: 12%;
}
@media only screen and (max-width: 991px) {
.post .entry-header .entry-meta .entry-date {
max-width: 25%;
}
}
.post .entry-header .entry-meta .entry-date span {
display: block;
font-family: 'BebasNeue Bold';
font-size: 28px;
color: #414A4A;
text-align: right;
}
.post .entry-header .entry-meta .entry-title {
font-size: 28px;
line-height: 30px;
margin-bottom: 0;
color: #414A4A;
}
.post .entry-header .entry-meta .entry-title a {
color: #414A4A;
}
.post .entry-header .entry-meta .entry-title a:hover {
color: #01a185;
}
.post .entry-header .entry-meta .author {
text-transform: uppercase;
font-weight: 300;
font-size: 14px;
}
.post .entry-header .entry-meta .author a {
color: #686868;
}
.post .entry-header .entry-meta .author a:hover {
color: #01a185;
}
.post .post-thumbnail {
margin-bottom: 15px;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.post .post-thumbnail:hover {
opacity: 0.7;
}
.post .entry-aside {
margin-bottom: 23px;
}
.post .entry-aside .entry-content {
line-height: 25px;
}
.post .entry-aside .entry-content p:last-child {
margin-bottom: 0;
}
.post footer.entry-meta .btn {
float: right;
}
.post footer.entry-meta .comment-link {
color: #686868;
font-size: 18px;
}
.post footer.entry-meta .comment-link:hover {
color: #01a185;
}
.post footer.entry-meta .comment-link i {
padding-right: 2px;
font-size: 17px;
}
.post footer.entry-meta .comment-link span {
font-size: 16px;
}
.post.post-details p span {
color: #01a185;
}
.post .footer-post {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
padding: 20px 0;
margin: 55px 0;
overflow: hidden;
}
.post .footer-post .tagcloud {
display: inline-block;
}
.post .footer-post .tagcloud a {
position: relative;
font-size: 15px;
font-weight: 400;
color: #fff;
display: inline-block;
background: #414A4A;
padding: 0 16px;
margin: 0 5px 0 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.post .footer-post .tagcloud a:before {
content: '\f02b';
font-family: 'FontAwesome';
margin-right: 10px;
font-size: 13px;
}
.post .footer-post .tagcloud a:hover {
background: #01a185;
}
.post .footer-post .social-share {
float: right;
display: inline-block;
}
.post .footer-post .social-share a {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
margin-left: 10px;
text-align: center;
color: #fff;
font-size: 15px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.post .footer-post .social-share a.facebook {
background: #395793;
}
.post .footer-post .social-share a.twitter {
background: #1ca3db;
}
.post .footer-post .social-share a.google-plus {
background: #9e3023;
}
.post .footer-post .social-share a:hover {
opacity: 0.8;
}
/* Comment Style */
.comments-area {
margin-top: 5px;
}
.comments-area .title {
font-family: 'BebasNeue Bold';
color: #414A4A;
text-transform: uppercase;
font-size: 30px;
margin-bottom: 25px;
margin-left: 15px;
}
.comments-area .comment-list {
margin-bottom: 80px;
}
.comments-area .comment-list .comment {
padding-right: 15px;
}
.comments-area .comment-list .comment .comment-body {
min-height: 120px;
margin-bottom: 33px;
position: relative;
}
.comments-area .comment-list .comment .comment-body .comment-avatar {
position: absolute;
left: -140px;
top: 5px;
width: 111px;
height: 111px;
display: inline-block;
float: left;
margin-right: 30px;
}
.comments-area .comment-list .comment .comment-body .comment-avatar img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.comments-area .comment-list .comment .comment-body .comment-aside .comment-meta .comment-author a {
color: #414A4A;
font-size: 20px;
text-transform: capitalize;
font-weight: 400;
}
.comments-area .comment-list .comment .comment-body .comment-aside .comment-meta .comment-reply-link {
float: right;
font-size: 14px;
color: #01a185;
font-weight: 400;
text-transform: uppercase;
}
.comments-area .comment-list .comment .comment-body .comment-aside .comment-meta .comment-date {
font-size: 14px;
font-weight: 400;
font-style: italic;
text-transform: uppercase;
margin-left: 24px;
}
.comments-area .comment-list .comment .comment-body .comment-aside .comment-meta .comment-date:before {
content: '\f017';
font-family: 'FontAwesome';
color: #01a185;
font-size: 16px;
font-style: normal;
margin-right: 8px;
}
.comments-area .comment-list .comment .children .comment-avatar:before {
content: '';
width: 14px;
height: 13px;
position: absolute;
background: url(images/comment-arrow.png);
top: 50%;
left: -60px;
margin-top: -10px;
}
.comments-area .comment-list .comment.depth-1 {
padding-left: 155px;
}
@media only screen and (max-width: 479px) {
.comments-area .comment-list .comment.depth-1 {
padding-left: 0;
}
}
.comments-area .comment-list .comment.depth-2,
.comments-area .comment-list .comment.depth-3 {
padding-left: 111px;
}
@media only screen and (max-width: 479px) {
.comments-area .comment-list .comment.depth-2,
.comments-area .comment-list .comment.depth-3 {
padding-left: 0;
}
}
.comments-area .comment-list .comment.depth-4,
.comments-area .comment-list .comment.depth-5 {
padding-left: 0;
}
/* Blog Navigation */
.navigation.paging-navigation {
text-align: center;
}
.navigation.paging-navigation .pagination {
display: inline-block;
margin: 0;
}
.navigation.paging-navigation .pagination .page-numbers {
font-size: 20px;
font-weight: 400;
color: #414A4A;
width: 44px;
height: 40px;
line-height: 38px;
display: inline-block;
margin: 0 5px;
}
.navigation.paging-navigation .pagination .page-numbers,
.navigation.paging-navigation .pagination .page-numbers a {
width: 44px;
height: 40px;
position: relative;
color: #414A4A;
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
-o-transition: color 0.2s;
-ms-transition: color 0.2s;
transition: color 0.2s;
}
.navigation.paging-navigation .pagination .page-numbers:before,
.navigation.paging-navigation .pagination .page-numbers a:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
height: 0;
background: #414A4A;
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
-o-transition: height 0.2s;
-ms-transition: height 0.2s;
transition: height 0.2s;
}
.navigation.paging-navigation .pagination .page-numbers:hover,
.navigation.paging-navigation .pagination .page-numbers a:hover,
.navigation.paging-navigation .pagination .page-numbers:active,
.navigation.paging-navigation .pagination .page-numbers a:active {
color: #fff;
}
.navigation.paging-navigation .pagination .page-numbers:hover:before,
.navigation.paging-navigation .pagination .page-numbers a:hover:before,
.navigation.paging-navigation .pagination .page-numbers:active:before,
.navigation.paging-navigation .pagination .page-numbers a:active:before {
height: 100%;
}
.navigation.paging-navigation .pagination .page-numbers a {
display: block;
}
.navigation.paging-navigation .pagination .page-numbers.current {
background: #414A4A;
color: #fff;
}
.navigation.paging-navigation .pagination .page-numbers.dots {
background: none;
color: #414A4A;
}
.navigation.paging-navigation .pagination .page-numbers:empty {
display: none;
}
.navigation.paging-navigation.project-navigation {
margin-top: 50px;
}
.navigation.paging-navigation.project-details-navigation {
display: block;
width: 100%;
overflow: hidden;
}
/*Responsive*/
/*Screen 568px*/
@media (max-width: 767px) {
.post .entry-header .entry-meta .entry-title {
font-size: 16px;
line-height: 20px;
}
.post .footer-post .tagcloud a {
margin: 0 5px 5px 0;
}
.comments-area .comment-list .comment.depth-3 {
padding-left: 0;
}
}
/*Screen 500px*/
@media (max-width: 500px) {
.comments-area .comment-list .comment.depth-2 {
padding-left: 0;
}
.comments-area .comment-list .comment .children .comment-avatar:before {
display: none;
}
}
/*Screen 320px*/
@media (max-width: 479px) {
.post .entry-header .entry-meta .entry-title {
font-size: 16px;
}
.navigation.paging-navigation .pagination .page-numbers {
margin: 0 3px;
}
.comments-area .comment-list .comment .comment-body .comment-avatar {
position: relative;
left: 0;
top: 0;
display: block;
margin: 0 auto 20px;
float: none;
}
.comments-area .comment-list .comment .children .comment-avatar:before {
display: block;
}
}
.post.format-video .post-thumbnail:hover {
opacity: 1;
}
/*-----------------------------------*/
/* Widget Style */
/*-----------------------------------*/
.widget {
margin-bottom: 70px;
overflow: hidden;
/* Widget Search */
/* Widget Categories */
/* Widget Latest Posts */
/* Widget TagCloud */
/* Widget Calendar */
/* Widget NewsLetter */
/* Widget NavMenu */
}
.widget:first-child {
margin-top: 8px;
}
.widget .widget-title {
font-size: 30px;
font-family: 'BebasNeue Bold';
text-transform: uppercase;
color: #414A4A;
margin-bottom: 23px;
}
.widget.widget_search :-moz-placeholder {
font-size: 14px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.widget.widget_search ::-moz-placeholder {
font-size: 14px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.widget.widget_search :-ms-input-placeholder {
font-size: 14px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.widget.widget_search ::-webkit-input-placeholder {
font-size: 14px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.widget.widget_search .search-form label {
width: 100%;
display: block;
margin-bottom: 15px;
}
.widget.widget_search .search-form label input {
color: #686868;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 60px;
}
.widget.widget_search .search-form label input:focus::-webkit-input-placeholder {
color: transparent;
}
.widget.widget_search .search-form input[type="submit"] {
padding: 6px 20px;
font-size: 12px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.widget.widget_categories ul li {
position: relative;
padding-left: 19px;
margin-bottom: 4px;
}
.widget.widget_categories ul li:before {
content: '';
position: absolute;
width: 6px;
height: 6px;
left: 1px;
top: 12px;
display: inline-block;
background: #686868;
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
transform: rotate(45deg);
}
.widget.widget_categories ul li a {
font-size: 18px;
font-weight: 300;
color: #686868;
}
.widget.widget_categories ul li a:hover {
color: #01a185;
}
.widget.widget_categories ul .children {
margin-left: 20px;
margin-bottom: 5px;
}
.widget.widget_categories .postform {
width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 60px;
padding: 0 16px;
}
.widget.widget_posts .side-postlist li {
overflow: hidden;
position: relative;
padding: 25px 0;
border-bottom: 1px solid #e0e0e0;
}
.widget.widget_posts .side-postlist li:first-child {
padding-top: 9px;
}
.widget.widget_posts .side-postlist .thumbnail-post-list {
width: 100px;
display: block;
float: left;
margin-right: 15px;
overflow: hidden;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.widget.widget_posts .side-postlist .thumbnail-post-list:hover {
opacity: 0.7;
}
.widget.widget_posts .side-postlist .date {
font-size: 12px;
color: #686868;
font-style: italic;
text-transform: uppercase;
font-weight: 300;
margin-left: 2px;
}
.widget.widget_posts .side-postlist .title {
margin-bottom: 6px;
line-height: normal;
}
.widget.widget_posts .side-postlist .title a {
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
color: #414A4A;
display: block;
}
.widget.widget_posts .side-postlist .title a:hover {
color: #01a185;
}
.widget.widget_posts .side-postlist .btn {
float: right;
}
.widget.widget_tag_cloud {
text-align: left;
}
.widget.widget_tag_cloud .tagcloud a {
position: relative;
font-size: 15px;
font-weight: 400;
color: #fff;
display: inline-block;
background: #414A4A;
padding: 0 16px;
margin: 0 5px 10px 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.widget.widget_tag_cloud .tagcloud a:before {
content: '\f02b';
font-family: 'FontAwesome';
margin-right: 10px;
font-size: 13px;
}
.widget.widget_tag_cloud .tagcloud a:hover {
background: #01a185;
}
.widget.widget_calendar .calendar-datepicker,
.widget.widget_calendar #calendar_wrap {
background: #f2f2f2;
overflow: hidden;
margin: 0;
}
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header {
background: #686868;
height: 70px;
line-height: 70px;
text-align: center;
display: block;
position: relative;
}
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header .ui-datepicker-title,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header .ui-datepicker-title {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
vertical-align: middle;
display: inline-block;
}
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
display: none;
}
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header .ui-datepicker-prev,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header .ui-datepicker-prev,
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header .ui-datepicker-next,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header .ui-datepicker-next {
position: absolute;
top: 0;
font-size: 18px;
color: #fff;
background: #414A4A;
width: 40px;
height: 70px;
line-height: 70px;
display: inline-block;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header .ui-datepicker-prev:hover,
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header .ui-datepicker-next:hover {
cursor: pointer;
color: #01a185;
}
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header .ui-datepicker-prev span,
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header .ui-datepicker-next span,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header .ui-datepicker-next span {
display: none;
}
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header .ui-datepicker-prev:before,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header .ui-datepicker-prev:before,
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header .ui-datepicker-next:before,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header .ui-datepicker-next:before {
content: '\e610';
position: absolute;
font-family: 'flyicon';
right: 50%;
margin-right: -5px;
}
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header .ui-datepicker-prev,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header .ui-datepicker-prev {
left: 0;
}
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header .ui-datepicker-prev:before,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header .ui-datepicker-prev:before {
position: absolute;
content: '\e60f';
font-family: 'flyicon';
left: 50%;
margin-left: -5px;
}
.widget.widget_calendar .calendar-datepicker .ui-datepicker-header .ui-datepicker-next,
.widget.widget_calendar #calendar_wrap .ui-datepicker-header .ui-datepicker-next {
right: 0;
}
.widget.widget_calendar .calendar-datepicker table,
.widget.widget_calendar #calendar_wrap table,
.widget.widget_calendar .calendar-datepicker #wp-calendar,
.widget.widget_calendar #calendar_wrap #wp-calendar {
width: 100%;
margin: 29px auto 13px;
text-align: center;
font-family: 'BebasNeue Bold';
border: none;
}
.widget.widget_calendar .calendar-datepicker table thead,
.widget.widget_calendar #calendar_wrap table thead,
.widget.widget_calendar .calendar-datepicker #wp-calendar thead,
.widget.widget_calendar #calendar_wrap #wp-calendar thead {
margin-bottom: 23px;
}
.widget.widget_calendar .calendar-datepicker table thead th,
.widget.widget_calendar #calendar_wrap table thead th,
.widget.widget_calendar .calendar-datepicker #wp-calendar thead th,
.widget.widget_calendar #calendar_wrap #wp-calendar thead th {
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
color: #01a185;
text-align: center;
padding-bottom: 8px;
background: none;
}
.widget.widget_calendar .calendar-datepicker table tbody td,
.widget.widget_calendar #calendar_wrap table tbody td,
.widget.widget_calendar .calendar-datepicker #wp-calendar tbody td,
.widget.widget_calendar #calendar_wrap #wp-calendar tbody td,
.widget.widget_calendar .calendar-datepicker table tbody td span,
.widget.widget_calendar #calendar_wrap table tbody td span,
.widget.widget_calendar .calendar-datepicker #wp-calendar tbody td span,
.widget.widget_calendar #calendar_wrap #wp-calendar tbody td span {
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 400;
padding: 7px;
}
.widget.widget_calendar .calendar-datepicker table tbody .ui-datepicker-unselectable,
.widget.widget_calendar #calendar_wrap table tbody .ui-datepicker-unselectable,
.widget.widget_calendar .calendar-datepicker #wp-calendar tbody .ui-datepicker-unselectable,
.widget.widget_calendar #calendar_wrap #wp-calendar tbody .ui-datepicker-unselectable {
color: #8d8d8d;
}
.widget.widget_calendar .calendar-datepicker table tbody .ui-datepicker-current-day .ui-state-active,
.widget.widget_calendar #calendar_wrap table tbody .ui-datepicker-current-day .ui-state-active,
.widget.widget_calendar .calendar-datepicker #wp-calendar tbody .ui-datepicker-current-day .ui-state-active,
.widget.widget_calendar #calendar_wrap #wp-calendar tbody .ui-datepicker-current-day .ui-state-active {
text-align: center;
position: relative;
display: inline-block;
color: #fff;
font-weight: bold;
z-index: 1;
}
.widget.widget_calendar .calendar-datepicker table tbody .ui-datepicker-current-day .ui-state-active:before,
.widget.widget_calendar #calendar_wrap table tbody .ui-datepicker-current-day .ui-state-active:before,
.widget.widget_calendar .calendar-datepicker #wp-calendar tbody .ui-datepicker-current-day .ui-state-active:before,
.widget.widget_calendar #calendar_wrap #wp-calendar tbody .ui-datepicker-current-day .ui-state-active:before {
content: '';
position: absolute;
width: 40px;
height: 40px;
background: #01a185;
z-index: -1;
top: -7px;
left: 50%;
margin-left: -20px;
}
.widget.widget_calendar #wp-calendar {
background: #f2f2f2;
margin: 0 0 25px !important;
width: 100% !important;
position: relative;
}
.widget.widget_calendar #wp-calendar caption {
background: #464f4f;
height: 70px;
line-height: 70px;
text-align: center;
font-size: 20px;
color: #fff;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 13px;
}
.widget.widget_calendar #wp-calendar td a {
color: #01a185 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.widget.widget_calendar #wp-calendar td a:hover {
color: #686868 !important;
}
.widget.widget_calendar #wp-calendar #today {
position: relative;
z-index: 2;
color: #fff !important;
padding-left: 0;
padding-right: 0;
}
.widget.widget_calendar #wp-calendar #today:before {
content: '';
position: absolute;
width: 40px;
height: 40px;
background: #01a185;
z-index: -1;
top: 0;
left: 50%;
margin-left: -20px;
}
.widget.widget_calendar #wp-calendar #today a {
color: #fff !important;
font-weight: bold;
}
.widget.widget_calendar #wp-calendar td {
color: #8d8d8d;
}
.widget.widget_calendar #wp-calendar tfoot {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.widget.widget_calendar #wp-calendar tfoot a {
display: none;
}
.widget.widget_calendar #wp-calendar tfoot tr td#prev,
.widget.widget_calendar #wp-calendar tfoot tr td#next {
position: absolute;
top: 0;
font-size: 18px;
color: #fff;
background: #414A4A;
width: 40px;
height: 70px;
line-height: 70px;
display: inline-block;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.widget.widget_calendar #wp-calendar tfoot tr td#prev:hover,
.widget.widget_calendar #wp-calendar tfoot tr td#next:hover {
cursor: pointer;
color: #01a185;
}
.widget.widget_calendar #wp-calendar tfoot tr td#prev:before,
.widget.widget_calendar #wp-calendar tfoot tr td#next:before {
content: '\e610';
position: absolute;
font-family: 'flyicon';
right: 50%;
margin-right: -5px;
}
.widget.widget_calendar #wp-calendar tfoot tr td#next {
left: auto;
right: 0;
}
.widget.widget_calendar #wp-calendar tfoot tr td#prev {
left: 0;
}
.widget.widget_calendar #wp-calendar tfoot tr td#prev:before {
position: absolute;
content: '\e60f';
font-family: 'flyicon';
left: 50%;
margin-left: -5px;
}
.widget.widget_calendar #wp-calendar tfoot tr td#next {
right: 0;
}
.widget.widget_mc4wp_widget :-moz-placeholder {
font-size: 16px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.widget.widget_mc4wp_widget ::-moz-placeholder {
font-size: 16px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.widget.widget_mc4wp_widget :-ms-input-placeholder {
font-size: 16px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.widget.widget_mc4wp_widget ::-webkit-input-placeholder {
font-size: 16px;
font-weight: 400;
color: #686868;
text-transform: normal;
font-style: normal;
}
.widget.widget_mc4wp_widget .field-text {
margin-bottom: 20px;
}
.widget.widget_mc4wp_widget .field-text input {
height: 60px;
color: #686868;
font-size: 16px;
background: #f2f2f2;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.widget.widget_mc4wp_widget .field-text input:focus::-webkit-input-placeholder {
color: transparent;
}
.widget.widget_mc4wp_widget input.btn {
float: right;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
padding: 8px 35px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.widget.widget_nav_menu ul li a {
color: #414A4A;
text-transform: uppercase;
}
.widget.widget_nav_menu ul li a:hover {
color: #01a185;
}
.widget.widget_nav_menu ul .sub-menu {
margin-left: 15px;
margin-top: 5px;
}
/*-----------------------------------*/
/* ShortCodes Style */
/*-----------------------------------*/
blockquote {
font-size: 16px;
line-height: 25px;
font-family: 'Roboto', sans-serif;
margin: 0 0 30px;
padding: 10px 20px;
border-left: 4px solid #01a185;
}
blockquote .author {
color: #01a185;
font-style: italic;
font-weight: 300;
}
blockquote p {
margin-bottom: 5px;
}
/*-----------------------------------*/
/* Footer Styles */
/*-----------------------------------*/
.site-footer {
text-align: center;
position: relative;
background-color: #303939;
padding: 50px 0 44px;
color: #fff;
/*&:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("images/bg-transparent.png");
background-repeat: no-repeat;
}*/
}
.site-footer .container {
position: relative;
z-index: 100;
}
.site-footer .logo-footer {
font-family: 'BebasNeue Bold';
font-size: 62px;
line-height: 1;
color: #fff;
text-transform: uppercase;
display: inline-block;
}
@media only screen and (max-width: 479px) {
.site-footer .logo-footer {
font-size: 50px;
}
}
.site-footer .copyright-powered {
font-size: 14px;
line-height: 25px;
}
.site-footer .copyright-powered span {
display: inline-block;
}
@media only screen and (max-width: 479px) {
.site-footer .copyright-powered {
font-size: 12px;
}
}
.site-footer .footer-scroll-top {
font-size: 30px;
color: #686868;
margin-top: 8px;
display: inline-block;
}
.site-footer .footer-scroll-top:hover,
.site-footer .footer-scroll-top:active {
color: #01a185;
}
@media only screen and (max-width: 767px) {
.site-footer .text-left,
.site-footer .text-right {
text-align: center;
}
}
/*-----------------------------------*/
/* Additional Styles */
/*-----------------------------------*/
.main-top.no_uploaded_image {
height: 135px;
}
.sidebar-left .col-md-8 {
float: right;
}
.comment-respond .comment-form p.logged-in-as {
margin-top: -20px;
margin-bottom: 20px;
}
.widget_search .screen-reader-text {
display: none;
}
.widget_search .search-submit {
display: inline-block;
text-transform: uppercase;
color: #fff;
background: #01a185;
border: 1px solid #01a185;
position: relative;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
margin-bottom: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.widget_instagram .fw-instagram-wrap a {
font-size: 16px;
font-weight: bold;
}
.widget_instagram .fw-instagram-wrap {
text-align: center;
}
.is_sticky_post {
position: relative;
font-weight: 400;
color: #fff;
display: inline-block;
background: #212121;
padding: 0 16px;
margin: 0 5px 10px 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.post_categories {
margin-bottom: -40px;
}
.projects_archive {
text-align: center;
}
.projects .navigation.paging-navigation {
margin-top: 50px;
}
.portfolio-button {
text-align: center;
padding-top: 60px;
padding-bottom: 60px;
}
.portfolio-button .btn {
padding: 15px 30px;
}
.col-sm-4.post {
height: 486px;
}
.details-event li b {
font-weight: 700;
}
.details-event-button button {
display: inline-block;
text-transform: uppercase;
color: #fff;
background: #01a185;
border: 1px solid #01a185;
position: relative;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
margin-bottom: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
padding: 6px 20px;
font-size: 12px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.details-event-button button:hover,
.details-event-button button:active {
opacity: .6;
}
.main-top.header-image-shortcode {
margin-bottom: 0px;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter {
margin: 0 auto;
}
.post.format-video .post-thumbnail:hover {
opacity: 1;
}
.brand-list li img {
max-width: 379px;
max-height: 201px;
}
img.alignleft,
.wp-caption.alignleft {
margin-right: 15px;
}
img.alignright,
.wp-caption.alignright {
margin-left: 15px;
}
.wp-caption.alignnone {
width: auto !important;
}
div.title-after-section {
line-height: 1.2em;
}
.info-facts div {
margin-top: 0;
}
.project-list li a img {
width: 100%;
}
.btn-submit-contact-form .ajax-loader {
display: none;
}
.mc4wp-form input {
color: #414A4A;
}
.wrap-contact-form {
padding: 0 15px;
}
.wrap-contact-form .overflow-block {
width: 100%;
}
.wp-caption,
.wp-caption-text,
.gallery-caption,
.bypostauthor {
overflow: hidden;
}
/*# sourceMappingURL=style.css.map */
.entry-content table {
width: 100%;
background: #fff;
margin: 0 0 20px;
}
.entry-content table td, .entry-content table th {
border: 1px solid #e5e5e5;
padding: 8px 14px;
}
.entry-content table th {
font-weight: bold;
text-align: left;
color: #363636;
}
.entry-content ul {
list-style: circle;
}
.entry-content ul, .entry-content ol {
padding: 0 0 0 35px;
}
.entry-content ol {
list-style: decimal;
}
.entry-content figure {
line-height: 0;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
}
.gallery-caption {
color: #707070;
color: rgba(51, 51, 51, 0.7);
display: block;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
line-height: 1.5;
padding: 0.5em 0;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
img.alignnone.size-full{height: auto;}
.wp-caption-text {
line-height: 20px;
}
#artMenu .parent:not(.mega-nav):after {
content: '';
}
.widget_archive select, .widget_text select,
.widget_categories select{
width: 100%;
height: 40px;
}
label.screen-reader-text {
display: none;
}
.widget_text img.size-large {
height: auto;
}
.post .footer-post .tagcloud {max-width: 70%;}
.post .footer-post .tagcloud a {margin-bottom: 5px;}
@media (max-width: 479px) {
.post .footer-post .tagcloud {max-width: none; width: 100%;}
.post .footer-post .social-share {float: none;}
}
/* Select2 */
/*-----------------------------------*/
.wpcf7-form-control-wrap:focus,
.select2-selection {
outline: none;
}
.select2-container {
display: block;
width: 100% !important;
}
.select2-container:focus {
outline: none;
}
.select2-container--default .select2-selection--single {
border-radius: 0;
border: 1px solid #adadad;
background-color: transparent;
padding: 0 16px;
font-size: 14px;
font-weight: 300;
color: #fff;
width: 100%;
height: 52px;
margin: 0;
text-overflow: ellipsis;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #fff;
line-height: 50px;
padding-left: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-width: 10px 8px 0 8px;
left: 0;
margin-left: -10px;
margin-top: -4px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-width: 0 8px 10px 8px;
}
/* Select2 Dropdown */
/*-----------------------------------*/
.select2-dropdown {
background-color: #fff;
border: 1px solid #d5d5d5 !important;
border-radius: 0 !important;
}
.select2-results__options {
font-size: 14px;
}
.select2-results__options::-webkit-scrollbar {
width: 14px;
background-color: #f8f8f8;
-webkit-box-shadow: 0 0 0 1px #d5d5d5;
-moz-box-shadow: 0 0 0 1px #d5d5d5;
box-shadow: 0 0 0 1px #d5d5d5;
}
.select2-results__options::-webkit-scrollbar-track {
padding: 0 1px;
}
.select2-results__options::-webkit-scrollbar-thumb {
background-color: #d5d5d5;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 0 4px #f8f8f8;
-moz-box-shadow: inset 0 0 0 4px #f8f8f8;
box-shadow: inset 0 0 0 4px #f8f8f8;
}
.select2-results__options .select2-results__group {
padding: 6px 20px;
font-weight: 400;
color: #737373;
}
.select2-results__options .select2-results__option {
padding-left: 20px;
}
.select2-results__options .select2-results__option .select2-results__option {
padding-left: 30px;
}
/* Loader Centering */
/*-----------------------------------*/
.spinner img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
/* Video in Header Image */
/*-----------------------------------*/
.video-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
overflow: hidden;
}
.video-container:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(68, 68, 68, 0.4);
}
.video-container iframe {
max-width: none;
}