@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=greek,latin);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,700&subset=greek,latin);

/* Global Styles */
html,body {height: 100%;font-family: 'Roboto', sans-serif;}

body {padding-top: 90px;color:#444;}
body.home{background-color:#eeedee;}

.img-portfolio {margin-top: 15px;margin-bottom:15px;}
.img-hover:hover {opacity: 0.8;}

/* Content paddings */
.cnt-top-10{padding-top:10px;}
.cnt-top-20{padding-top:20px;}
.cnt-top-30{padding-top:30px;}
.cnt-top-40{padding-top:40px;}
.cnt-top-50{padding-top:50px;}

.cnt-btm-10{padding-bottom:10px;}
.cnt-btm-20{padding-bottom:20px;}
.cnt-btm-30{padding-bottom:30px;}
.cnt-btm-40{padding-bottom:40px;}
.cnt-btm-50{padding-bottom:50px;}

/* Main navigation */
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height:none;}
.navbar {min-height: 90px;}
.navbar-default {background-color: #fff;border-color: #eeedee;}
.navbar-brand {height: 90px;}
.navbar-nav {margin:0 auto;width:380px; float:none;}
.navbar-default .navbar-nav>li>a {font-size:14px;font-weight:900;color:#2c4ba0;}
.navbar-default .navbar-nav>li:hover>a, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #2b3990;background-color: #f0f2f7;}
.dropdown-menu {min-width: 240px;padding: 0;margin: 2px 0 0;font-size: 12px;background-color: #f0f2f7;border: 0;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}
.dropdown-menu>li>a {padding: 12px 20px 10px 20px;font-weight: 500;color: #606060;border-top: solid 1px #dfe4ee;letter-spacing:1px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #606060;background-color: #fff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #2c4ba0;background-color: #e4e8f0;}
.navbar-default .navbar-toggle .icon-bar {background-color:#2c4ba0;}
.navbar-default .navbar-toggle {border-color: #e4e8f0;margin-top:15px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #e4e8f0;}

.form-search{border: solid 2px #e4e8f0;border-radius: 24px;margin-top:24px;max-width:220px;}
.form-search .form-control {padding:6px 0 6px 20px;color: #a1a7bd;background-color: transparent;border: 0;border-radius:0;-webkit-box-shadow: none;box-shadow: none;max-width: 170px;}
.form-search .btn-default {padding:10px 20px 10px 0;margin:0;color: #343e5c;background-color: transparent;border-color: transparent;}

.searchbtn{display:inline-block;padding:35px 5px;color: #343e5c;cursor:pointer;}

/* Submenu Vertical */
ul.vmenu{margin-top:-10px;}
ul.vmenu li{list-style: none;margin-top:10px;}
ul.vmenu li ul{padding-left:20px;display:none;}
ul.vmenu li ul.active{display:block;}
ul.vmenu li ul li ul{padding-left:30px;display:block;}
ul.vmenu li ul li.active a{color:#000;}
ul.vmenu li ul li.active ul li a{color:#337ab7;}

header {height: 370px; position:relative; margin-bottom:70px;}
header .fill {width: 100%;height: 100%;background-position: center;background-size: cover; position:absolute;}
header .fillcolor{background-color:#2c4ba0;opacity:0.7;}
header .container{padding-top:6%;}

/* Home Page Carousel */
header.carousel {height:500px;background-color:#2c4ba0;}
header.carousel .item, header.carousel .item.active,header.carousel .carousel-inner {height: 100%;}
header.carousel h2 a{color:#fff;}
.carousel.fade {opacity: 1;}
.carousel.fade .item {-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;left: 0 !important;opacity: 0;top:0;position:absolute;width: 100%;display:block !important;z-index:1;}
.carousel.fade .item.active {opacity: 1;-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;z-index:2;}

.carousel-control {z-index:10; font-size:14px; background-image:none!important; border:solid 2px #566fb3; border-radius:50%;width:42px;height:42px;padding:10px;top:calc(50% - 20px);}
.carousel-control.left{left:20px;}
.carousel-control.right{right:20px;}
.carousel-indicators li {width: 8px;height: 8px;border: 2px solid #96a5d0;}
.carousel-indicators .active {width: 8px;height: 8px;margin: 1px;background-color: #fff;border: 2px solid #fff;}
.carousel-caption {right:0;bottom:0;left:0;padding-top: 0;padding-bottom: 0;color: #fff;text-align: left;text-shadow: none;max-width: 1140px;margin: 0 auto;}
.carousel-caption h2{/*font-size:40px;*/font-size:30px;margin-top:20%;}
.carousel-caption p{font-family: 'Roboto Slab', serif;font-size: 16px;/*line-height: 1.62857143;*/line-height: 1.42857143;}
.carousel-caption p.small{font-size: 12px;line-height: 1.42857143; margin-top:30px;}
.carousel-caption p.small img{max-width:80px;float:left;margin:-20px 10px 0 0;}

.panel {margin-bottom: 20px;background-color: #fff;border: 0;border-radius: 5px;-webkit-box-shadow:none;box-shadow: none;position:relative;}
.panel-heading {padding: 0;border-bottom: 0;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.panel-heading img{border-top-left-radius: 5px;border-top-right-radius: 5px; width:100%;}
.panel-heading .btn{position: absolute;top:20px;left:20px;}

.panel-body {padding: 20px;}
.panel-body h2, .panel-body h3{font-size:24px;font-weight:700;color:#222328;margin:0;}
.panel-body h3{font-size:18px;}
.panel-body h2 a, .panel-body h3 a{color:#222328;}
.panel-body p{font-family: 'Roboto Slab', serif;font-size: 14px;line-height: 1.82857143; color:#3a405b; margin-top:10px;margin-bottom:0; }
.panel-body.panel-body-opacity p{opacity:0.6;}
.panel-body.panel-body-opacity {/*padding-bottom:5px;*/}

.panel-body.panel-body-homenews p{line-height: 1.42857143;}

.panel-heading h2{font-size:18px;font-weight:700;color:#343e5c;margin:30px;text-align:center;}
.panel-heading h2 a{color:#343e5c;}

.panel-bordered{}
.panel-bordered .panel-body {padding:0 15px;}
.panel-bordered .col-sm-4{border-top:solid 1px #e0e0e0;border-right:solid 1px #e0e0e0;padding:20px 50px 40px;}
.panel-bordered .col-sm-4:last-child{border-right:0;}

.btn {padding: 5px 10px 4px;font-weight:700;margin-bottom:20px;}
.btn:hover{opacity:0.8;}
.btn-group-lg>.btn, .btn-lg {padding: 10px 40px 8px;font-size: 15px;line-height: 1.3333333;border-radius: 20px;letter-spacing:1px;font-weight:500;}
.btn-default {color:#2c4ba0;background-color: #fff;border-color: #fff;}
.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {color:#2c4ba0;background-color: #fff;border-color: #fff;}
.btn-primary {background-color: #2c4ba0;border-color: #2c4ba0;}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary {background-color: #2c4ba0;border-color: #2c4ba0;}
.btn-success {background-color: #85c04a;border-color: #85c04a;}
.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open > .dropdown-toggle.btn-success {background-color: #85c04a;border-color: #85c04a;}
.btn-info {background-color: #2196f3;border-color: #2196f3;}
.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open > .dropdown-toggle.btn-info {background-color: #2196f3;border-color: #2196f3;}
.btn-warning {background-color: #f78d2d;border-color: #f78d2d;}
.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open > .dropdown-toggle.btn-warning {background-color: #f78d2d;border-color: #f78d2d;}
.btn-danger {background-color: #ef3e2a;border-color: #ef3e2a;}
.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open > .dropdown-toggle.btn-danger {background-color: #ef3e2a;border-color: #ef3e2a;}

.modal-footer .btn {margin-bottom: 0;}

.breadcrumb {padding: 8px 0;margin-bottom: 20px;list-style: none;background-color: transparent;border-radius: 0; font-weight:300;}
.breadcrumb>li+li:before {color: #fff;padding: 0 5px 0 8px;}
.breadcrumb>.active {color: #fff;}
.breadcrumb a {color: #fff;}
.breadcrumb a:focus, .breadcrumb a:hover {color: #fff;}

h1{color:#fff;font-size:48px;font-weight:400; max-width:50%; line-height:0.9;}
.feedheader h1{max-width:100%;}
.h1 .small, .h1 small, h1 .small, h1 small {color: #fff;}
h1.homeh1{color:#333;font-size:38px;font-weight:300; max-width:100%;margin-bottom:40px;margin-top:0;}

a {color: #2c4ba0;}
a:focus, a:hover {color: #2196f3;}

p.date {font-size:13px;}

.author {text-align:center; font-size:12px; color:#666;margin-bottom:20px;}
.author strong{font-size:14px; color:#444;}
.author img{margin-bottom:10px;}

.article h2, .article h3, .article h4, .article h5, .article h6{font-weight:300;}
.article p{font-family: 'Roboto Slab', serif;font-size: 16px;line-height: 1.62857143; color:#666;}
.article ul{font-family: 'Roboto Slab', serif;font-size: 15px;line-height: 1.62857143;}
.article a{color:#2196f3;}
.article p.footnote{font-size:90%;border-top:solid 1px #eeedee;margin-top:15px;padding-top:20px;font-style:italic;}

.refrences {border-top:solid 1px #eeedee;margin:30px 0 0 0;padding:5px 0 0 0;}
.refrences h2{font-weight:300;}
.refrences p, .refrences ul{color:#666;}
.refrences ul li, .refrences ol li{margin-bottom:10px;}
.refrences a{color:#2196f3;}

.pagination>li>a, .pagination>li>span {color: #2c4ba0;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #2c4ba0;border-color: #2c4ba0;}

/* Footer Styles */
footer {background-color:#eeedee;margin:30px 0 0;padding:30px 0 80px;font-size:13px;}
body.home footer{margin:0;}
footer a{color:#7a7a7a;}
footer img{margin-top:10px;}

.backtotop{bottom: -30px;border: none;color: #acb0b5;display: block;font-size: 20px;height: 32px;min-width: 29px;position: fixed;right: 17px;text-align: center;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear;z-index: 999;}
.backtotop:hover{color: #8a8a8a;border: none;}
.backtotop i.fa-chevron-up{display: inline-block;margin: 5px 1px 0 0;}

/* Responsive Styles */
@media(max-width:991px) {
    .customer-img,.img-related {margin-bottom: 30px;}
	
	.navbar-nav {width: auto;}
	
	header.carousel {height: 370px;}
	
	.carousel-caption {padding:0 20px;}
	.carousel-caption h2{font-size:26px;margin-top:10%;}
	.carousel-caption p{font-size: 13px;}
	
	.carousel-indicators {display:none;}
	
	.carousel-control {top:initial;bottom:20px;}
	.carousel-control.left {left:initial;right:70px;}
	
	h1{max-width:75%;}
}

@media(max-width:767px) {
	.navbar-nav {padding-bottom:20px;margin:85px auto 0 auto;}
	
	.form-search{width:100%;max-width:none;margin:20px 0 20px;}
	.form-search .form-group {width:84%;float:left;margin:3px;}
	.form-search .form-control {width:100%;max-width:none;}

    .img-portfolio {margin-bottom: 15px;}
	header.carousel {height: 300px;}
    .carousel-caption h2{font-size:20px;}
    .carousel-caption p.small img{max-width:60px;margin:-10px 10px 0 0;}
	
	h1{max-width:none;}
	
	.article .imagerow{margin:40px 0;}
	.article .imagerow div:first-child{margin-bottom:40px;}
	.article .imagerow div:last-child{}
}

@media (min-width: 768px){
	.navbar-nav>li>a {padding: 35px 20px;}
	
	.carousel-caption {padding:0 20px;}
	
	.article .imagerow{margin:40px 0 40px -120px;}
	.article .imagerow div:first-child{float:left; width:49%;}
	.article .imagerow div:last-child{float:right; width:49%;}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.carousel-control {top:initial;bottom:20px;}
}

@media (min-width: 992px){
	.article .imagerow{margin:40px -195px;}
	.article .imagerow div:first-child{float:left;}
	.article .imagerow div:last-child{float:right;}
}

@media (min-width: 1200px){
	.carousel-control.left{left:5%;}
	.carousel-control.right{right:5%;}
	
	.article .imagerow{margin:40px -195px;}
	.article .imagerow div:first-child{float:left;}
	.article .imagerow div:last-child{float:right;}
}




.cc_container {
	background: #2c4ba0 !important;
    font-family: 'Roboto Slab', serif !important;
}
.cc_container .cc_message {
    font-size: 12px !important;
    line-height: 16px !important;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
	color: #2c4ba0 !important;
	background-color: #fff !important;
	border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
    bottom: 20px !important;
}
.cc_container .cc_logo {
    display:none !important;
    opacity:0 !important;
}