/* Table of Contents
- - - - - - - - -
1. Global
2. Headers
3. Home Pages
4. Projects
5. Inner Pages
6. Blog
7. Shortcodes
8. Shop
9. Footer
10. Media Queries
- - - - - - - - -
*/

/* ========================
1 = Global
======================== */

body { background: #f3f9ff; color: #808080; font-family: 'PT Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: normal; margin: 0; position: relative;}
.row { margin: 0 auto; max-width: 1170px; width: 100%; }
.row.full-width {  margin: 0 auto; max-width: 100%; width: 100%; }
.row.custom-width-90 {  margin: 0 auto; max-width: 90%; width: 90%; }
.row.full-width-padding {  margin: 0 auto; max-width: 98%; width: 98%; }
.row.no-gutter { margin:0 auto;}
.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-left: 0; padding-right: 0; }
.row.no-gutter-all { margin:0 auto;}
.row.no-gutter-all [class*='col-'] { padding-left: 0; padding-right: 0; }
.center-block { float: none; }
a { color: #36A8FF; outline: 0; text-decoration: none; }
a:hover, a:active, a:focus { outline: 0; text-decoration: none; color:#000; }
code { background: #666; border: 0; border-radius: 6px; color: #fff; display: block; font-family: consolas, monaco, 'andale mono', monospace; font-weight: normal; line-height: 1.3; margin: 8px 0; padding: 12px; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; }
mark { color: #fff; padding: 1px 4px; border-radius: 2px; font-weight: 600; background:#3190E7;}
img {  max-width: 100%;  height: auto; -ms-interpolation-mode: bicubic; display: inline-block;  vertical-align: middle;}
.center-block { float: none; }
.alignright {float:right; padding-left:35px;}
.alignleft {float:left; padding-right:35px;}
.spacing-45 {padding-top:45px;}
.spacing-65 {padding-top:65px;}

/* Ηeadings */
h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; letter-spacing:-0.02em; font-weight: 900; line-height: 1.3; margin-bottom: 12px; margin-top: 12px; text-rendering: optimizelegibility;}
h1 { font-size: 44px; }
h2 { font-size: 34px; }
h3 { font-size: 27px; }
h4 { font-size: 23px; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }
/* End of Ηeadings */

p { font-family: inherit; font-size: 17px; line-height: 1.5; margin: 0 0 17px 0;  font-weight: 300;}
ul li, ol li { font-family: inherit; font-size: 17px; line-height: 1.5; font-weight: 300;}
hr { border: solid #999; border-width: 1px 0 0; clear: both; height: 0; margin: 21px 0; }
hr.small { border: solid #313740; border-width: 1px 0 0; clear: both; height: 0; margin: 0 auto; margin-top:21px; margin-bottom:21px; max-width:100px;}

/* Forms */
input[type="text"].form-control, input[type="password"].form-control, input[type="date"].form-control, input[type="datetime"].form-control, input[type="email"].form-control, input[type="number"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="time"].form-control, input[type="url"].form-control { font-size: 18px; height: 55px; padding: 5px 15px; width: 100%; }
textarea.form-control { font-size: 18px;padding: 15px; width: 100%; }
select.form-control { font-size: 18px; height: 55px; padding: 5px 15px; width: 100%; }
button[type="submit"] { background: #3190E7; border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 5px; border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 5px; color: #fff; cursor: pointer; float: left; font-size: 16px; font-weight: 900; height: 55px; padding: 8px 6px 6px; text-transform: uppercase; width: 100%; }
button[type="submit"]:hover { background: #666; }
input[type="text"].form-control:focus, input[type="password"].form-control:focus, input[type="date"].form-control:focus, input[type="datetime"].form-control:focus, input[type="email"].form-control:focus, input[type="number"].form-control:focus, input[type="search"].form-control:focus, input[type="tel"].form-control:focus, input[type="time"].form-control:focus, input[type="url"].form-control:focus, textarea.form-control:focus, select:focus { box-shadow: none; }

/* Bootstrap 5 columns */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {    position: relative;    min-height: 1px;    padding-right: 10px;    padding-left: 10px;}

/* ========================
2 = Headers
======================== */

/* HEADER 1  ---------------------- */
 /* ===== TOP BAR ===== */
        
        /* ===================== FOOTER STYLES ===================== */
       








/* TESTIMONIALS 1 */
section.testimonials {padding-top:15px;}
#customers-testimonials .item {text-align: center; padding:50px; opacity:.2; -webkit-transform: scale3d(0.8, 0.8, 1);  transform: scale3d(0.8, 0.8, 1); -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
#customers-testimonials .owl-item.active.center .item {opacity:1;  -webkit-transform: scale3d(1.0, 1.0, 1);  transform: scale3d(1.0, 1.0, 1);}
.img-circle { border-radius: 50%; }
img.img-circle  { max-width:90px; margin:0 auto 17px;}
.testimonial-name {margin:-17px auto 0; display:table; width:auto; background:#3190E7; padding:9px 35px; border-radius:12px; text-align: center; color:#fff; box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05); }
#customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot span {background: #C4C4CC none repeat scroll 0 0; display: block; height: 20px; margin: 0 2px 5px; transform: translate3d(0px, -50%, 0px) scale(0.3); transform-origin: 50% 50% 0;    transition: all 250ms ease-out 0s;  width: 20px;  }
#customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot.active span, #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {background: #28CB75 none repeat scroll 0 0; transform: translate3d(0px, -50%, 0px) scale(0.7);}

/* TESTIMONIALS 2 */
section.testimonials.home2 {padding-top:55px;}
section.testimonials.home2 #customers-testimonials .item {opacity:0;}
section.testimonials.home2 h2 {text-align:left; font-size:29px; margin:40px 0 0;}
section.testimonials.home2 hr.small { border: solid #3190E7; border-width: 1px 0 0; margin: 0; margin-top:31px; margin-bottom:31px; max-width:70px;}
section.testimonials.home2 #customers-testimonials .owl-item.active .item {opacity:1;  -webkit-transform: scale3d(1.0, 1.0, 1);  transform: scale3d(1.0, 1.0, 1);}
section.testimonials.home2 .testimonial-name.home2 {margin:25px 0 0 11px; display:table; width:100%; background:transparent; padding:0; border-radius:0; text-align: left; color:#808080; box-shadow: none; }
section.testimonials.home2 .testimonial-name.home2 .img-circle {float:left; margin-right:15px;}
section.testimonials.home2 .testimonial-name.home2 img.img-circle  { width:50px;}
section.testimonials.home2 .testimonial-name.home2 span  { display:block; font-size:13px;}
section.testimonials.home2 .testimonial-name.home2 span.name  {padding-top:8px;}
section.testimonials.home2 .testimonial-name.home2 span.company  {color:#b3aeae;}
section.testimonials.home2 .shadow-effect {  background: #fff;  padding: 20px; border-radius:4px; text-align:center; box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02); position:relative;}
section.testimonials.home2 .shadow-effect:after {top: 100%;   left: 5%;   border: solid transparent;      content: " ";   height: 0;      width: 0;   position: absolute;     pointer-events: none;   border-color: rgba(255, 255, 255, 0);   border-top-color: #ffffff;      border-width: 10px;     margin-left: -10px;  }
section.testimonials.home2 .shadow-effect p {text-align: left; margin-bottom:0;}



/* clients */
section.clients {padding:15px 0 110px;}
section.clients.home2 {padding-top:55px;}
#clients-carousel {margin-top:60px;}
#clients-carousel .item {margin-bottom:40px;}
#clients-carousel .item img {border:1px solid #ccc; opacity:.4; padding:20px;}
#clients-carousel.owl-carousel.owl-theme .owl-dots .owl-dot span {background: #C4C4CC none repeat scroll 0 0; display: block; height: 20px; margin: 0 2px 5px; transform: translate3d(0px, -50%, 0px) scale(0.3); transform-origin: 50% 50% 0; transition: all 250ms ease-out 0s;  width: 20px; }
#clients-carousel.owl-carousel.owl-theme .owl-dots .owl-dot.active span, #clients-carousel.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {background: #28CB75 none repeat scroll 0 0; transform: translate3d(0px, -50%, 0px) scale(0.7);}

/* features */
section.features {padding:65px 0; background: #e9e9e9;}
section.features h3 {margin:50px 0 45px; padding:0;}
section.features .feature {margin-bottom:32px;}
section.features .feature .featureicon {float: left; margin:0 15px 0 0;}
section.features .feature .featureicon span.typcn {font-size:54px; line-height:30px; display:table-cell; }
section.features .feature h5 {margin:0 0 8px 0; padding:0;}
section.features .feature p {font-size:15px; overflow: hidden;}





    /* Contact Page */
    .about1-numbers.contact {padding:45px 0 75px;}
    .about1-numbers.contact .number {margin-top:15px; padding-top:0;}
    .contact-form hr.small {border-width:1px 0 0; max-width:50px; border-color:#ccc;}
    section.contact-form {padding-top:0;}
    #contactform {margin-top:35px;}
    #contactform label {font-weight:300; }
    #contactform textarea.form-control { font-size: 16px; min-height:260px; }
    #contactform input#submit {background:#3190E7; margin:15px auto 0; color:#fff; padding:9px 39px 10px; font-size:16px; border:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display:table; transition: all 250ms ease-out 0s; }
    #contactform input#submit:hover {  background: #666;}
    #sendstatus { margin: 10px 0 0;}
    #sendstatus .alert.alert-danger {border:0; background:#DE6F4C; color:#fff; border-radius: 4px; margin-bottom:4px;}
    #sendstatus .alert.alert-success {border:0; background:#85EFC7; color:#333; border-radius: 4px;}
    #map_wrapper { height: 550px; }
    #map_canvas {width: 100%;    height: 100%;}
    #map_canvas img {max-width: none;}

/* ==================================


/




/* progress bars */
@-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0;} to { background-position: 0 0; }}
@keyframes progress-bar-stripes { from { background-position: 40px 0;} to { background-position: 0 0;}}
.six-sec-ease-in-out { -webkit-transition: width 6s ease-in-out; -moz-transition: width 6s ease-in-out; -ms-transition: width 6s ease-in-out; -o-transition: width 6s ease-in-out; transition: width 6s ease-in-out;}
.progressinfo {display:block; padding-bottom:30px;}
.progresstitle {float:left;}
.progresspercent {float:right;}
.progress {  clear:both;  overflow: hidden;  height: 5px;  margin-bottom: 30px;  background: #f5f5f5;  border-radius: 2px;  box-shadow: none;}
.progress.progress2 {  height: 20px;  margin-bottom: 20px;}
.progress-bar {float: left; width: 0%; height: 100%; line-height: 5px; color: #fff; text-align: center; background-color: #337ab7; box-shadow: none; -o-transition: width 0.6s ease; transition: width 0.6s ease;}
.progress.progress2 .progress-bar {  line-height: 20px;  color: #ffffff;}
.progress-striped .progress-bar, .progress-bar-striped { 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;}
.progress.active .progress-bar, .progress-bar.active {  -webkit-animation: progress-bar-stripes 2s linear infinite;  -o-animation: progress-bar-stripes 2s linear infinite;  animation: progress-bar-stripes 2s linear infinite;}
.progress-bar-success {  background-color: #5cb85c;}
.progress-striped .progress-bar-success { 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);}
.progress-bar-info {  background-color: #5bc0de;}
.progress-striped .progress-bar-info {  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);}
.progress-bar-warning {  background-color: #f0ad4e;}
.progress-striped .progress-bar-warning {  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);}
.progress-bar-danger {  background-color: #d9534f;}
.progress-striped .progress-bar-danger { 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);}
.progress {  position: relative;}
.progress .progress-bar { position: absolute;  overflow: hidden;  line-height: 20px;}
.progress .progressbar-back-text { position: absolute;  width: 100%;  height: 100%;  font-size: 12px;  line-height: 20px;  text-align: center;}
.progress .progressbar-front-text { display: block;  width: 100%;  font-size: 12px;  line-height: 20px;  text-align: center;}
.progress.right .progress-bar { right: 0;}
.progress.right .progressbar-front-text { position: absolute;  right: 0;}
.progress.vertical { width: 20px;  height: 100%;  float: left;  margin-right: 20px;}
.progress.vertical.bottom { position: relative;}
.progress.vertical.bottom .progressbar-front-text { position: absolute;  bottom: 0;}
.progress.vertical .progress-bar {width: 100%; height: 0; -webkit-transition: height 0.6s ease; -o-transition: height 0.6s ease; transition: height 0.6s ease;}
.progress.vertical.bottom .progress-bar { position: absolute;  bottom: 0;}


/* ==================================



/* ==================================
9 = Footer
==================================== */