@charset "UTF-8"; body {font-family:'Roboto',sans-serif;background:#fff;font-size:14px;font-weight:400;box-sizing:border-box;color:#666;overflow-x:hidden;line-height:25px;backface-visibility:hidden} .btn {padding:7px 30px;border-radius:0;font-weight:400;color:#fff;font-size:13px;transition:all 0.2s linear;display:inline-block} .btn:hover {color:#fff;cursor:pointer} .btn .fa {padding-right:5px} button {padding:7px 30px;border-radius:0;font-weight:400;color:#fff;font-size:13px;transition:all 0.2s linear;display:inline-block} button:hover {color:#fff;cursor:pointer} button:focus {outline:none} #carousel-area {overflow:hidden;background:#7a8d9a} #carousel-area .carousel-inner .active {opacity:1} #carousel-area .carousel-inner .active.left {left:0;opacity:0;z-index:1} #carousel-area .carousel-inner .active.right {left:0;opacity:0;z-index:1} #carousel-area .carousel-inner .carousel-item {background:#000;width:100%;overflow:hidden;transition-property:opacity;transition-duration:1s} #carousel-area .carousel-inner .carousel-item img {opacity:0.5} #carousel-area .carousel-inner .next.left {opacity:1} #carousel-area .carousel-inner .prev.right {opacity:1} #carousel-area .active {opacity:1} #carousel-area .active.left {left:0;opacity:0;z-index:1} #carousel-area .active.right {left:0;opacity:0;z-index:1} #carousel-area .carousel-control {z-index:2;z-index:10;width:35px;height:55px;top:50%;padding:10px 5px;box-shadow:none;background:url(../themes/ketikidis-octobercms-success/assets/images/skin.png);margin-top:-35px;text-shadow:none} #carousel-area .carousel-item {background-size:100%;background-size:cover} #carousel-area .carousel-item .carousel-caption {top:26%;right:10%;left:10%;text-shadow:none} #carousel-area .carousel-item .carousel-caption h2 {font-family:'Raleway',sans-serif;font-size:70px;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s} #carousel-area .carousel-item .carousel-caption h3 {font-family:'Roboto',sans-serif;font-size:24px;color:#fff;font-weight:100;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1.2s;animation-duration:1.2s} #carousel-area .carousel-item .carousel-caption .btn {margin:30px 15px;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1.4s;animation-duration:1.4s} #carousel-area .carousel-control-prev-icon {left:5%} #carousel-area .carousel-control-next-icon {right:5%;background-position:-150px 0 !important} #carousel-area .carousel-indicators {bottom:5px} #carousel-area .carousel-indicators li {border-radius:0;width:32px;height:5px;margin:0 5px;background:rgba(253,254,255,0.8);border:none;transition:all 0.4s ease-in-out} #carousel-area .carousel-indicators li:hover {opacity:1} #carousel-area .carousel-indicators li.active {opacity:1} #carousel-area i {margin-right:10px} #carousel-area:hover .carousel-control {display:block} .owlcarousel-area {position:relative} #owlcarousel-area .item {width:100%;height:800px;background:#000} #owlcarousel-area .item .overlay {position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:1} #owlcarousel-area .item .owl-video-play-icon {z-index:12;opacity:0.7} #owlcarousel-area .item .owl-video-play-icon:hover {opacity:1} #owlcarousel-area .item .owl-image {background-size:cover;background-repeat:no-repeat;background-position:center center;height:100%;min-width:100%;min-height:100%} #owlcarousel-area .item .owl-video-tn {background-size:cover;background-repeat:no-repeat;background-position:center center;height:100%} #owlcarousel-area .item .owl-video-frame {z-index:11} #owlcarousel-area .item .owl-video-wrapper.ratio-5-4 {padding-bottom:80%} #owlcarousel-area .item .owl-video-wrapper.ratio-4-3 {padding-bottom:70%} #owlcarousel-area .item .owl-video-wrapper.ratio-16-10 {padding-bottom:62.5%} #owlcarousel-area .item .owl-video-wrapper.ratio-16-9 {padding-bottom:56.25%} #owlcarousel-area .item .owl-video-wrapper iframe {position:absolute;top:0;left:0;width:100% !important;height:100% !important} #owlcarousel-area .owlcarousel-caption {position:absolute;right:15%;left:15%;z-index:8;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center;padding:20px 0} #owlcarousel-area .owlcarousel-caption p {font-size:22px;font-family:'Raleway',sans-serif} #owlcarousel-area .owlcarousel-caption h1 {font-size:65px} #owlcarousel-area .owlcarousel-caption .btn {margin:30px 15px} #owlcarousel-area .owlcarousel-caption i {margin-right:5px} #owlcarousel-area .owlcarousel-video-caption {position:absolute;right:15%;left:15%;z-index:8;bottom:-4%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-align:center;padding:20px 0} #owlcarousel-area .owlcarousel-video-caption p {font-size:22px;font-family:'Raleway',sans-serif} #owlcarousel-area .owlcarousel-video-caption h1 {font-size:65px} #owlcarousel-area .owlcarousel-video-caption .btn {margin:30px 15px} #owlcarousel-area .owlcarousel-video-caption i {margin-right:5px} #owlcarousel-area .owl-item.active .owlcarousel-title {-webkit-animation:1s 0.2s fadeInUp both;animation:1s 0.2s fadeInUp both} #owlcarousel-area .owl-item.active .owlcarousel-desc {-webkit-animation:1s 0.6s fadeInUp both;animation:1s 0.6s fadeInUp both} #owlcarousel-area .owl-item.active .btn {-webkit-animation:1s 0.9s flipInX both;animation:1s 0.9s flipInX both} #owlcarousel-area .owl-nav {opacity:0;margin-top:0;text-align:center;webkit-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} #owlcarousel-area .owl-nav div {background:#fff;position:absolute;top:50%;border-radius:0;margin:-30px 0 0;padding:0;left:0;opacity:0.3;filter:alpha(opacity=30);width:60px;height:60px;line-height:60px;font-size:20px;color:#333;webkit-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} #owlcarousel-area .owl-nav div:hover {opacity:0.5;filter:alpha(opacity=50)} #owlcarousel-area .owl-nav div.owl-next {left:auto;right:0} #owlcarousel-area .owl-dots {position:absolute;bottom:45px;width:100%} #owlcarousel-area .owl-dots .owl-dot span {background:#fff;opacity:0.5} #owlcarousel-area .owl-dots .owl-dot.active span {background:#fff;opacity:1} #owlcarousel-area:hover .owl-nav {opacity:1} .form-group .help-block {color:red;font-weight:700} .form-group label {margin-bottom:24px} .form-group .radius-input {border-radius:30px;height:45px} .form-group .flat-input {border-radius:0} .form-group .form-control {background:#fff;padding-right:30px;color:#666;position:relative;box-shadow:none} .section-padding {padding:110px 0} .mt-10 {margin-top:10px} .mt-20 {margin-top:20px} .mt-30 {margin-top:30px} .mt-40 {margin-top:40px} .mt-50 {margin-top:50px} .mt-80 {margin-top:80px} .mb-10 {margin-bottom:10px} .mb-20 {margin-bottom:20px} .mb-30 {margin-bottom:30px} .mb-40 {margin-bottom:40px} .mb-50 {margin-bottom:50px} h1 {font-family:'Raleway',sans-serif;font-weight:400} h2 {font-family:'Raleway',sans-serif;font-weight:400} h2.widget-title {font-size:20px;font-weight:600;text-transform:uppercase;margin-bottom:20px} h3 {font-family:'Raleway',sans-serif;font-weight:400} h4 {font-family:'Raleway',sans-serif;font-weight:400} p {font-size:14px;font-family:'Roboto',sans-serif;font-weight:300} a {transition:all 0.2s linear} a:hover {color:#a22f30;text-decoration:none} a:focus {outline:none;text-decoration:none} .ordinary-row {padding:80px 0 90px} .section-title {text-align:center;font-size:38px;line-height:40px;color:#000;font-family:'Raleway',sans-serif;padding:10px 0} .section-title + .row {padding:40px 0 90px} .section {padding:80px 0} .btn-common {color:#fff !important;background:#ff5959;position:relative;border:transparent;z-index:1} .btn-common:before {content:'';position:absolute;top:0;left:0;width:3px;height:100%;z-index:-1;transition:all 0.2s linear} .btn-common:hover:before {width:100%} .btn-radius {border-radius:5px} .btn-radius:before {border-radius:5px 0 0 5px} .btn-round {border-radius:1.5em} .btn-outline {border-width:2px} .btn-outline:hover {color:#fff;border:2px solid transparent} .btn-border {background:rgba(255,255,255,0.18);border:2px solid #fff;color:#fff} .btn-border:hover {background:rgba(255,255,255,0.3);border:2px solid #fff;color:#fff} .btn-lg {padding:14px 33px;text-transform:uppercase;font-size:16px} .btn-xs {font-size:11px;padding:13px 12px} .btn-sm {padding:12px 15px} .btn-md {font-size:15px;padding:12px 25px} .media-left {padding-right:10px} .img-circle {border-radius:50%} .label {font-weight:normal;margin:0 2px} .social-links {display:inline-block} .social-links a {display:inline-block;margin:0 0 0 5px} .social-links a i {width:32px;height:32px;vertical-align:middle;border-radius:100%;line-height:32px;transition:all 0.2s linear} .social-links a i:hover {transition:all 0.2s linear} .social-links a .fa-twitter:hover {color:#00aced} .social-links a .fa-facebook:hover {color:#3b5998} .social-links a .fa-google-plus:hover {color:#dd4b39} .social-links a .fa-youtube-play:hover {color:#b00} .social-links a .fa-linkedin:hover {color:#007bb6} i {transition:all 0.3s ease-in-out} i:hover {opacity:0.8;transition:all 0.3s ease-in-out} i.icon-default {font-size:50px;margin-bottom:30px;margin-right:30px;vertical-align:middle} i.icon-round {border-radius:100%;color:#fff;font-size:50px;height:100px;line-height:100px;margin-bottom:13px;margin-right:13px;text-align:center;vertical-align:middle;width:100px} i.icon-round-border {border-radius:100%;font-size:45px;height:100px;line-height:100px;margin-bottom:12px;margin-right:12px;text-align:center;vertical-align:middle;width:100px} i.icon-box {border-radius:4px;color:#fff;font-size:45px;height:100px;line-height:100px;margin-bottom:12px;margin-right:12px;text-align:center;vertical-align:middle;width:100px} i.icon-box-border {border-radius:4px;font-size:45px;height:100px;line-height:100px;margin-bottom:12px;margin-right:12px;text-align:center;vertical-align:middle;width:100px} i.icon-xs {font-size:16px !important;height:30px !important;line-height:30px !important;margin-bottom:7px !important;margin-right:7px !important;width:30px !important} i.icon-sm {font-size:27px !important;height:50px !important;line-height:50px !important;margin-bottom:14px !important;margin-right:14px !important;width:50px !important} i.icon-md {font-size:35px !important;height:75px !important;line-height:75px !important;margin-bottom:14px !important;margin-right:14px !important;width:75px !important} i.icon-lg {font-size:50px !important;height:100px !important;line-height:100px !important;margin-bottom:13px !important;margin-right:13px !important;width:100px !important} .full-search {display:none;position:absolute;top:100%;left:0;width:100%;background:#333;padding:15px 0;z-index:999} .full-search input[type="text"] {outline:medium none;display:inline-block;width:97%;background:transparent;color:#fff;font-size:28px;padding:4px 16px 8px;line-height:39px;border-radius:3px;height:auto;border:1px solid #444} .section-subcontent {text-align:center;padding-bottom:30px} .small-title {font-size:22px;position:relative;text-align:left} .back-to-top {display:none;position:fixed;bottom:18px;right:15px} .back-to-top i {display:block;font-size:18px;width:36px;height:36px;line-height:36px;color:#fff;border-radius:0;text-align:center;transition:all 0.2s ease-in-out} .page-header {padding:0;margin:0;position:relative;min-height:164px} .page-header .page-header-inner {color:#fff;height:100%;padding:40px 0;position:absolute;width:100%} .page-header .page-header-inner:before {background:rgba(231,76,60,0.2);position:absolute;width:100%;height:100%;top:0;bottom:0;content:"";display:block} .page-header .page-title {color:#fff;font-size:44px;font-weight:600;margin-bottom:10px !important;padding:15px 0;text-align:left} .page-header .breadcrumb {margin:0;padding:0;background:transparent;position:relative;z-index:9} .page-header .breadcrumb li {line-height:25px} .page-header .section-title:before {width:40px} .switcher-box {position:fixed;width:140px;top:20%;left:-140px;z-index:9999;background:#fff;border:1px solid #f3f3f3;padding:15px;transition:all 0.4s ease-out} .switcher-box h4 {color:#292929;font-family:'Raleway',sans-serif;font-size:15px;margin-top:0;text-align:center;text-transform:uppercase;margin-bottom:10px;font-weight:bold} .switcher-box .colors-list {margin:0 0 0 -4px} .switcher-box .colors-list li {display:inline-block;font-size:0;list-style:none;margin:0 4px} .switcher-box .colors-list li a {width:25px;cursor:pointer;height:25px;display:block} .switcher-box .colors-list li a.default {background-color:#9c3} .switcher-box .colors-list li a.red {background-color:#c74041} .switcher-box .colors-list li a.lightblue {background-color:#00d3f9} .switcher-box .colors-list li a.gray {background-color:#9bb5ac} .switcher-box .colors-list li a.coffee {background-color:#998675} .switcher-box .colors-list li a.green {background-color:#9c3} .switcher-box .colors-list li a.orange {background-color:#f60} .switcher-box .colors-list li a.wisteria {background-color:#9b59b6} .switcher-box .colors-list li a.mblue {background-color:#7a8d9a} .switcher-box .colors-list li a.greensea {background-color:#1abc9c} .switcher-box .open-switcher {position:absolute;right:-50px;top:-1px;width:50px;border-radius:0;border:0 none;padding:0;height:50px;background:#ddd} .switcher-box .open-switcher i {text-align:center;line-height:50px;cursor:pointer;font-size:25px;color:#292929;display:block} .switcher-massage {font-size:12px;line-height:15px;color:808080;margin:10px 0 0} #loader {position:fixed;background:#fff;top:0;left:0;width:100%;height:100%;z-index:9999999999} .square-spin {position:absolute;top:50%;left:50%;margin-left:-40px;margin-top:-40px} .square-spin img {max-width:64px} .big-title {font-family:'Raleway',sans-serif;font-size:60px;color:#fff !important;text-transform:uppercase} .medium-title {color:#fff;font-family:'Roboto',sans-serif;font-size:22px;line-height:30px;font-weight:300} .mr {margin-right:10px} .navbar {margin-bottom:0;padding:0 15px} .navbar li {color:#666} .fixed-top {box-shadow:0 3px 6px 3px rgba(0,0,0,0.06);-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;animation-name:fadeInDown} .nav-bg {background:#fff} .dropdown-menu {-webkit-animation:fadeInUpMenu 0.4s;animation:fadeInUpMenu 0.4s} @-webkit-keyframes fadeInUpMenu {0% {opacity:0 }100% {opacity:1 }} @keyframes fadeInUpMenu {0% {opacity:0;transform:translateY(10px) }100% {opacity:1;transform:translateY(0) }} .fadeInUpMenu {-webkit-animation-name:fadeInUpMenu;animation-name:fadeInUpMenu} #main-menu ul .dropdown .dropdown-menu {padding:0;border-radius:0;left:0;right:0;margin-top:0;width:220px;border:none;box-shadow:0 6px 12px rgba(0,0,0,0.175)} #main-menu ul .dropdown .dropdown-menu a {font-size:13px;color:#666;display:block;height:auto;padding:12px 20px 13px;margin:0;line-height:16px;font-weight:400;border-top:1px solid #e2e6e7;transition:all 0.3s ease-in-out 0s} #main-menu ul .dropdown .dropdown-menu a:hover {background:transparent;transition:all 0.3s ease-in-out 0s} #main-menu ul .dropdown .dropdown-menu >li >a:focus {background:transparent} #main-menu ul .dropdown .dropdown-menu >li.active >a {background:transparent} #main-menu ul .dropdown .sub-menu {top:-2px;left:100% !important;padding:0;border:none;-webkit-animation:MenuFadeIn 0.4s;animation:MenuFadeIn 0.4s} #main-menu ul .dropdown .open >a {background:transparent} #main-menu ul .dropdown .open >a:hover {background:transparent} #main-menu ul .dropdown-toggle::after {display:none} #main-menu ul >li >a {background:transparent !important;color:#333;position:relative;padding:28px 20px;font-weight:400;line-height:18px;text-transform:uppercase} #main-menu .dropdown .dropdown-menu a .active {background:transparent;transition:all 0.3s ease-in-out 0s} #main-menu .dropdown .open >a:focus {background:transparent} #main-menu .dropdown .open >a.active {background:transparent} @-webkit-keyframes MenuFadeIn {0% {opacity:0 }100% {opacity:1 }} @keyframes MenuFadeIn {0% {opacity:0 }100% {opacity:1 }} ul.contact-info2 {list-style:outside none none;margin-top:20px;padding:0} ul.contact-info2 i.fa {margin-right:10px} ul li >ul {padding:0;border-style:solid;border-width:4px 0 0 0;border-radius:0;left:0;right:0;border-color:transparent} ul li >ul >li >a {color:#666;padding:10px 0 10px 15px;margin:5px 0} ul li >ul >li >a:hover {background:#ecf0f1} ul li >ul >li >a .active {background:#ecf0f1} ul li >ul >li.active >a {background:#ecf0f1} ul.nav-tabs li {float:left;margin-top:0} ul.nav-tabs li a {border:medium none !important;color:#a0a0a0;font-size:16px;font-weight:400;line-height:18px;margin-bottom:10px;padding:10px 15px;text-transform:uppercase} .top_search_con {background:#fff;height:38px;border-radius:50px;position:relative;width:100%} .top_search_con input[type="text"] {background:none !important;border:1px solid #e2e6e7;height:100%;width:100%;padding:1px 20px 0 40px;color:#818b8d;font-size:12px;outline:none;border-radius:50px;transition:all 0.4s ease-in-out} .top_search_con input:focus {background:none !important;border:1px solid #e2e6e7;height:100%;width:100%;padding:1px 20px 0 40px;color:#818b8d;font-size:12px;outline:none;border-radius:50px;transition:all 0.4s ease-in-out} .top_search_icon {color:#e64a4a;font-size:14px;left:15px;position:absolute;top:7px} .service-item {text-align:center} .service-item .icon-wrapper {font-size:40px;margin-bottom:30px} .service-item .icon-wrapper i {display:block;margin:0 auto} .service-item h2 {font-size:22px;margin-bottom:15px;transition:all 0.4s ease-in-out} .service-item p {font-size:13px} .service-item:hover .pulse-shrink {-webkit-animation-name:pulse-shrink;animation-name:pulse-shrink;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate} @-webkit-keyframes pulse-shrink {to {transform:scale(0.9) }} @keyframes pulse-shrink {to {transform:scale(0.9) }} .pulse-shrink {display:inline-block} .split {background-color:#f6f6f6} .split .lead {font-size:14px} .split .details-list {margin-top:36px} .split .details-list h3 {font-size:16px;font-weight:300} .split h2.title {font-size:28px;text-transform:uppercase;margin:10px 0 20px} .featured-box {margin-top:15px;margin-bottom:15px} .featured-box .featured-icon {float:left;margin-top:5px} .featured-box .featured-icon i {font-size:28px;text-align:center;float:left;margin-right:25px;margin-bottom:85px;display:block} .featured-box .featured-content {padding-left:40px} .featured-box .featured-content h4 {font-size:22px;margin-bottom:10px;transition:all 0.4s ease-in-out} .featured-box .featured-content p {font-size:13px} #portfolios {background:#f6f6f6} #portfolios .picture-item {padding:0} .controls {text-align:center;padding:20px} .controls a:hover {cursor:pointer} #portfolio-list {margin-top:15px;display:inline-block} .portfolio-img {overflow:hidden;display:block;position:relative} .portfolio-img img {width:100%} .portfoli-content {width:100%;position:absolute;height:100%;opacity:0;top:0;transition:opacity 0.8s cubic-bezier(0.19,1,0.22,1)} .portfoli-content:before {background-color:rgba(255,255,255,0.8);top:15px;left:15px;bottom:15px;right:15px;content:'';position:absolute;transform:scale(0.8);transition:all 400ms ease} .sup-desc-wrap {display:table;width:100%;height:100%} .sup-desc-wrap .sup-desc-inner {display:table-cell;text-align:center;vertical-align:middle;padding:0 35px} .sup-desc-wrap .sup-link {margin-bottom:20px} .sup-desc-wrap .sup-link .left-link {font-size:14px;line-height:normal;outline:none;border-radius:50%;color:#fff;width:42px;height:42px;opacity:0;line-height:42px;text-align:center;display:inline-block;transform:translateY(-50px);margin-right:5px;transition:all 400ms ease} .sup-desc-wrap .sup-link .right-link {font-size:14px;line-height:normal;outline:none;border-radius:50%;color:#fff;width:42px;height:42px;opacity:0;line-height:42px;text-align:center;display:inline-block;transform:translateY(-50px);margin-right:5px;transition:all 500ms ease} .sup-desc-wrap .sup-link a:hover {background:transparent} .sup-desc-wrap .sup-meta-wrap .sup-title {display:block;outline:none;margin-bottom:10px;transform:scale(0);opacity:0;transition:all 0.5s ease} .sup-desc-wrap .sup-meta-wrap .sup-title h4 {font-size:18px;color:#000;line-height:22px;text-transform:uppercase;font-weight:300} .sup-desc-wrap .sup-meta-wrap .sup-description {font-size:13px;line-height:18px;color:#666;text-align:center;transform:translateY(40px);opacity:0;transition:all 0.5s ease} .loadmore-button {text-align:center;text-transform:uppercase;margin-top:30px;color:#000} .loadmore-button .btn {padding:14px 35px} #other-services {background:#fff} #other-services .nav-tabs {border-bottom:none;float:left;display:table-cell;vertical-align:top} #other-services .nav-tabs li {float:none} #other-services .nav-tabs li a {border:none;background:transparent;margin:0;padding:0} #other-services .nav-tabs li a i {background:#81868e;font-size:20px;text-align:center;color:#fff;float:left;width:50px;border-radius:50%;height:50px;line-height:50px;margin:10px 0;cursor:pointer;transition:all 0.5s ease} #other-services .tab-content {margin:10px 0 0 80px} #other-services .service-content h3 {font-size:20px;margin-bottom:25px;text-transform:uppercase} #other-services .service-content p {font-size:14px} #other-services .service-content p.lead {font-size:16px;line-height:28px;margin-bottom:25px} #other-services .other-service-item {padding-bottom:30px} #other-services .other-service-item .icon {float:left} #other-services .other-service-item .icon .icon-medium {background:#e64a4a;font-size:24px;text-align:center;color:#fff;float:left;width:70px;border-radius:50%;height:70px;line-height:70px;margin:12px 0;cursor:pointer;transition:all 0.5s ease} #other-services .other-service-item .service-content {padding-left:100px} #other-services .other-service-item .service-content h3 {font-size:24px;clear:inherit} #other-services .other-service-item .service-content p {padding:0 36px 0 0} #other-services .other-service-item:hover .icon-medium {transform:rotateY(360deg);transition:all 0.6s linear;background:#666} #other-services img {max-width:100%;padding:22px} .progress {background:#f5f5f5;height:10px;margin:0 0 20px;position:relative;width:100%} .progress-bar {float:left;height:100%;font-size:12px;color:#fff;border:1px solid #fff;text-align:center;box-shadow:none;transition:all 0.6s linear;position:relative} #pricing .section-title {color:#fff} #pricing .section-subcontent {color:#fff} .pricing-table-1 {background:#fff;margin:0 15px} .pricing-table-1 .table-header {padding:30px 0;color:#fff} .pricing-table-1 .table-header h3 {font-size:30px;font-weight:400} .pricing-table-1 .plan {border-bottom:1px solid rgba(189,195,199,0.5)} .pricing-table-1 .plan .price {font-size:24px} .pricing-table-1 .plan .period {font-size:18px;color:#999;text-transform:uppercase} .pricing-table-1 .plan-info {margin-top:30px} .pricing-table-1 .plan-info p {color:#bdc3c7;font-size:16px;line-height:30px} .pricing-table-1 .button-area {padding:30px 0 45px} #pricing-block-x {background:#ecf0f1} .pricing-table-x {background:rgba(0,0,0,0.7);margin:0 15px;padding:15px 30px} .pricing-table-x .table-header {padding:15px 0;color:#fff} .pricing-table-x .table-header h3 {font-size:30px;font-weight:400} .pricing-table-x .plan .price {font-size:30px} .pricing-table-x .plan .period {font-size:18px;color:rgba(231,76,60,0.7);text-transform:uppercase} .pricing-table-x .plan-info {margin-top:30px} .pricing-table-x .plan-info p {color:#fff;font-size:16px;line-height:16px} .pricing-table-x .plan-info p i {margin-right:5px} .pricing-table-x .button-area {padding:30px 0 40px} #cool-facts {width:100%;height:100%} #cool-facts .section-title {color:#fff} #cool-facts .section-subcontent {color:#fff} #cool-facts .facts-item {text-align:center;padding-bottom:30px} #cool-facts .facts-item i {font-size:45px;width:100px;height:100px;line-height:100px;border-radius:50%} #cool-facts .fact-count h3 {color:#fff;font-weight:300;font-size:42px} #cool-facts .fact-count h4 {color:#fff;font-size:22px} #notice {background:#f6f6f6} #notice .notice-button {margin-top:30px} #notice h4 {font-size:40px} #notice p {font-size:24px;color:#999;margin-top:15px} #notice .notice-content {padding:30px} #clients .client-item-wrapper {text-align:center;border:1px solid #ddd;padding:30px;margin:0 5px;transition:all 0.6s ease} #clients #clients-scroller img {opacity:0.5;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:gray;filter:gray;transition:all 0.6s ease} #clients #clients-scroller img:hover {-webkit-filter:grayscale(0%);filter:grayscale(0%);transition:all 0.6s ease;opacity:1} #clients #clients-scroller .owl-pagination {display:none} #testimonial {background:#fff} #testimonial .testimonial-inner {text-align:center;padding:10px 30px;border:1px solid #ddd;margin:5px;transition:all 0.25s ease-in-out} #testimonial .testimonial-images {margin-bottom:20px} #testimonial .testimonial-images img {width:70px;height:70px;margin:0 auto;padding:5px;box-shadow:0 0 3px #ddd} #testimonial .testimonial-footer {font-size:12px;font-weight:600} #testimonial .testimonial-footer i {margin-right:5px} #testimonial .testimonial-footer a {color:#aaa;margin-left:3px;font-weight:300} #testimonial .owl-pagination {margin-top:30px} #testimonial .owl-pagination .owl-page span {border-radius:4px;width:8px;height:8px;background:none;opacity:0.5} #testimonial .owl-pagination .owl-page.active span {opacity:1} #testimonial .testimonial-content p {line-height:25px;margin-bottom:15px} #blog {background:#f6f6f6} #blog .blog-item-wrapper {background:#fff;box-shadow:0 1px 1px #ddd;padding:15px;transition:all 0.25s ease-in-out} #blog .blog-item-wrapper:hover {box-shadow:0 0 40px #ddd} #blog .blog-item-img {position:relative} #blog .blog-item-img img {width:100%} #blog .blog-item-text {margin-top:15px} #blog .blog-item-text h3 {font-size:18px;line-height:30px} #blog .blog-item-text h3 a {color:#555} #blog .blog-item-text .blog-one-footer {padding:10px 0 0;border-top:1px dashed #ddd} #blog .blog-item-text .blog-one-footer a {font-size:12px;padding-right:15px;color:#999} #blog .blog-item-text .blog-one-footer i {margin-right:5px} #team .team-item figure {position:relative;overflow:hidden;width:100%;margin:0} #team .team-item figure img {width:100%;height:auto} #team .team-item figure figcaption {height:100%;position:absolute;top:0;background:rgba(0,0,0,0.85);opacity:0;width:100%;transition:opacity 0.8s cubic-bezier(0.19,1,0.22,1)} #team .team-item figure figcaption .details {position:absolute;top:30%} #team .team-item figure figcaption .content-white {font-size:13px;text-align:center;color:#fff;margin:0 auto;line-height:18px;width:65%;transform:translateY(-50px);transition:all 0.5s ease} #team .team-item figure figcaption .orange-line {margin:12px auto 6px;width:0;height:1px;transition:all 0.5s ease} #team .team-item figure:hover figcaption {opacity:1} #team .team-item figure:hover figcaption .content-white {transform:translateY(0px)} #team .team-item figure:hover .orange-line {width:62px} #team .team-item figure:hover .social a {transform:translateY(0px)} #team .team-item .social {text-align:center;margin-top:15px} #team .team-item .social .facebook {font-size:14px;line-height:normal;outline:none;border-radius:50%;color:#fff;width:42px;height:42px;line-height:42px;text-align:center;display:inline-block;transform:translateY(50px);margin-right:5px;transition:all 400ms ease} #team .team-item .social .twitter {font-size:14px;line-height:normal;outline:none;border-radius:50%;color:#fff;width:42px;height:42px;line-height:42px;text-align:center;display:inline-block;transform:translateY(50px);margin-right:5px;transition:all 500ms ease} #team .team-item .social .google-plus {font-size:14px;line-height:normal;outline:none;border-radius:50%;color:#fff;width:42px;height:42px;line-height:42px;text-align:center;display:inline-block;transform:translateY(50px);margin-right:5px;transition:all 600ms ease} #team .team-item .social a:hover {background:transparent} #team .info {background:#f6f6f6;padding:15px 0 1px;text-align:center} #team .info h2 {color:#000;font-size:18px} #team .info p {color:#000;font-size:12px;font-weight:300;line-height:22px;text-transform:uppercase} .orange-line {margin:12px auto 6px;width:52px;height:1px} #error-404 {background:#ecf0f1;padding:36px} #error-404 h1 {font-size:120px} #error-404 h3 {font-size:40px;margin-bottom:30px} #content {padding-top:30px;padding-bottom:30px;min-height:600px} #contact .contact-info-wrapper {margin-top:-60px} #contact .contact-info-wrapper .contact-item-wrapper i {padding:15px;width:64px;height:64px;border-radius:50%;color:#fff} #contact .map {position:relative} #contact .contact-info {background:#666;color:#fff;padding:30px 0} #contact .contact-form-wrapper {background-size:cover} #contact .form-control {margin-bottom:45px;background:transparent;color:#fff} #contact2 .contact-info-wrapper {margin-top:-10px} #contact2 .contact-info-wrapper .contact-item-wrapper {padding:15px 30px} #contact2 .contact-info-wrapper .contact-item-wrapper i {color:#fff;float:left;padding:8px 15px;font-size:24px} #contact2 .contact-info-wrapper .contact-item-wrapper h4 {line-height:40px;color:#fff;font-size:16px;font-family:'Raleway',sans-serif;font-weight:300} #contact2 .form-control {margin-bottom:30px} footer#footer {background:#292929;color:#7c7c7c} footer#footer .small-title {margin-bottom:30px;color:#fff} footer#footer ul {padding:0;margin:0;list-style:none} footer#footer ul li {line-height:25px} footer#footer ul li a {color:#999} footer#footer ul li.tweet {margin-bottom:15px} footer#footer ul li.tweet .fa-twitter {padding:5px;color:#fff;border-radius:100%;width:24px;height:24px} footer#footer ul li.tweet .tweet-date {font-size:12px;font-style:italic;color:#bdc3c7} footer#footer .plain-flicker-gallery {margin-right:-5px;margin-left:-5px} footer#footer .plain-flicker-gallery a {display:inline-block;width:32%;font-size:0;padding:5px;transition:all 0.3s ease} footer#footer .plain-flicker-gallery a:hover {opacity:0.7} footer#footer .plain-flicker-gallery a img {width:100%} footer#footer #copyright {background:#1d1d1d} footer#footer #copyright .row {padding:15px 0} footer#footer #copyright .copyright-text {margin-top:15px} footer#footer #copyright .nav-inline {margin-top:15px} footer#footer .contact-us .form-control {color:#999;font-size:14px;background:#1d1d1d;border-radius:0;border:1px solid transparent;transition:all 0.3s ease} footer .footer-widget .nav li a::before {content:"";display:inline-block;font-family:FontAwesome;margin-right:10px;font-size:0.8rem} .panel-default .panel-heading {border:medium none;border-radius:0;outline:medium none;padding:0;width:100%} .panel-default .panel-heading a {color:#fff;display:inline-block;font-weight:500;padding:12px 35px 12px 15px;position:relative;text-decoration:none;width:100%;font-size:20px} .panel-default .panel-heading a i {font-size:22px;padding-right:10px} .panel-default .panel-heading a::after {color:#fff;content:"";font-family:FontAwesome;font-size:22px;font-weight:300;line-height:1;margin-top:-10px;position:absolute;right:15px;top:50%} .panel-default .panel-heading .collapsed::after {content:""} .panel-default .panel-collapse .panel-body {background-color:#fafafa;padding:15px} .alignleft {display:inline;float:left;margin-right:1.5em} #default-tab ul.nav-tabs {border-bottom:1px solid #f1f1f1;margin-bottom:10px;padding-bottom:5px} #default-tab ul.nav-tabs >li a.active::before {bottom:-14px;content:"";height:3px;left:0;position:absolute;width:100%} #default-tab .nav-tabs >li >a.active {border:0 none;position:relative} #default-tab .nav-tabs >li a.active:focus {border:0 none;position:relative} #default-tab .nav-tabs >li a.active:hover {border:0 none;position:relative} #default-tab a.nav-link {background:none} #vertical-tab .nav-tabs {display:table-cell;vertical-align:top} #vertical-tab .nav-tabs li {float:none;margin:0} #vertical-tab .tab-content {display:table-cell;vertical-align:top;padding:0 25px} #vertical-tab .tab-pane p {line-height:25px} #vertical-tab ul.nav-tabs {border:1px solid #b9b9b9 !important;padding-right:0;border:0 none} #vertical-tab ul.nav-tabs li a {text-align:center;text-transform:uppercase;margin:0;padding:20px 40px;white-space:nowrap;width:100%;border-radius:0;background:#eee;color:#676767;border-bottom:3px solid #b9b9b9 !important} #vertical-tab ul.nav-tabs li a .fa {display:block;font-size:27px;margin-bottom:10px;text-align:center} #vertical-tab ul.nav-tabs li a.active {background:#fff none repeat scroll 0 0;color:#202020} #tab-with-icon .nav-tabs {border-bottom:medium none;float:left;display:table-cell;vertical-align:top} #tab-with-icon .nav-tabs li {float:none} #tab-with-icon .nav-tabs li a {background:transparent none repeat scroll 0 0;border:medium none;margin:0;padding:0} #tab-with-icon .nav-tabs li a i {background:#81868e none repeat scroll 0 0;border-radius:50%;color:#fff;cursor:pointer;float:left;font-size:25px;height:70px;line-height:70px;margin:0 0 20px;text-align:center;transition:all 0.5s ease 0s;width:70px} #tab-with-icon .tab-content {margin:20px 0 0 100px} #tab-with-icon h3 {font-size:20px;margin-bottom:25px;text-transform:uppercase} #tab-with-icon p.lead {font-size:16px;line-height:28px;margin-bottom:25px} .outline-buttons-area {background:#fafafa;padding:50px 0} .block-button-area {background:#fafafa;padding:50px 0} .animated-progress-area {background:#fafafa;padding:50px 0} #testimonial-dark .testimonial-inner {background:#333 none repeat scroll 0 0;border:1px solid #c1c1c1} #testimonial-dark .testimonial-images img {box-shadow:0 0 3px #fff} #testimonial-dark .testimonial-content p {color:#fff} .single-testimonial-area {position:relative;width:100%;padding:100px 0} .single-testimonial-area:before {background:rgba(51,51,51,0.8);position:absolute;width:100%;height:100%;top:0;bottom:0;content:"";display:block} .single-testimonial-area h3 {color:#fff;font-weight:500;text-align:center;text-transform:uppercase} .single-testimonial-area p {color:#fff;text-align:center} #single-testimonial-item .testimonial-inner {padding:80px;position:relative} #single-testimonial-item .testimonial-inner blockquote {color:#fff;font-size:14px;position:relative} #single-testimonial-item .testimonial-footer {color:#fff;padding-top:15px} #single-testimonial-item .testimonial-inner::before {color:#fff;content:"";font-family:fontawesome;font-size:45px;left:25px;position:absolute;top:70px} #single-testimonial-item .testimonial-inner::after {background:rgba(51,51,51,0.6) none repeat scroll 0 0;border-radius:5px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1;border:1px solid #ddd} #single-testimonial-item .testimonial-images img {box-shadow:0 0 3px #ddd;height:90px;margin:0 auto;padding:5px;width:90px} .blog-post-wrapper {border:1px solid #eee;margin-bottom:50px} .blog-post-wrapper.format-qoute {border:none !important} .blog-post-wrapper .format-video iframe {min-height:350px;width:100%} .blog-post-wrapper .format-audio iframe {height:200px;width:100%} .author-info {padding:20px} .blog-post-content {padding:20px} .blog-post-content h2.blog-post-title {font-size:26px;font-weight:600;line-height:26px;text-transform:capitalize;margin-bottom:20px} .blog-post-content blockquote.blockquote p {color:#999;font-size:16px;font-weight:500} .blog-post-content blockquote.blockquote a {font-size:15px;font-style:italic;float:right} .blog-post-footer {padding:20px;border-top:1px solid #eee} .blog-post-footer ul.post-meta {list-style:outside none none} .blog-post-footer ul.post-meta li {float:left;margin-right:10px;margin-top:10px;width:100px} .blog-post-footer ul li a {background:#fff none repeat scroll 0 0;display:block;font-size:10px;line-height:28px;padding:4px 15px;text-transform:uppercase;transition:all 0.3s ease-in-out} .blog-post-footer ul li a:hover {color:#fff;transition:all 0.3s ease-in-out} .blog-pagination {text-align:center} .blog-pagination nav ul.pagination li.page-item a {border-radius:0;margin-right:15px !important;color:#333} .blog-pagination nav ul.pagination li.page-item a:hover {color:#fff} .blog-pagination nav ul.pagination li.page-item a:focus {color:#fff} .blog-pagination nav ul.pagination li.page-item.active a {color:#fff} .sidebar-area .widget {margin-bottom:60px} .sidebar-area .search-bar {position:relative} .sidebar-area .search-bar .form-control {border-radius:0;color:#333 !important;font-size:13px;height:46px} .sidebar-area .search-bar button {background-color:transparent;border:0 none;height:46px;position:absolute;right:0;top:0;width:40px} .sidebar-area .search-bar button .fa {color:#333} .widget ul {list-style:outside none none;padding-left:0} .widget.popular-post h4 {font-size:16px} .widget.popular-post ul li {margin-bottom:20px} .widget.popular-post .media-left img {width:48px;height:48px} .widget.tag-cloud li {float:left;margin-bottom:5px;margin-right:5px} .widget.tag-cloud a {color:#fff;display:block;font-size:10px;font-weight:600;line-height:28px;padding:0 11px;transition:all 0.3ms ease-in-out} .widget.tag-cloud a:hover {opacity:0.8;transition:all 0.3ms ease-in-out} .widget.subscribe-widget .form-control {font-size:14px;height:42px;padding:10px;width:255px} .category-menu a {color:#333;font-size:15px;transition:all 0.2s} .category-menu a .fa {padding-right:5px;transition:all 0.2s} .category-menu a:hover .fa {padding-right:10px;transition:all 0.2s} .category-menu li {border-bottom:1px solid #333;padding:10px 0} .blog-post blockquote {margin:40px 0} .blog-post h3 {margin-top:30px} .blog-post >p {line-height:29px} .blog-post img {width:100%} .blog-post pre {background:#eee none repeat scroll 0 0;margin:20px 0} .blog-post ul li {font-size:15px;padding:6px 0;font-weight:600} .blog-post ol li {font-size:15px;padding:6px 0;font-weight:600} .nav-link {padding:0} .testimonial-footer .fa {padding-right:6px} .testimonial-footer a {padding-left:5px} .about-author-section {border:1px solid #eee} .about-author-section .media {padding:20px} .about-author-section .media .media-body {padding-left:10px} .about-author-section .media .media-body p {line-height:28px} .about-author-section .author-footer {border-top:1px solid #eee;padding:20px} .similar-post img {width:100%} .similar-post h2 {font-size:16px;font-weight:600;line-height:28px;margin-top:10px} .no-pdl {padding-left:0 !important} .comments-area ul {padding-left:0} .comments-area .media {margin-top:40px} .comments-area .media.reply {background:#e5f7fd none repeat scroll 0 0;padding:20px;border-radius:4px} .comments-area .media-body {padding-left:10px} .new-comment .btn {font-size:16px;padding:13px 30px} .new-comment .form-group .form-control {background:#f2f2f2 none repeat scroll 0 0;border-radius:0;color:#333 !important;font-size:15px;padding:12px} .cta-section {width:100%;position:relative;z-index:2} .cta-section::before {position:absolute;width:100%;height:100%;top:0;left:0;content:"";background-color:rgba(51,51,51,0.9);z-index:0} .cta-area {display:table;width:100%;height:150px} .cta-content {display:table-cell;vertical-align:middle} .cta-content h2 {color:#fff;font-size:38px;font-weight:400;line-height:38px} .cta-content p {color:#fff;font-size:18px;line-height:28px;padding-top:10px} .cta-content .btn {font-size:16px;margin-top:15px;padding:13px 24px;text-transform:uppercase} .page-header-section {width:100%} .page-header-area {display:table;height:80px;width:100%;padding:20px 0} .page-header-content {display:table-cell;vertical-align:middle} .page-header-content h2 {color:#fff;font-size:36px;font-weight:600;text-transform:capitalize} .page-header-content h4 {color:#fff;font-size:36px;font-size:1.6rem;text-transform:capitalize} .page-header-content p {color:#fff;font-style:italic;text-transform:capitalize} #google-map-shortcode {padding:0;height:400px} #google-map-contact {padding:0;height:300px} #google-map-contact2 {padding:0;height:200px} .error-section h1 {color:#ff2a40;font-size:10rem} .error-section h4 {text-transform:capitalize} .contact-title-text h2 {font-size:50px} .contact-title-text p {font-size:18px;margin-top:15px} .contact-widget {margin-bottom:30px} .contact-widget h2 {margin-bottom:20px} .contact-widget address {line-height:45px} .contact-widget.office-location span {font-weight:600} .service2-single-service {text-align:center;margin:20px 0} .service2-single-service .fa {border-radius:50%;color:#fff;font-size:23px;height:75px;line-height:75px;margin-bottom:20px;width:75px} .service2-single-service h2 {font-size:20px;text-transform:uppercase} .service2-single-service p {font-size:13px} .pricing-table2 {padding:15px 30px} .single-pricing-2 {border:1px solid #ddd} .single-pricing-2 .plan-name {color:#999;display:block;font-size:24px;font-weight:700;line-height:30px;padding:20px 0} .single-pricing-2 .plan-name small {display:block;font-size:12px;font-weight:700;line-height:normal} .single-pricing-2 .plan-price {background:#f2f2f2 none repeat scroll 0 0;font-size:48px;margin-bottom:30px;padding:30px 0;text-align:center} .single-pricing-2 .plan-price .currency {font-size:50%;font-weight:700;left:-0.01em;top:-0.9em} .single-pricing-2 .plan-price sub {font-size:18px;font-weight:700} .single-pricing-2 ul {background:#fff none repeat scroll 0 0;margin-bottom:0;padding:0} .single-pricing-2 ul li {border-top:1px dashed #ddd;font-weight:500;padding:12px 29px;text-align:center} .single-pricing-2 ul li:first-child {border-top:0} .pricing2-button {padding:20px 0;text-align:center} .pricing2-button .btn {padding:12px 55px;text-transform:uppercase} #roof {background:#3b3b3b} .roof-content {display:table;height:60px;width:100%} .roof-middle {display:table-cell;vertical-align:middle} @media only screen and (min-width:768px) and (max-width:991px) {#carousel-area img {height:100% }#carousel-area .carousel-item .carousel-caption h2 {font-size:50px }#carousel-area .carousel-item .carousel-caption h3 {font-size:20px }.top_search {display:none }.section-title {font-size:24px !important }footer .plain-flicker-gallery a {width:31% }footer ul li.tweet {font-size:12px !important }#copyright p {font-size:10px !important }#copyright a {font-size:10px !important }.single-pricing-2 .btn {padding:10px 15px;font-size:10px }.single-pricing-2 .plan-price {font-size:35px }.single-pricing-2 .plan-name {font-size:18px }.single-pricing-2 ul li {font-size:12px }.btn-lg {padding:12px 20px }.btn-md {padding:12px 14px }.widget.popular-post h4 {font-size:12px }.widget.tag-cloud a {font-size:8px }#main-menu ul >li >a {font-size:13px;font-weight:400;padding:28px 10px }#main-menu ul .dropdown .dropdown-menu a {border-top:1px solid #e2e6e7;color:#666;display:block;font-size:12px;font-weight:400;height:auto;line-height:16px;padding:9px 19px 7px;transition:all 0.3s ease-in-out 0s }.service-item h2 {font-size:15px !important }.pricing-table-x .plan-info p {font-size:12px }#team .team-item .social .facebook {font-size:8px;height:25px;line-height:25px;width:25px }#team .team-item .social .twitter {font-size:8px;height:25px;line-height:25px;width:25px }#team .team-item .social .google-plus {font-size:8px;height:25px;line-height:25px;width:25px }#team .team-item figure figcaption .content-white {font-size:9px;line-height:12px;width:60% }.footer-widget p {font-size:12px }.social-footer a .fa {height:25px;line-height:25px;width:25px }ul.nav-tabs li a {font-size:11px }.pricing-table h3 {font-size:24px !important }.sup-desc-wrap .sup-meta-wrap .sup-description {display:none }.portfolio-meta ul li {font-size:10px }.portfolio-meta ul li span {font-size:10px;width:78px }span.published-time {font-size:10px }.flickr-widget .plain-flicker-gallery a img {width:31% }} @media (max-width:767px) {#main-menu {clear:both;width:100% }#main-menu ul .dropdown .dropdown-menu {width:100%;-webkit-box-shadow:none;box-shadow:none }#main-menu ul >li >a {font-size:12px !important;padding:18px 10px }#main-menu ul >.dropdown:hover >ul.dropdown-menu {webkit-animation:none;-webkit-animation:none;animation:none;-webkit-transition:none;-o-transition:none;transition:none }#roof {display:none }.footer-widget {margin-bottom:40px }.btn-lg {font-size:10px;padding:10px 16px;text-transform:uppercase }.section-title {font-size:18px }.section-subcontent {font-size:12px;line-height:17px }.controls {padding:0 }.pricing-table-x {margin:20px 15px }.pricing-table-x .button-area {padding:14px 0 40px }.pricing-table-x .table-header h3 {font-size:18px }.service2-single-service .fa {font-size:18px;height:45px;line-height:45px;width:45px }.service2-single-service h2 {font-size:15px }.service2-single-service p {font-size:11px }.images {text-align:center }.about2-intro-image {margin-bottom:10px }.single-testimonial-area h3 {font-size:18px;line-height:25px }.single-testimonial-area p {font-size:12px }.section {padding:40px 30px }.page-header-area {height:86px }.cta-content h2 {font-size:20px;line-height:32px }.cta-content p {font-size:12px;line-height:18px;padding-top:5px }.cta-content .btn {font-size:12px;margin-top:0;padding:7px 12px }#google-map-contact {height:200px;padding:0 }.section-padding {padding:60px 0 }.contact-title-text h2 {font-size:30px }.contact-title-text p {font-size:14px }.contact-widget h2 {margin-bottom:10px;font-size:20px }.contact-widget address {line-height:35px;font-size:12px }.error-section h1 {font-size:4rem }.error-section h4 {font-size:16px }#vertical-tab .nav-tabs {vertical-align:top;display:inherit }#vertical-tab .tab-content {vertical-align:top;display:inherit }#vertical-tab p {font-size:13px;line-height:23px !important }#vertical-tab ul.nav-tabs {margin-bottom:20px }#vertical-tab ul.nav-tabs li a {font-size:12px;padding:12px 40px }.blog-post-footer ul li a {padding:4px 12px }.blog-post-footer a.btn {margin-top:10px }iframe {height:200px !important }.search-bar {margin-top:40px }.about-author-section .media-left {display:block !important;text-align:center }.about-author-section .media .media-body {padding-left:10px;text-align:center;padding-top:20px }.comments-area .media-left {display:block;margin-bottom:5px;text-align:center }.comments-area .media-right {display:block;margin-bottom:5px;text-align:center }.comment-author {margin:10px 0 }.page-header-content h2 {text-align:center;font-size:28px }.page-header-content h4 {text-align:center }.page-header-content p {text-align:center }.dropdown-menu {-webkit-animation:none;animation:none }.navbar {padding:15px }.nav-inline .nav-item + .nav-item {margin-left:0;float:none }nav.navbar.navbar-light {min-height:73px }nav.navbar.navbar-light button.navbar-toggler {border-radius:0 !important }nav.navbar.navbar-light ul.nav-inline {max-height:350px;overflow-x:scroll;margin-top:20px }nav.navbar.navbar-light ul.nav-inline .nav-item {display:block }.carousel-item >img {height:100% !important }#carousel-area .carousel-item .carousel-caption h2 {font-size:20px;font-weight:600 }#carousel-area .carousel-item .carousel-caption h3 {font-size:16px }#portfolio a.filter {font-size:10px;margin:5px;padding:5px 11px }.plan-info >p {font-size:12px !important }.split h2.title {font-size:16px;line-height:24px }#other-services .service-content p {font-size:12px }#other-services .service-content p.lead {font-size:12px;line-height:28px;margin-bottom:7px }#default-tab li.nav-item a.nav-link {padding:5px;font-size:12px }#round-tab ul li a {font-size:12px;padding:6px !important }.shortcode-buttons-area .col-md-3 {margin:30px 0 }.shortcode-pie-skill-area .col-md-6 {margin:30px 0 }.single-portfolio-area .small-title {margin-top:30px }.portfolio-controls ul li a.btn {padding:5px 30px }.featured-wrapper img {height:200px }ul.pagination a.page-link {font-size:10px;padding:5px }.sidebar-area .widget {margin-bottom:30px }.author-footer .fa {font-size:18px !important;height:35px !important;line-height:35px !important;width:35px !important }.commentor-info >p {font-size:13px;line-height:23px }} @media (min-width:768px) and (max-width:991px) {#carousel-area .carousel-item {height:300px }#carousel-area .carousel-item .carousel-caption {top:25% }#carousel-area .carousel-item .carousel-caption h2 {font-size:28px }#carousel-area .carousel-item .carousel-caption h3 {font-size:16px }#carousel-area .carousel-item .carousel-caption .btn {margin:auto;font-size:12px;margin-top:10px;padding:10px 15px }#carousel-area .carousel-indicators {bottom:25px }.carousel-item >img {width:100% }} .breadcrumb {background-color:transparent;border-radius:0;padding:1.5rem 1rem;margin-bottom:0} .blog-post-gallery {padding:20px} .blog-post-gallery h4 {font-size:26px;font-weight:600;line-height:26px;text-transform:capitalize;margin-bottom:20px} .badge {border-radius:5px;color:#fff;padding:3px 6px;position:relative;left:6px;top:-10px;font-weight:normal} .badge:before {border-style:solid;border-width:5px;bottom:-5px;content:"";height:0;left:5px;position:absolute;z-index:-99999} .top-header-section {border-bottom:1px solid rgba(0,0,0,0.05)} .top-header-section .top-header-area {padding:3px 0} .top-header-section .top-header-area .row {padding:0} .top-header-section .top-header-area i {margin-right:3px} .picker-lang {display:inline-block} .picker-lang:not(:last-child):after {content:"|"} .language i {color:#8f8f8f;font-size:0.8rem} .language .picker-lang a {color:#8f8f8f;font-size:0.8rem} @media only screen and (max-width:767px) and (min-width:480px) {.page-header-content h4 {text-align:center }.page-header-content p {text-align:center }} @media (max-width:480px) and (min-width:320px) {.page-header-content h4 {text-align:center }.page-header-content p {text-align:center }} .input-group-btn button {padding:11px 20px} .input-group .form-control {border-radius:30px 0 0 30px} li.search {position:inherit;padding-right:10px} li.search .open-search {margin-right:0 !important} li.search .open-search i {font-size:13px} .sticky.is-sticky {position:fixed;left:0;right:0;top:0;z-index:1000;width:100%;box-shadow:0 3px 6px 3px rgba(0,0,0,0.06);-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;animation-name:fadeInDown} .nav-inline .nav-item + .nav-item {margin-left:0} .active.slicknav_collapsed {background:#eee} .slicknav_parent.slicknav_open {background:#eee} .top_search .top_search_submit {border:none;padding:0;position:absolute;width:20px;left:12px;opacity:0;top:9px} .portfolio-item:hover .portfoli-content {opacity:1;transform:scale(1)} .portfolio-item:hover .portfoli-content:before {opacity:1;transform:scale(1)} .portfolio-item:hover .sup-title {transform:scale(1);opacity:1} .portfolio-item:hover .sup-description {opacity:1;transform:translateY(0px)} .portfolio-item:hover .sup-link .right-link {opacity:1;webkit-transform:translateY(0px);transform:translateY(0px)} .portfolio-item:hover .sup-link .left-link {opacity:1;webkit-transform:translateY(0px);transform:translateY(0px)} .skill p {margin-bottom:10px;font-weight:600} #team-block-2 .team-member {padding-bottom:15px;margin-top:20px;border-bottom:5px solid transparent;transition:all 0.2s linear;background:#666;border-bottom:4px solid transparent} #team-block-2 .team-member .face {position:relative;width:100%;overflow:hidden} #team-block-2 .team-member .face img {width:100%;height:auto} #team-block-2 .team-member .member-info {text-align:center;padding:24px} #team-block-2 .team-member .member-info h3 {line-height:30px;font-size:30px;color:#fff} #team-block-2 .team-member .member-info .position {color:#999;font-size:16px;text-transform:uppercase;color:rgba(255,255,255,0.5)} #team-block-2 .team-member .member-info .social-team {margin-top:15px} #team-block-2 .team-member .member-info .social-team a {color:#3d566e;margin:0 4px;transition:all 0.2s linear} #team-block-2 .team-member .member-info .social-team a i {color:#fff;padding:7px;background:transparent;font-size:18px;line-height:28px;border:1px solid #fff;width:42px;height:42px;border-radius:50%;transition:all 0.2s linear} #team-block-2 .team-member .member-info .desc {margin-top:15px;color:#ecf0f1} #team-block-2 .team-member .member-info .social .fa-facebook:hover {background:#3b5998;color:#fff} #team-block-2 .team-member .member-info .social .fa-twitter:hover {background:#00d3f9;color:#fff} #team-block-2 .team-member .member-info .social .fa-google-plus:hover {background:#d23a1d;color:#fff} #team-block-2 .team-member .member-info .social .fa-linkedin:hover {background:#007bb6;color:#fff} #team-block-2 .team-member:hover {background:#777} #subscription .subscription-form .form-control {height:60px;font-size:24px;color:#999} #subscription .subscription-form .btn {padding:18px} .social-footer a .fa {font-size:14px;height:35px;line-height:35px;margin:4px;width:35px} .accordionSmall .panel-default .panel-heading a::after {content:""} .accordionSmall .panel-default .panel-heading .collapsed::after {content:""} #accordionRound .panel-default .panel-heading a {border-radius:8px 8px 0 0} .panel-transparent .panel-heading a {background:#f5f5f5;color:#000} .panel-image .panel-body img {padding-bottom:1px} #round-tab ul.nav-tabs {margin-bottom:10px} #round-tab ul li a {margin-bottom:0;padding:15px !important;text-transform:capitalize} #round-tab ul li a.active {border-bottom:0 none;border-image:none !important;margin-bottom:0} .grey-progress-bar .progress-bar {background:#e0e0e0 none repeat scroll 0 0} .skill-striped .progress-bar {background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px} .skill-animated .progress-bar {-webkit-animation:2s linear 0s normal none infinite running progress-bar-stripes;animation:2s linear 0s normal none infinite running progress-bar-stripes} #color-client-scroller .client-item-wrapper img {-webkit-filter:url("data:image/svg+xml;utf8,#grayscale");filter:url("data:image/svg+xml;utf8,#grayscale");opacity:0.5;transition:all 0.6s ease 0s} #color-client-scroller .client-item-wrapper img:hover {-webkit-filter:url("data:image/svg+xml;utf8,#grayscale");filter:url("data:image/svg+xml;utf8,#grayscale");opacity:1;transition:all 0.6s ease 0s} #image-carousel .item img {height:200px;width:250px} .single-portfolio-area .single-portfolio-image img {width:100%} .portfolio-meta ul {list-style:outside none none;padding-left:0} .portfolio-meta ul li {margin:10px 0} .portfolio-meta ul li span {display:inline-block;font-size:12px;font-weight:600;text-decoration:underline;text-transform:uppercase;width:130px;-webkit-text-decoration-style:double;text-decoration-style:double} .portfolio-controls ul {list-style:outside none none;padding-left:0} .portfolio-controls ul li a.btn {padding:10px 75px} .portfolio-controls ul li a.btn i.fa {font-size:37px} .tag-posted-in li a {color:#8f8f8f} .tag-posted-in li i.fa {color:#8f8f8f;padding-right:3px} span.published-time {font-size:12px} span.published-time i.fa {margin-right:5px} .featured-wrapper img {width:100%;height:auto} .widget-ad img {width:100%} #copyright ul li.nav-item {padding-right:10px;text-transform:capitalize} .comment-author span {padding-left:5px} #contactForm .form-group {margin-bottom:25px} #contactForm .form-group .contact-control {background:#f8fafd none repeat scroll 0 0;border-radius:0;height:50px} #contactForm .form-group .form-control {border-radius:0;background:#f2f2f2 none repeat scroll 0 0;font-size:14px} #userForm .form-group {margin-bottom:25px} #userForm .form-group .user-control {background:#f8fafd none repeat scroll 0 0;border-radius:0;height:50px} #userForm .form-group .form-control {border-radius:0;background:#f2f2f2 none repeat scroll 0 0;font-size:14px} .user-account ul li.nav-item {padding-right:10px;text-transform:capitalize} .user-account ul li a {color:#8f8f8f;font-size:0.8rem} .about2-intro-image img {width:100%} .featured .plan-price {color:#fff !important;background:#ff5959} .premium .plan-price {background:#3498db !important;color:#fff !important} .roof-social-icons a i.fa {background:#484848 none repeat scroll 0 0;border-radius:50%;font-size:13px;height:35px;line-height:35px;text-align:center;width:35px;color:#fff;margin-right:10px} .dropdown-item.active {background-color:#eee} .dropdown-item.active:focus {background-color:#eee} .dropdown-item.active:hover {background-color:#eee} .images img {width:100%} .navbar-light .navbar-toggler {padding:0.45rem 0.75rem} .navbar-light .navbar-toggler:hover i {color:#fff} #post-image-carousel .item img {height:150px;width:200px} .call-us p {color:#8f8f8f;margin-bottom:0;font-size:0.8rem} @media (min-width:767px) and (max-width:1024px) {.section-title {font-size:40px }.small-title {font-size:20px }.input-lg {font-size:14px }#roof .quick-contacts span {padding:0 10px }#roof .social-links a {margin:0 2px }.top_search_con {display:none }#carousel-area .item {height:400px }#carousel-area .item .carousel-caption h2 {font-size:50px }#carousel-area .item .carousel-caption h3 {font-size:20px }#carousel-area .carousel-control i {width:40px;height:40px;padding:12px 0;font-size:15px }#owlcarousel-area .item {height:500px }#owlcarousel-area .item .owlcarousel-caption h1 {font-size:35px }#owlcarousel-area .item .owlcarousel-caption p {font-size:16px }#owlcarousel-area .item .owlcarousel-caption .btn {margin:12px 5px;font-size:12px }#owlcarousel-area .item .owlcarousel-video-caption h1 {font-size:35px }#owlcarousel-area .item .owlcarousel-video-caption p {font-size:16px }#owlcarousel-area .item .owlcarousel-video-caption .btn {margin:12px 5px;font-size:12px }#progress {overflow-x:hidden }#progress .progress-bottom {padding-bottom:0;padding-top:0 }#progress .progress-item {margin:30px 0 }#progress .our-progress:before {background:none }#notice h4 {font-size:30px }#notice p {font-size:20px }#notice .notice-button {margin-top:15px }#cool-facts .fact-block {margin:30px 0 }#cool-facts .section-subtitle {padding-bottom:30px;font-size:24px }#blog .blog-item-wrapper {margin:30px 0 }#blog .blog-item-text .blog-item-info a {padding-right:6px }.pricing-table {margin:60px 0 }.pricing-table h3 {font-size:24px }#why-choose h2 {font-size:24px }#why-choose .tab-container h2 {font-size:24px }.social-links-bordered a i {width:40px;height:40px;line-height:40px }.full-search input[type='text'] {width:96% }#service-block-main .service-item {margin:60px 0 }#service-block-main .service-item h2 {font-size:24px }#service-block-1 .service-item .service-content h2 {font-size:26px }#portfolio .portfolio-items .mix {width:50% }#portfolio .portfolio-items .gap {width:50% }#portfolio .portfolio-items.col-3 .mix {width:50% }#portfolio .portfolio-items.col-3 .gap {width:50% }#portfolio .portfolio-items figure figcaption {padding:32px }#other-services .other-service-item .service-content h3 {font-size:18px }#team .team-item {margin:30px 0 }footer .footer-widget {margin:30px 0 }#service-block-2 .service-inner h3 {font-size:24px }.social-icons-fill li {margin-right:1px }.massage-box .massage-box-icon {height:60px }#tabs .tab-content h1 {font-size:24px }} @media only screen and (min-width:480px) and (max-width:767px) {.section-title {font-size:36px }.navbar-header {width:100% }#carousel-area .item {height:300px }#carousel-area .item .carousel-caption h2 {font-size:30px }#carousel-area .item .carousel-caption h3 {font-size:18px }#carousel-area .item .carousel-caption .btn {margin:5px }#carousel-area .carousel-indicators {display:none }#carousel-area .carousel-control i {width:40px;height:40px;padding:12px 0;font-size:15px }#owlcarousel-area .item {height:400px }#owlcarousel-area .item .owlcarousel-caption h1 {font-size:23px }#owlcarousel-area .item .owlcarousel-caption p {font-size:14px;line-height:20px }#owlcarousel-area .item .owlcarousel-caption .btn {font-size:12px;padding:5px 15px;margin:8px 5px }#owlcarousel-area .item .owlcarousel-video-caption h1 {font-size:23px }#owlcarousel-area .item .owlcarousel-video-caption p {font-size:14px;line-height:20px }#owlcarousel-area .item .owlcarousel-video-caption .btn {font-size:12px;padding:5px 15px;margin:8px 5px }#owlcarousel-area .owl-dots {bottom:0 }#portfolio .portfolio-items .mix {width:50% }#portfolio .portfolio-items .mix figure h4 {display:none }#portfolio .portfolio-items .mix figure figcaption::after {display:none }#portfolio .portfolio-items .mix figure figcaption::before {display:none }#portfolio .portfolio-items .gap {width:50% }#portfolio .portfolio-items .gap figure h4 {display:none }#portfolio .portfolio-items .gap figure figcaption::after {display:none }#portfolio .portfolio-items .gap figure figcaption::before {display:none }#portfolio .portfolio-items.col-3 .mix {width:50% }#portfolio .portfolio-items.col-3 .mix figure h4 {display:none }#portfolio .portfolio-items.col-3 .mix figure figcaption::after {display:none }#portfolio .portfolio-items.col-3 .mix figure figcaption::before {display:none }#portfolio .portfolio-items.col-3 .gap {width:50% }#portfolio .portfolio-items.col-3 .gap figure h4 {display:none }#portfolio .portfolio-items.col-3 .gap figure figcaption::after {display:none }#portfolio .portfolio-items.col-3 .gap figure figcaption::before {display:none }#portfolio .portfolio-items figure figcaption {padding:10px;padding:25px }#portfolio .controls .btn {margin:5px 2px }#progress {overflow-x:hidden }#progress .progress-bottom {padding-bottom:0;padding-top:0 }#progress .progress-item {margin:30px 0 }#progress .our-progress:before {background:none }#testimonial #testimonial-carousel p {font-size:20px }#testimonial #testimonial-carousel .carousel-control.left {left:15px }#testimonial #testimonial-carousel .carousel-control.right {right:15px }#testimonial .item blockquote small span {display:block;line-height:40px }.pricing-table {margin:60px 0 }.pricing-table h3 {font-size:24px }#why-choose .tab-container h2 {font-size:26px }#why-choose .tab-menu .list-group {width:536px;margin:40px 8px;float:left }#why-choose .tab-menu .list-group >a {float:left;margin:0 8px }.page-header .page-subtitle {font-size:18px }#service-block-main .service-item {margin:60px 0 }#service-block-main .service-item h2 {font-size:24px }#cool-facts .fact-block {margin:30px 0 }#blog .blog-item-wrapper {margin:30px 0 }#team .team-item {margin:30px 0 }#tabs .nav-tabs li a {font-size:12px;padding:10px 12px }.page-header-content h2 {text-align:center }} @media (min-width:320px) and (max-width:480px) {.section-title {font-size:26px;line-height:45px;padding:30px 0 15px }.section-title:before {display:none }.section-title + .row {padding:0 0 30px }.small-title {font-size:25px }.navbar-header {width:100% }.page-header .page-title {font-size:20px }.page-header .page-subtitle {font-size:18px }.input-lg {font-size:14px }#roof .quick-contacts span {padding:0 10px }#roof .social-links a {margin:0 2px }.justify-content-end {-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important }.row {padding:30px 0 40px }#carousel-area .item {height:300px }#carousel-area .item .carousel-caption h2 {font-size:30px }#carousel-area .item .carousel-caption h3 {font-size:20px }#carousel-area .item .carousel-caption .btn {margin:5px }#carousel-area .carousel-indicators {display:none }#carousel-area .carousel-control i {width:40px;height:40px;padding:12px 0;font-size:15px }#owlcarousel-area .item {height:300px }#owlcarousel-area .item .owlcarousel-caption h1 {font-size:18px }#owlcarousel-area .item .owlcarousel-caption p {display:none }#owlcarousel-area .item .owlcarousel-caption .btn {font-size:12px;padding:5px 15px;margin:5px }#owlcarousel-area .item .owlcarousel-video-caption h1 {font-size:18px }#owlcarousel-area .item .owlcarousel-video-caption p {display:none }#owlcarousel-area .item .owlcarousel-video-caption .btn {font-size:12px;padding:5px 15px;margin:5px }#owlcarousel-area .owl-dots {bottom:0 }#portfolio .portfolio-items .mix {width:100% }#portfolio .portfolio-items .mix figure h4 {display:none }#portfolio .portfolio-items .mix figure figcaption::after {display:none }#portfolio .portfolio-items .mix figure figcaption::before {display:none }#portfolio .portfolio-items .gap {width:100% }#portfolio .portfolio-items .gap figure h4 {display:none }#portfolio .portfolio-items .gap figure figcaption::after {display:none }#portfolio .portfolio-items .gap figure figcaption::before {display:none }#portfolio .portfolio-items.col-3 .mix {width:100% }#portfolio .portfolio-items.col-3 .mix figure h4 {display:none }#portfolio .portfolio-items.col-3 .mix figure figcaption::after {display:none }#portfolio .portfolio-items.col-3 .mix figure figcaption::before {display:none }#portfolio .portfolio-items.col-3 .gap {width:100% }#portfolio .portfolio-items.col-3 .gap figure h4 {display:none }#portfolio .portfolio-items.col-3 .gap figure figcaption::after {display:none }#portfolio .portfolio-items.col-3 .gap figure figcaption::before {display:none }#portfolio .portfolio-items figure figcaption {padding:36px;padding:25px }#portfolio .controls .btn {margin:5px 2px }#progress {overflow-x:hidden }#progress .progress-bottom {padding-bottom:0;padding-top:0 }#progress .progress-item {margin:30px 0 }#progress .our-progress:before {background:none }#notice h4 {font-size:18px }#notice p {font-size:16px }#notice .notice-button {margin-top:15px }#cool-facts .fact-block {margin:30px 0 }#cool-facts .fact-block h4 {font-size:30px;line-height:40px }#cool-facts .section-subtitle {padding-bottom:30px;font-size:24px }#cool-facts .wrapper h2 {font-size:20px }#testimonial #testimonial-carousel p {font-size:20px }#testimonial #testimonial-carousel .carousel-control.left {left:15px }#testimonial #testimonial-carousel .carousel-control.right {right:15px }#testimonial .item blockquote small span {display:block;line-height:40px }#blog .blog-item-wrapper {margin:30px 0 }#blog .blog-item-text .blog-item-info a {padding-right:6px }.pricing-table {margin:60px 0 }.pricing-table h3 {font-size:24px }.copyright-text {float:left !important }#why-choose .list-group-item {width:362%;margin:40px 15px }#why-choose .tab-container h2 {font-size:28px }#main-menu {clear:both }#portfolios .btn {padding:6px 13px;margin-bottom:5px }.social-links-bordered a i {width:40px;height:40px;line-height:40px }#service-block-main .service-item {margin:60px 0 }#service-block-main .service-item h2 {font-size:24px }#service-block-1 .service-item .service-content h2 {font-size:22px }#other-services .other-service-item .service-content h3 {font-size:15px }#clients #clients-scroller .client-item-wrapper {padding:0 45px }#clients #clients-scroller .owl-controls {display:none }#team .team-item {margin:30px 0 }footer .footer-widget {margin:30px 0 }.social-icons-fill li {margin:0 16px 0 0 }.navbar-nav .nav-item + .nav-item {margin-left:0 }.page-header-content h2 {text-align:center }} @media (max-width:767px) {#carousel-area .carousel-item {height:200px }#carousel-area .carousel-item .carousel-caption {top:14% }#carousel-area .carousel-item .carousel-caption h2 {font-size:16px }#carousel-area .carousel-item .carousel-caption h3 {font-size:12px }#carousel-area .carousel-item .carousel-caption .btn {margin:auto;font-size:9px;margin-top:5px;padding:8px 12px }#carousel-area .carousel-control {top:58%;display:none }#carousel-area .carousel-indicators {bottom:-8px }#carousel-area i {margin-right:0 }#carousel-area:hover .carousel-control {display:block }.carousel-item >img {height:100%;width:100% }} body {color:black} .custom-container {padding:4% 4%;box-shadow:-10px 0 8px -6px rgba(0,0,0,0.1),10px 0 8px -6px rgba(0,0,0,0.1)} strong {font-weight:bold} @font-face {font-family:Metropolis;font-weight:200;src:url('/themes/ketikidis-octobercms-success/assets/fonts/METROPOLIS-EXTRALIGHT.OTF')} @font-face {font-family:Metropolis;font-weight:300;src:url('/themes/ketikidis-octobercms-success/assets/fonts/METROPOLIS-LIGHT.OTF')} @font-face {font-family:Metropolis;font-weight:400;src:url('/themes/ketikidis-octobercms-success/assets/fonts/METROPOLIS-REGULAR.OTF')} @font-face {font-family:Metropolis;font-weight:500;src:url('/themes/ketikidis-octobercms-success/assets/fonts/METROPOLIS-MEDIUM.OTF')} @font-face {font-family:Metropolis;font-weight:600;src:url('/themes/ketikidis-octobercms-success/assets/fonts/METROPOLIS-SEMIBOLD.OTF')} @font-face {font-family:Metropolis;src:url("/themes/ketikidis-octobercms-success/assets/fonts/METROPOLIS-BOLD.OTF");font-weight:700} @font-face {font-family:Metropolis;src:url("/themes/ketikidis-octobercms-success/assets/fonts/METROPOLIS-EXTRABOLD.OTF");font-weight:800} h1,h2,h3,h4,h5,h6,p,a,span,button {font-family:Metropolis !important;font-weight:300} .font-weight-extralight {font-weight:200 !important} .font-weight-regular {font-weight:400 !important} .font-weight-medium {font-weight:500} .font-weight-semibold {font-weight:600 !important} .font-weight-extrabold {font-weight:800 !important} h1,h2 {font-weight:800}@media (min-width:768px) and (max-width:1200px) {.navbar {padding:0 }.navbar .container {margin:0;padding:0 }.navbar ul li a {padding-right:1px }.nav-link {font-size:11px !important }.navbar-brand {margin-right:0 }} .paddingTopZero {padding-top:0 !important} .blog-container-padding {padding-top:100px;padding-bottom:100px} @media (max-width:768px) {.blog-container-padding {padding-top:50px;padding-bottom:40px }} .btn {border-radius:125251px} .btn-primary:hover {background-color:unset;border-color:unset} .btn-primary:focus,.btn:focus {box-shadow:unset} .btn-primary:active {background-color:#da2128;background-image:none;border-color:#da2128} .btn-paprika {background-color:white;border-color:#da2128;color:#da2128} .btn-paprika:hover {background-color:#da2128;border-color:white;color:white} .btn.btn-paprika.active {background-color:#da2128;border-color:white;color:white} .btn.btn-paprika-inverse {background-color:#da2128;border-color:white;color:white} .btn.btn-paprika-inverse:hover {background-color:white;border-color:#da2128;color:#da2128} .navbar.sticky.is-sticky {box-shadow:0 3px 11px 4px rgba(0,0,0,0.3)} .navbar.sticky.is-sticky img {margin:0 0 -80px 0;z-index:200} @media (max-width:767.98px) {.navbar.sticky.is-sticky img {z-index:200 }.navbar-brand {min-height:5rem }} @media (max-width:767px) {.navbar {padding:0 0 0 10px }.navbar img {margin:0 }#mobileMainLogo {width:140px }} .text-black {color:black !important} #header-wrap .navbar-nav .dropdown-menu .nav-link {text-transform:none} #header-wrap .navbar-light .navbar-toggler {border-color:white} #header-wrap .navbar-light .navbar-toggler i {color:black} @media (max-width:1199.98px) {h3 {font-size:24px !important }h6 {font-size:11px !important }} @media (max-width:991.98px) {h3 {font-size:24px !important }h4 {font-size:20px !important }h5 {font-size:16px !important }#landingPage #radioPlayer h4 {font-size:16px !important }} @media (max-width:767.98px) {h3 {font-size:22px !important }} @media (max-width:575.98px) {h3 {font-size:18px !important }h4 {font-size:12px !important }h5 {font-size:12px !important }h6 {font-size:11px !important }} @media (max-width:300.98px) {h3 {font-size:13px !important }h5 {font-size:13px !important }h6 {font-size:11px !important }} .section-title {padding:0} .top40-icons.spotify {height:20px} .top40-icons.youtube {height:27px} .music-posittion {min-width:24px;height:100%;background:no-repeat;background-position:center;display:inline-block} .music-posittion.new {background-image:url("/storage/app/media/top40/shape_new.png");min-width:30px} .music-posittion.up {background-image:url("/storage/app/media/top40/shape_up.png")} .music-posittion.down {background-image:url("/storage/app/media/top40/shape_down.png")} .music-posittion.same {background-image:url("/storage/app/media/top40/shape_unchanged.png")} .orange-line {margin:0 auto 6px} .orange-line.orange-line-left {margin:0} .white-line {background:white none repeat scroll 0 0;margin:0 auto 6px;width:52px;height:1px} .white-line.white-line-left {margin:0} .input,.textarea {border-radius:0 !important} .page-header-section {display:none} .layout-static #radioPlayer .btn {padding:10px 14px 8px;font-size:18px} .layout-static #radioPlayer .playButton:hover {cursor:pointer} .layout-static #radioPlayer .nowPlayingData h4,.layout-static #radioPlayer .nowPlayingData p {color:white;margin-bottom:0} .layout-static #radioPlayer .nowPlayingData h4 {text-transform:uppercase;font-size:16px;align-self:center;font-weight:700} .layout-static #radioPlayer .nowPlayingData h4:after {content:':'} .layout-static #radioPlayer .nowPlayingData .eloado {font-size:16px;font-weight:300;margin:0 10px} .layout-static #radioPlayer .nowPlayingData .dal {font-weight:300;font-size:16px} .layout-static #radioPlayer .nowPlayingData .dal:before {content:''} #header-wrap .p-1 {display:none} .layout-static #header-wrap {height:74px} .layout-static #landingPage {background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;max-height:calc(100vh - 74px)} .layout-static #landingPage #carouselExampleIndicators {overflow:hidden;max-height:calc(100vh - 74px - 58px)} @media (max-width:1600px) {.layout-static #landingPage #carouselExampleIndicators {overflow:hidden }} @media (min-width:999px) {.nowPlayingData {margin-left:-3% }} @media (min-width:1199.98px) {.nowPlayingData {margin-left:-4% }} @media (max-width:480px) and (min-width:320px) {#landingPage #radioPlayer .row {padding:10px 0 }} #top40Homepage {background:url(/storage/app/media/top40/background.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center} #top40Homepage ul {list-style-type:none;padding:0} #top40Homepage li {padding:5px 15px} #top40Homepage h6 {margin:0} #top40Homepage .hasBackground {background-color:rgba(0,0,0,0.25)} #top40Homepage .position {width:3.4375rem;text-align:end} #top40Homepage .positionChange {width:3.4375rem;text-align:center;height:1.75rem} #top40Homepage .songTitle,#top40Homepage .songAuthor {white-space:nowrap;max-width:32vw;overflow:hidden;text-overflow:ellipsis} @media (max-width:999px) {#top40Homepage .songTitle,#top40Homepage .songAuthor {white-space:nowrap;max-width:75vw;overflow:hidden;text-overflow:ellipsis }} @media (max-width:700px) {#top40Homepage .position {width:3rem }#top40Homepage .positionChange {width:3rem }} @media (max-width:568px) {#top40Homepage .position {width:2rem }#top40Homepage .positionChange {width:2rem }#top40Homepage .positionChange img {max-width:60% }#top40Homepage .songTitle,#top40Homepage .songAuthor {text-overflow:ellipsis;overflow:hidden }} #musicNewsHomepage.section {padding:0} #musicNewsHomepage .card,.page-musicnewsblog-blog .card {border:none} #musicNewsHomepage .card .card-body,.page-musicnewsblog-blog .card .card-body {padding:0;margin:10px 0 15px 0;border-bottom:1px solid #acaaaa} #musicNewsHomepage .btn,.page-musicnewsblog-blog .btn {width:fit-content} #contactUs .logo {width:100%} .btn-outline-danger {border-radius:50px;color:black} .btn-outline-danger:hover {color:white !important} .companyDetails {max-width:18rem} .contactMember .icon {border-radius:290486px;margin:5px} #programGuide {min-height:calc(100vh - 520px)} #programGuide .portfoli-content {width:94%;height:95%;top:17px} #programGuide .portfoli-content .sup-desc-wrap {width:100%} #programGuide .portfolio-item {padding:15px} #programGuide .picture-item {padding:0} #programGuide #programs {margin-left:0;margin-right:0} #programGuide .portfoli-content:before {background-color:rgba(162,0,6,0.8);top:15px;left:15px;bottom:30px;right:20px} #programGuide .right-link {border-radius:50px;color:rgba(174,30,35,0.8);background-color:white;width:50%;height:42px;font-size:13px} #programGuide .portfolio-item.overlayBlue.in-viewport .portfoli-content {opacity:1;transform:scale(1)} #programGuide .portfolio-item.overlayBlue.in-viewport .portfoli-content .sup-title,#programGuide .portfolio-item.overlayBlue.in-viewport .portfoli-content .sup-description {transform:scale(1);opacity:1} #programGuide .portfolio-item.overlayBlue.in-viewport .portfoli-content .sup-link .right-link {opacity:1;webkit-transform:translateY(0px);transform:translateY(0px)} #programGuide .portfolio-item.overlayBlue.in-viewport .portfoli-content:before {transform:scale(1);transition:all 400ms ease} @media (max-width:767px) {#programGuide.section {padding:40px 0 }#programGuide.section .container {padding-left:0;padding-right:0 }} @media (max-width:350px) {#programGuide #programs .portfoli-content:before {top:20px;left:20px;bottom:30px;right:30px }#programGuide #programs .sup-desc-wrap .sup-meta-wrap .sup-description {display:none }} .sup-opening {font-size:13px;line-height:18px;color:white;text-align:center;transform:translateY(40px);opacity:1;transition:all 0.5s ease;text-transform:uppercase} .portfolio-item:hover .sup-opening {opacity:1;transform:translateY(0px)}#radioPrograms .container #portfolio .picture-item {padding:5px} #radioPrograms .portfoli-content:before {background-color:rgba(218,33,40,0.65);background-color:unset;top:5px;left:0;bottom:5px;right:10px} #radioPrograms .sup-title h4 {color:white;font-weight:bold} #radioPrograms .sup-description {color:white} #radioPrograms .portfolio-item:hover,#radioPrograms .portfolio-item.overlayBlue.in-viewport {background-color:#da2128} #radioPrograms .portfolio-item:hover .portfolio-img div,#radioPrograms .portfolio-item.overlayBlue.in-viewport .portfolio-img div {filter:blur(5px);mix-blend-mode:multiply} #radioPrograms .portfolio-item:hover .portfoli-content,#radioPrograms .portfolio-item:hover .portfoli-content .sup-title,#radioPrograms .portfolio-item:hover .portfoli-content .sup-description,#radioPrograms .portfolio-item.overlayBlue.in-viewport .portfoli-content,#radioPrograms .portfolio-item.overlayBlue.in-viewport .portfoli-content .sup-title,#radioPrograms .portfolio-item.overlayBlue.in-viewport .portfoli-content .sup-description {opacity:1;transform:scale(1)} #radioPrograms .portfolio-item:hover .portfoli-content .sup-opening,#radioPrograms .portfolio-item.overlayBlue.in-viewport .portfoli-content .sup-opening {opacity:1;transform:translateY(0px)} @media (max-width:768px) {#radioPrograms .portfolio-item:hover,#programGuide .portfolio-item:hover {background-color:unset }#radioPrograms .portfolio-item:hover .portfolio-img div,#programGuide .portfolio-item:hover .portfolio-img div {filter:blur(0);mix-blend-mode:unset }#radioPrograms .portfolio-item:hover .portfoli-content,#radioPrograms .portfolio-item:hover .portfoli-content .sup-title,#radioPrograms .portfolio-item:hover .portfoli-content .sup-description,#programGuide .portfolio-item:hover .portfoli-content,#programGuide .portfolio-item:hover .portfoli-content .sup-title,#programGuide .portfolio-item:hover .portfoli-content .sup-description {opacity:0;transform:scale(1) }#radioPrograms .portfolio-item:hover .portfoli-content .sup-opening,#programGuide .portfolio-item:hover .portfoli-content .sup-opening {opacity:0;transform:translateY(0px) }} #radioPrograms .mobileView {padding-bottom:68%;background-position:center center;background-size:cover} #radioPrograms .desktopView.onethird {padding-bottom:70.2%;background-position:center center;background-size:cover} #radioPrograms .desktopView.twohird {padding-bottom:34.5%;background-position:center center;background-size:cover} #radioPrograms .desktopView.threethird {padding-bottom:21%;background-position:center center;background-size:cover} @media (max-width:767px) {#radioPrograms.section {padding:40px 0 }}#advertisements {background-color:#f3f3f3} #advertisements .pagination,#music-news-posts .pagination {justify-content:center;display:flex} #advertisements .pagination li:first-child,#advertisements .pagination li:last-child,#music-news-posts .pagination li:first-child,#music-news-posts .pagination li:last-child {display:none} #advertisements .pagination li,#music-news-posts .pagination li {margin-right:14px} #advertisements .pagination li a,#music-news-posts .pagination li a {color:black} #advertisements .pagination li.active span,#music-news-posts .pagination li.active span {background-color:#da2128;color:white;font-weight:bold;padding:7px 11px} #advertForm {background-color:#da2128} .advertSingle {margin:30px 0;-webkit-box-shadow:3px 3px 14px 1px #ccc;-moz-box-shadow:3px 3px 14px 1px #ccc;box-shadow:3px 3px 14px 1px #ccc;position:relative} .advertSingle .categoryName {height:100%;position:absolute;bottom:0;width:68px} .advertSingle .categoryName .card-header {border-bottom:none} .advertSingle .categoryName h5 {display:block;position:absolute;bottom:-37px;left:0;transform:rotate(270deg);transform-origin:0 0;color:white} .advertSingle .card-body {padding:1.25rem 1.25rem 1.25rem 5rem} .advertSingle .card-body .details p {margin-bottom:0} .advertSingle .card-body .card-name,.advertSingle .card-body .card-date {margin-bottom:0} @media (max-width:815px) {#main-menu ul li a {padding:18px 7px }} @media (max-width:480px) {#advertisements .row {padding:0 }.adverts-container {padding:40px 5px !important }.nameAndDate p {font-size:12px }} @media (max-width:400px) {.advertSingle .categoryName {height:100%;position:relative;bottom:unset;width:unset }.advertSingle .categoryName .card-header {border-bottom:none }.advertSingle .categoryName h5 {display:block;position:relative;bottom:0;left:0;transform:rotate(0);transform-origin:0 0;color:white }.advertSingle .card-body {padding:1.25rem }}#aboutUs {padding-bottom:0} #team .info {background:white} #team .info p {text-transform:none} #team .team-item .team-profile .details {top:50% !important;-ms-transform:translateY(-50%);transform:translateY(-50%)} #team .team-item .team-profile .details .content-white {width:85%;line-height:15px} #team .team-item .team-profile:hover img {filter:blur(3px)} @media (max-width:768px) {#team .team-item figure.hide-details:hover img,#team .team-profile.toggle-team-details.hide-details figcaption img {filter:unset }#team .team-item figure.hide-details:hover figcaption,#team .team-profile.toggle-team-details.hide-details figcaption figcaption {opacity:0 }}#podcastImage {background-size:cover;background-repeat:no-repeat;background-position:center center;height:97vh} #contactUs .icon {width:30px;align-self:center} footer#footer {background-color:#da2128;box-shadow:-1px 0 15px 5px rgba(0,0,0,0.5)} footer#footer img {width:30px;height:30px;align-self:center} footer#footer #copyright {background:#da2128;border-top:1px solid gray} footer#footer #copyright .copyright-text {color:white} @media (max-width:768px) {footer#footer .footer-widget.downloadApp {transform:translateY(50px);margin-top:-50px }.row {padding:40px 0 30px }} footer#footer #downloadMobileAppIcons {max-width:18rem} footer#footer #downloadMobileAppIcons .appStore {width:150px;height:auto} footer#footer #downloadMobileAppIcons .googlePlay {width:150px;height:auto} #footer .bgaLogo {height:100px;width:253px} .music-news-plugin-card-border-top {padding-top:1rem;border-top:1px solid #ccc} .music-news-plugin-card-border-bottom {padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid #ccc}.page-Radio.Player.Web.layout-radioPlayerWeb .navbar.navbar-expand-md {padding:0 15px 0 0} .page-Radio.Player.Web.layout-radioPlayerWeb .nowPlayingImage img {margin:0;width:190px} #radioPlayerPopupWeb {background:url('/storage/app/media/popupweb/player_background.jpg');height:74.8vh} #radioPlayerPopupWeb img {border-radius:2.25rem} #radioPlayerPopupWeb .nowPlayingData h4,#radioPlayerPopupWeb .nowPlayingData p {color:white;text-transform:uppercase} #radioPlayerPopupWeb .nowPlayingData h4 {font-size:16px;margin-bottom:18px;font-weight:400} #radioPlayerPopupWeb .nowPlayingData h4:after {content:':'} #radioPlayerPopupWeb .nowPlayingData .eloado {font-weight:800;font-size:30px;margin-bottom:5px} #radioPlayerPopupWeb .nowPlayingData .dal {font-weight:400;font-size:24px} #radioPlayerPopupWeb .playButton:hover {cursor:pointer} #radioPlayerPopupWeb .btn.btn-paprika-inverse.bg-transparent:hover {border-color:white;color:white} #radioPlayerPopupWeb #radioPlayer {display:none} #popupFooter .googlePlay,#popupFooter .appStore {height:50px} .oc-logo {background-image:url("/storage/app/media/contact/logo_paprika.png") !important} @media (min-width:576px) {#popupFooter .contentMobile {display:none }} @media (max-width:575px) {#radioPlayerPopupWeb {background:url('/storage/app/media/popupweb/player_backgroundMobile.jpg');background-size:cover;height:78vh }#radioPlayerPopupWeb .playButton {width:125px !important;fill:black }#radioPlayerPopupWeb .nowPlayingData h4,#radioPlayerPopupWeb .nowPlayingData p {color:black }#radioPlayerPopupWeb img {border-radius:0 }#radioPlayerPopupWeb .hero-body {height:100% }#popupFooter {padding:26px 0;height:22vh }#popupFooter .appStore {width:172px }#popupFooter .googlePlay {width:155px }#popupFooter .contentDesktop {display:none }} #popupFooter {background-color:#da2128}.blog-post-content h2.blog-post-title {text-transform:none} @media (max-width:768px) {#soundcloudfullshows iframe,#soundcloudpartsshows iframe {height:530px !important }} .paprikaLogo {width:100%;padding:0 5%} .paprikaLogo img {width:100%}