@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=greek,greek-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700&subset=latin-ext');
@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Abel&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:100,300,400&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,200,200i,300,300i,400,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Quando');
@import url('https://fonts.googleapis.com/css?family=Rosarivo:400,400i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Marcellus|Marcellus+SC&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Slabo+27px&subset=latin-ext');

body:after{ display:none; content: url("images/plus.gif") url("images/spinner.gif") url("images/ok.gif"); }

.title { color: #00033F; background-color: inherit; font-size: 1em; font-weight: bold; }
.description { color: #00033F; background-color: inherit; }
.inputbox { font-size: 12px; }
.inputbutton { color: #000000; background: #ffffff; font-size: 1em; font-weight: bold; }
.image { margin-right: 10px; margin-top: 5px;  padding: 5px; border: 1px solid #ddd; }
.special { color: #000000; background-color: #FFF8E9; font-size: 0.9em; border: solid 1px #000000; padding: 2px; }

.clearsidetitle {  }
.clearsidecontent {  }

.tabledata  { border-width: 1px; border-color: #C4DAF5; border-style: solid; padding: 3px !important; }
.divdata { line-height: 18px; margin: 0px; padding: 1px; }
.tablepresentation { border: 1px solid #d9d9d9; padding-top: 12px !important; padding-bottom: 12px !important; padding-left: 12px !important; text-transform: uppercase;}
.tablepresentation img { padding: 0px 5px 0px 0px; }
.tablepresentation a { font-family: 'Roboto Condensed'; font-size: 16px; color: #041645; font-weight: 600 !important; letter-spacing: 1px; }
.tablepresentation a:hover { text-decoration: none; color: #cc050a;}
.boxgrafic {  border-bottom: 1px dotted #7a7a82; padding-top: 12px !important; padding: 12px !important; text-align: left; text-transform: uppercase; font-size: 14px;  font-weight: 500; letter-spacing: 1px; color: #eee !important; margin-top: 10px; margin-bottom: 10px;}
.boxgrafic a { color: #e9e9e9 !important; font-family: 'Roboto Condensed'!important; font-size: 16px !important; }
.boxgrafic a:hover { color: #fff; text-decoration: none }

a.mainmenu { color: #004080; background-color: inherit; text-decoration: none; }
a.mainmenu:hover { color: #004080; background-color: inherit; text-decoration: none; }

a.upmenu { color: #004080; background-color: inherit; text-decoration: none; }
a.upmenu:hover { color: #004080; background-color: inherit; text-decoration: none; }

a.linktitle { color: #0099da; background-color: inherit; font-size: 1.1em; text-decoration: none; }
a.linktitle:hover { color: #0099da; background-color: inherit; font-size: 1.1em; text-decoration: none; }

a.linkdesc { color: #004080; background-color: inherit; text-decoration: none; }
a.linkdesc:hover { color: #004080; background-color: inherit; text-decoration: none; }

a.linkspecial { color: #000000; background-color: inherit; text-decoration: none; }
a.linkspecial:hover { color: #000000; background-color: inherit; text-decoration: none; }

a.linksmall { }
a.linksmall:hover { }

.dotsh {  }
.dotsv {  }
.lineh {  }
.empty {  }

.favbutton { border-radius: 3px; background-color: #ddd; background-image: url(images/bgbtn.gif); background-repeat: repeat-x; border: 1px solid #ddd; border-bottom: 1px solid #ccc; color: #333; font-family: tahoma, sans-serif, arial; font-size: 11px; line-height: 18px; padding: 0px 5px 0px 5px; text-shadow: 1px 1px 0 #fff; margin: 2px; }
.favbutton:active { background-image: none !important; text-shadow: none !important; }
.favbutton:hover { border: 1px solid #999; border-bottom-color: #888; color:#000; background-color: #d5d5d5; background-position: 0 -6px; }
.favcount { border-radius: 3px; background-color: #ddd; background-image: url(images/bgbtn.gif); background-repeat: repeat-x; border: 1px solid #ddd; border-bottom: 1px solid #ccc; color: #333; font-family: tahoma, sans-serif, arial; font-size: 11px; line-height: 18px; padding: 0px 5px 0px 5px; text-shadow: 1px 1px 0 #fff; margin: 2px; }

.quotestyle { font-size: 10px; font-family: helvetica, arial, sans-serif; color: #838383; background-color: #F5F5F5; display: block; padding: 3px; }

.fa-05x { font-size: 50% !important; }
.fa-06x { font-size: 60% !important; }
.fa-07x { font-size: 70% !important; }
.fa-08x { font-size: 80% !important; }
.fa-09x { font-size: 90% !important; }

#modalcookies { overflow: hidden; }

.img-caption h1 a, .img-caption h2 a, .img-caption h3 a, .img-caption h4 a, .img-caption h5 a, .img-caption h6 a {  color: #fff; text-decoration: none !important; } 
a.btn-caption {  color: #fff !important; text-decoration: none !important; } 
input[type="file"] { height: auto !important; }
a.panel-footer-side { color: #0099da !important; }

.margin-top-xs { margin-top: 5px !important; }
.margin-bottom-xs { margin-bottom: 5px !important; }
.margin-left-xs { margin-left: 5px !important; }
.margin-right-xs { margin-right: 5px !important; }

.margin-top-sm { margin-top: 10px !important; }
.margin-bottom-sm { margin-bottom: 10px !important; }
.margin-left-sm { margin-left: 10px !important; }
.margin-right-sm { margin-right: 10px !important; }

.margin-top-md { margin-top: 20px !important; }
.margin-bottom-md { margin-bottom: 20px !important; }
.margin-left-md { margin-left: 20px !important; }
.margin-right-md { margin-right: 20px !important; }

.margin-top-lg { margin-top: 40px !important; }
.margin-bottom-lg { margin-bottom: 40px !important; }
.margin-left-lg { margin-left: 40px !important; }
.margin-right-lg { margin-right: 40px !important; }

.header-full-img { float: left; overflow: hidden; margin: 32px 0; }
.header-no-menu { border-bottom: solid 1px #ddd; margin-bottom: 40px; }
.navbar-default .navbar-brand-img { padding-left: 45px; }

.carousel-inner > .item > img, .carousel-inner > .item > a > img { margin: auto; }

body { overflow: hidden; }
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99; }
#status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: none; background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; }

.i-success { color: #3c763d; background-color: #ddffef; border-color: #02c66c; padding: 5px; border: 1px solid; border-radius: 2px;}
.i-success a { color: #02c66c; }
.i-warning { color: #8a6d3b; background-color: #fceedb; border-color: #f0ad4e; padding: 5px; border: 1px solid; border-radius: 2px;}
.i-warning a { color: #f0ad4e; }

.panel-primary .panel-heading h2 { color: #041645; margin: 0; font-size: 1em; font-family: "Open Sans", sans-serif; font-weight: bold; line-height: 100%; border: 0; padding: 0; }
.panel-default .panel-heading h2 { color: #041645; margin: 0; font-size: 1.2em; font-family: "Open Sans", sans-serif; font-weight: 500; line-height: 100%; }

.panelone { border: solid 1px #ddd; }
.panelone .panel-heading { background-color: #f3f3f3; color: #041645; border-color: #ddd; padding: 7px 12px; }
.panelone .panel-body { padding: 15px; }
.panelone .panel-heading h2 { color: #ffffff; background: #041645; width: 160px; margin: 0; font-size: 0.8em; font-family: "Open Sans", sans-serif; text-transform: uppercase; font-weight: bold; line-height: 100%; border: 0; padding: 8px 15px; }

.paneltwo { border: solid 1px #d9d9d9; padding: 10px; }
.paneltwo .panel-heading { background-color: #041645; color: #fff; border-color: #ddd; padding: 7px 12px; }
.paneltwo .panel-body { padding: 15px; }
.paneltwo .panel-heading h2 { color: #fff;  margin: 0; font-size: 16px; font-family: "Roboto Condensed"; text-transform: uppercase; sans-serif; font-weight: 500; padding: 8px 15px; margin-left: 2px; margin-right: 2px; letter-spacing: 1px; }

.panelthree { border: 0 !important; }
.panelthree .panel-heading { background-color: inherit !important; padding: 0 !important; display: block; margin: 5px 0 15px 0; border-bottom: 1px dotted #e4e9f0 !important; }
.panelthree .panel-body { padding: 0 0; }
.panelthree .panel-heading h2 { margin: 0 0 -2px 0; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #e73c3c; font-size: 1.5em; font-family: "Open Sans", sans-serif; font-weight: normal; line-height: 100%; color: #555; }

.fa-2xw { font-size: 2em !important; width: 37px; }

.carousel-caption { color: #fff !important; text-shadow: none !important; font-size: 1.1em; line-height: 1.3em;}

.top-nav-social a.icon-1 { width: 50px; height: 50px; background-image: url(images/ico1.png); background-repeat: no-repeat; padding-left: 8px; }
.top-nav-social a.icon-1:hover { background-color: #ff0000; background-image: url(images/ico1-i.png); }

.top-nav-social a.icon-2 { width: 50px; height: 50px; background-image: url(images/ico2.png); background-repeat: no-repeat; }
.top-nav-social a.icon-2:hover { background-color: #9e9fa6; background-image: url(images/ico2-i.png); }

.top-nav-social a.icon-3:hover { background-color: #aaa; color: #fff; }

.carousel { }

#myscrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; }
#myscrollbar::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; }
#myscrollbar::-webkit-scrollbar-thumb {	border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #D62929; }

.grayon img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.grayon img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); }

.sidecontactinfo { font-size: 15px; color: #fff; background: #041645; padding: 16px; font-family: 'Roboto Slab'; line-height: 20px !important; }
.sidecontactinfo li { margin-left: -20px; }

.morebutton { color: #ffffff; background: #d60202; font-weight: bold; font-size: 0.8em !important; padding: 4px 15px; }

.divider { width: 245px; height: 50px; }

.nav > li > a { padding: 15px 10px !important; }

a.downbutton, a.downbutton:hover { color: #ffffff; background: #d60202; font-size: 1em; font-family: "Open Sans"; font-weight: bold; line-height: 100%; padding: 8px 15px; }

.no-border { border: 0 !important; }

a.arts-control { color: #041645; }
a.arts-control:hover { color: #d60202; text-decoration: none; }

.videowrapper { position: relative; margin-bottom: 20px; padding: 10px;  font-family: 'Roboto Condensed'; font-size: 17px !important; font-weight: 700 !important; text-transform: uppercase; }
.videowrapper a { text-align: center; text-transform: uppercase; color: #000; }
.videowrapper a:hover { text-decoration: none; color: #041645; }
.videowrapper .glyphicon { position: absolute; top: 55px; left: 140px; font-size: 60px; color: rgba(255, 255, 255, 0.7); }
.videowrapper .glyphicon:hover { color: #aaa; transition: all .25s ease; }

.video-panel { background-color: #fff; padding: 5px; margin-bottom: 20px; border: 1px solid #ddd; }
.video-panel .panel-footer { font-size: 0.75em; padding: 10px 0 0 0; text-transform: uppercase; font-weight: 600; }
.video-panel .panel-footer i { margin: 0 3px; }
.video-panel h4 { height: 2.4em; overflow: hidden; font-size: 1em; margin: 10px 0; }
.video-panel .videowrapper .glyphicon { position: absolute; font-size: 70px; color: rgba(255, 255, 255, 0.6); left: 0; right: 0; margin: auto auto auto auto; top: 0; bottom: 0; width: 70px; height: 70px; }


.pictosidemain {padding-bottom: 50px; padding-top: 20px;}
.pictosidedesc { }
.pictosideitems { color: #183054; font-weight:300; font-size: 0.9em; line-height: 15px; }
.pictoimgs { transition: all .6s ease; border: 1px dotted #3d3c5e; height: 170px; }
.pictoimgs:hover { border: 1px dotted #0c0b22; vertical-align: middle; background-color: #c1c2c7; color: #041645;  }
.pictotitle { margin-right: auto; margin-left: auto; color: #000 !important;}
.pictoone { display: block;  padding-bottom: 10px; margin-right: 10px; }
.pictotwo { display: none; font-size: 0.9em; font-weight: bold; vertical-align: middle;  }
.pictotwo a, .pictotwo a p { padding-top: 10px; text-decoration: none; color: #041645; font-size: 12px; text-transform: uppercase; font-family: 'Roboto Slab'; text-align: center; line-height: 20px; font-weight: 600 !important; }
.pictotwo a:hover, .pictotwo a:hover p { color: #041645; text-decoration: none; }
.pictotitle a {color: #9e9fa6; font-family: 'Roboto Slab'; font-size: 12px; text-transform: uppercase; font-weight: 400;}

.horimgcenter img { margin-right: auto; margin-left: auto; }

.infotext { margin-bottom: 30px; background-image: url(images/bg5.png); background-repeat: repeat; color: #707070; width: 100% !important; font-family: 'Roboto Slab'; font-weight: 400 !important; font-size: 16px !important;  }
.infotexta { margin-top: 30px; padding-top: 20px; padding-bottom: 30px; background-image: url(images/bg6.png); background-repeat: repeat; color: #707070; font-family: 'Roboto Slab'; font-weight: 400 !important; font-size: 16px !important;  }
.infotext2 {  margin-top: 50px !important; background-image: url(images/bg5.png); background-repeat: repeat; color: #ccc; width: 100% !important; }
.infotext3 {  color: #041645; font-family: 'PT Serif', serif !important; font-size: 14px; font-weight: 400; line-height: 16px !important;}
.infotext3a { background-color: #f26522; color: #000; font-family: 'Roboto', serif !important; font-size: 17px; font-weight: 400; padding-top: 10px; letter-spacing: 1px;}
.infotext4 {margin-top: 15px; padding-top: 20px;  background-color: #041645; color: #fff; font-family: 'Roboto Slab', serif !important; font-size: 15px; font-weight: 400; width: 100% !important; }
.infotext4a {margin-top: 15px; padding-top: 10px; padding-bottom: 60px; background-color: #041645; color: #fff; font-family: 'Roboto Slab', serif !important; font-size: 14px; font-weight: 400; }
.infotext4b {margin-top: 15px; padding-top: 20px; padding-bottom: 20px; background-color: #041645; color: #fff; font-family: 'Roboto Slab', serif !important; font-size: 14px; font-weight: 400; }
.infotext5 { margin-top: 15px; background-color: #444; color: #000; font-family: 'Roboto', serif !important; font-size: 17px; font-weight: 400; }
.infotext6 { background-color: #666; color: #000; font-family: 'Roboto', serif !important; font-size: 17px; font-weight: 400; }
.infotext7 { background-image: url(images/bg5.png); background-repeat: repeat; color: #fff; width: 100% !important; line-height: 25px !important; font-size: 14px; }
.infotext .container { width: 100%; padding-left: 40px; padding-right: 40px; }
.infotext2 .container { width: 100%; padding-left: 40px !important; padding-right: 40px !important; }
.infotext3 .container { width: 100%; padding-left: 40px; padding-right: 40px; }
.infotext4 .container { width: 100%; padding-left: 40px; padding-right: 40px; }
.infotext5 .container { width: 100%; padding-left: 40px; padding-right: 40px; }
.infotext6 .container { width: 100%; padding-left: 40px; padding-right: 40px; }
.infotext7 .container { width: 100%; padding-left: 40px; padding-right: 40px; }
.infotext3a .container { width: 100%;  }
.infotext3 a { color: #041645 !important; }
.infotext3 p { color: #ff0000; }
.infotext5 a { color: #f26522; }
.infotext7 a {color: #707070; font-weight: 400;}
.infotext7 a:hover {color: #ccc; text-decoration: none;}

.greyscale {-webkit-filter: grayscale(1); filter: grayscale(1);  background-image: url(images/bg6.png); background-repeat: repeat; color: #fff !important; }

.videowrapper { position: relative; }
.videowrapper .glyphicon { position: absolute; font-size: 70px; color: rgba(255, 255, 255, 0.6); left: 0; right: 0; margin: auto auto auto auto; top: 0; bottom: 0; width: 70px; height: 70px; }
.videowrapper .glyphicon:hover { color: #aaa; transition: all .25s ease; }

.videostitle { position: relative; bottom: 1px; margin: 0px 10px; height: 50px; }
.videostitle a:hover { text-decoration: none; }
.videostitle a h4 { color: #000; font-size: 17px !important; font-family: 'Roboto condensed'; text-align: left !important; font-weight: 700 !important;  text-transform: uppercase; text-align: center; line-height: 22px; }
.videostitle a:hover h4 { color: #041645; text-decoration: none;}
.videoctitle { position: absolute; bottom: 5px; background: #bd081c; margin: 2px 10px; padding: 0px 7px; line-height: 1.2em; }
.videoctitle a { color: #041645; font-size: 0.8em; font-family: 'Roboto'; text-transform: uppercase; font-weight: 500; }
.videoctitle a:hover { color: #fff; text-decoration: none; }

.videoswrap { position: relative; padding-top: 20px; }
.videoswrap .invideoswrapone { position: relative; height: 105px; overflow: hidden; }
.videoswrap .invideoswrapone a { position: absolute; top: -50%; }
.videoswrap .invideoswraptwo { position: absolute; padding: 0 10px; bottom: 5px; right: 8px; color: rgba(255, 255, 255, 1); }
.videoswrap .invideoswraptwo:hover { color: #aaa; transition: all .25s ease; }
.videoswrap .invideoswrapthree { position: absolute; font-family: 'Roboto'; font-size: 0.8em; padding: 20px 0; top: 3px; right: 5px; color: rgba(255, 255, 255, 1); }

.sidevideotitle { bottom: 5px; background-image: url(images/bg.png); background-repeat: repeat;  margin: 0 0 2px 0; padding: 0px 7px; line-height: 14px; text-align: center !important; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.sidevideotitle .pull-left { padding-top: 4px; padding-bottom: 4px; padding-left: 3px; padding-right: 3px; }
.sidevideotitle .pull-left a { color: #252525; font-family: 'Roboto'; font-weight: 500; font-size: 11px; text-transform: uppercase;  }
.sidevideotitle:after { display: table; content: " "; clear: both; }

.videoslist { line-height: 1em; margin-bottom: 5px; text-align: left !important; }
.videoslist .mediaicon { float: left; color: #BF0000; font-size: 1.8em; padding: 4px 2px; }
.videoslist .mediaicon i { border-right: solid 1px #D2D0D0; padding: 0 6px; margin-right: 6px; line-height: 0.9em; }
.videoslist .mediaicon a i { color: #BF0000; }
.videoslist .mediaicon a i:hover { color: #BF0000; }
.videoslist h4 a { color: #000; font-family: 'Roboto'; font-weight: 600; font-size: 0.75em; text-align: left !important; }
.videoslist h4 { padding-bottom: 0; margin: 0; line-height: 0.9em; text-align: left !important;  }
.videoslist small { color: #bbbbbb; font-family: 'Roboto'; font-size: 0.75em; letter-spacing: 1px; font-weight: 400 !important: }
.videoslist .mediabody { line-height: 1em; text-align: left !important; }

.invideoswrap { position: relative; border-radius: 80px; overflow: hidden; width: 90px; }
.invideoswrap img { position: relative; left: -15px; }

.headfirstline { font-family: 'Roboto', serif; padding-top: 15px; padding-bottom: 10px; }
.headsecondline { font-family: 'Roboto', serif;  }
.headfirstline .headorange { border-radius: 4px; background-color: #f26522; border: 1px solid #d94a06; color: #fff !important; text-align: center; font-size: 14px; font-weight: 500 !important; margin: 2px; width: 182px;  padding-left: 3px; padding-top: 5px; padding-bottom: 4px; display: block; float: left; text-transform: uppercase;  }
.headfirstline .headblack { border-radius: 4px; background-color: #f26522; border: 1px solid #d94a06; text-align: center; font-size: 14px; font-weight: 500 !important; margin: 2px; color: #fff; width: 182px; padding-left: 3px; padding-top: 5px; padding-bottom: 4px; display: block; float: left; text-transform: uppercase;  }
.headsecondline .headorange { border-radius: 4px; background-color: #f26522; border: 1px solid #d94a06; color: #fff !important; text-align: center; font-size: 14px; font-weight: 500 !important; margin: 2px; width: 182px;  padding-left: 3px; padding-top: 5px; padding-bottom: 4px; display: block; float: left; text-transform: uppercase;  }
.headsecondline .headblack { border-radius: 4px; background-color: #f26522; border: 1px solid #d94a06; text-align: center; font-size: 14px; font-weight: 500 !important; margin: 2px; color: #fff; width: 182px; padding-left: 3px; padding-top: 5px; padding-bottom: 4px; display: block; float: left; text-transform: uppercase;  }
.headfirstline2 .headorange2 { border-radius: 4px; background-color: #f26522; border: 1px solid #d94a06; color: #fff !important; text-align: center; font-size: 14px; font-weight: 500 !important; margin: 2px; width: 182px;  padding-left: 3px; padding-top: 5px; padding-bottom: 4px; display: block; float: center; text-transform: uppercase;  }

.headorange:hover {  background-image: url(images/bg4.png); background-repeat: repeaborder: 1px solid #d94a06; color: #d94a06 !important; text-decoration: none !important; }
.headblack:hover { background-image: url(images/bg4.png); background-repeat: repea border: 1px solid #d94a06; color: #d94a06 !important; text-decoration: none !important; }

.blockfirstline { font-family: 'Roboto', serif;  padding-bottom: 10px; float: right !important; }
.blocksecondline { font-family: 'Roboto', serif;  }
.blockfirstline .blockorange { border: 2px solid #f26522; text-align: center; font-size: 14px; font-weight: 400 !important; margin-left: 2px; color: #fff; background: #f26522; padding-left: 20px; padding-right: 20px;  padding-top: 10px; padding-bottom: 10px; display: inline; float: left; text-transform: uppercase;  }
.blockfirstline .blockblack { border: 2px solid #d2d2d2; text-align: center; font-size: 18px; font-weight: 300 !important; margin: 2px; color: #707070; background: #d2d2d2; width: 100%; padding-left: 3px; padding-top: 30px; padding-bottom: 30px; display: block; float: left; text-transform: uppercase; }
.blocksecondline .blockorange { border: 2px solid #f26522; text-align: center; font-size: 14px; font-weight: 300 !important; margin: 2px; color: #000; background: #fff; width: 100%; padding-left: 3px; padding-top: 3px; padding-bottom: 2px; display: block; float: left; text-transform: uppercase;  }
.blocksecondline .blockblack { border: 2px solid #d2d2d2; text-align: center; font-size: 20px; font-weight: 100 !important; margin: 2px; color: #fff; background: #d2d2d2; width: 100%; padding-left: 3px; padding-top: 3px; padding-bottom: 2px; display: block; float: left; text-transform: uppercase;  }

.blockorange:hover { background-color: #f26522; border: 2px solid #f26522; color: #fff !important; text-decoration: none !important; font-weight: 500 !important; }
.blockblack:hover { background-color: #f26522; border: 2px solid #f26522; color: #fff !important; text-decoration: none !important;  }

.blockfleftline { font-family: 'Roboto', serif;  padding-bottom: 10px; float: center !important; }
.blocksecondline { font-family: 'Roboto', serif;  }
.blockleftline .blockleft {   width: 100%;  text-align: center; font-size: 20px; font-weight: 900 !important; color: #252525; padding-left: 20px; padding-right: 20px;  padding-top: 10px; padding-bottom: 10px; display: inline; float: left; text-transform: uppercase; letter-spacing: -1px; text-decoration: underline;  }
.blockfirstline .blockblack { border: 2px solid #d2d2d2; text-align: center; font-size: 18px; font-weight: 300 !important; margin: 2px; color: #707070; background: #d2d2d2; width: 100%; padding-left: 3px; padding-top: 30px; padding-bottom: 30px; display: block; float: left; text-transform: uppercase; }
.blocksecondline .blockorange { border: 2px solid #f26522; text-align: center; font-size: 14px; font-weight: 300 !important; margin: 2px; color: #000; background: #fff; width: 100%; padding-left: 3px; padding-top: 3px; padding-bottom: 2px; display: block; float: left; text-transform: uppercase;  }
.blocksecondline .blockblack { border: 2px solid #d2d2d2; text-align: center; font-size: 20px; font-weight: 100 !important; margin: 2px; color: #fff; background: #d2d2d2; width: 100%; padding-left: 3px; padding-top: 3px; padding-bottom: 2px; display: block; float: left; text-transform: uppercase;  }

.blockleft:hover {color: #d94a06; }
.blockblack:hover {text-decoration: none; color: #d94a06; }

.headfirstlinetxt {color: #041645; font-family: 'Marcellus SC', serif; margin-top: 10px; margin-bottom: 6px; font-size: 32px; font-weight:900 !important; line-height: 48px; border-bottom: 1px solid #ddd; letter-spacing: -1px;}
.headsecondlinetxt {color: #041645; font-family: 'Marcellus', serif; font-size: 14px; font-weight:700 !important; line-height: 20px; text-align: center !important; text-transform: uppercase; }
.headthirdlinetxt {color: #041645; font-family: 'Marcellus', serif; font-size: 14px; font-weight:700 !important; line-height: 20px; text-align: center !important; text-transform: uppercase; margin-bottom: 15px;}

.headsecondlinetxt a {color: #041645;}
.headsecondlinetxt a:hover {color: #041645; text-decoration: none;}

.headfirstlinetxt a {color: #041645;}
.headfirstlinetxt a:hover {color: #041645; text-decoration: none;}

.headthirdlinetxt a {color: #041645;}
.headthirdlinetxt a:hover {color: #041645; text-decoration: none;}


	.wraper{
      width: 100%;
			 height: 65px; 
      background-color: #041645;
			margin:0 auto;
			border-top:1px solid #ddd;
      z-index: 99999;
    
}
ul.main_menu{
    margin: 0px;
    padding: 0px;
    text-align: center;
    padding-bottom: 8px;
 padding-top:8px;
}

ul.main_menu li {
  display: inline-block;
  position: relative;
}
ul.main_menu li a {
    display: block;
    padding: 15px 21px;
    background-color: #041645;
   color: #fff; font-family: 'PT Serif', serif; font-size: 14px; font-weight:500 !important; text-transform: uppercase; 
    text-decoration: none;
    -webkit-transition: .5s ease;
    transition: .5s ease;

}
ul.main_menu li a:hover,
ul.main_menu li ul.sub_menu li a:hover{
			background-color:  #eee;
      color: #041645;
}
ul.main_menu li a i {
  position: relative;
  top: 2px;
  left: 4px;
  -webkit-transition:.5s ease;
  -moz-transition:.5s ease;
  -ms-transition:.5s ease;
  -o-transition:.5s ease;
  transition:.5s ease;
}
ul.main_menu li:hover i{
			-webkit-transform:rotate(180deg);
			-moz-transform:rotate(180deg);
			-ms-transform:rotate(180deg);
			-o-transform:rotate(180deg);
			transform:rotate(180deg);
		}
		ul.main_menu li ul.sub_menu{
			margin: 0px;
      padding: 0px;
      position: absolute;
      margin-right: -20px;
      z-index: 99999;
      visibility:hidden;
      opacity: 0;
      -webkit-transition:.5s ease;
      -moz-transition:.5s ease;
      -ms-transition:.5s ease;
      -o-transition:.5s ease;
      transition:.5s ease;
		}
ul.main_menu li ul.sub_menu li{
			 display: inline-block;
       width: 300px;
       
}
ul.main_menu li ul.sub_menu li a{
  display: inline-block; 
  display: block;
  padding: 10px 32px;
  background-color: #041645;
  color: #fff;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  font-family: 'PT Serif', serif; font-size: 13px; font-weight:500 !important;
}
ul.main_menu li:hover ul.sub_menu{
			margin-right: 0px;
  margin-bottom:1px;
			opacity: 1;
			visibility: visible;
			display: block;
			border-bottom: 1px solid #fff;
}
  
.newssideinfly { display: none; }
.newssideinfly p { color: #252525 !important; height: 65px; overflow: hidden; font-family: 'Source Sans Pro', sans-serif !important; line-height: 1.42857143 !important; font-size: 15px !important; font-weight: 400 !important; text-align: left !important; }
.newssideinfly a { color: #000; }

.picwrapper { position: relative; margin-bottom: 10px; border: 1px solid #ddd; padding: 7px; background-color: #fff !important; }
.textshadowonpic { position: absolute; top: 170px; font-family: 'PT Serif'; font-size: 18px; font-weight:400; line-height: 20px;  width: 90%; margin-left: 5%;  text-shadow: 1px 1px 3px black;  }
.textshadowonpic a { color: #fff; }
.textshadowonpic a:hover { color: #fff; } 

.picwrapper img {   transition-duration: 1s;
  -webkit-filter: grayscale(60%);
-moz-filter: grayscale(60%);
-o-filter: grayscale(60%);
-ms-filter: grayscale(60%);
filter: grayscale(60%);
border: 1px solid #eee;
box-shadow: inset 5px 5px 20px #000;}

.picwrapper img:hover {   transition-duration: 1s;
  -webkit-filter: grayscale(1%);
-moz-filter: grayscale(1%);
-o-filter: grayscale(1%);
-ms-filter: grayscale(1%);
filter: grayscale(1%);
border: 1px solid #eee;
box-shadow: inset 5px 5px 20px #000;}

.btimeline { list-style-type: none; }
ul.btimeline { padding: 0 20px 0 20px; }
.btimeline .thumbnail { border-radius: 150px; }
.btimeline .thumbnail img { border-radius: 150px; border: 1px solid #ddd; }

.headblog {color: #252525; font-family: 'Roboto Condensed', serif; text-transform: uppercase; font-size: 16px; font-weight:400 !important; text-align: left !important; margin-bottom: 15px;  }
.headblog a { color: #041645; text-decoration: none; font-size: 17px !important; font-weight:600 !important;}
.headblog a:hover { color: #b90101; text-decoration: none !important;}
.headblog p { font-size: 13px !important; color: #252525;}

.fb-page {width: 100%;}

.bsmenu { line-height: 24px; font-family: 'Roboto Slab', serif; text-align: left !important; font-size: 15px; padding-left: 10px; text-transform: uppercase; }
.bsmenu a { text-decoration: none !important; color: #878798 !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 1px !important; }
.bsmenu a:hover { text-decoration: none !important; color: #c9c9c9 !important; }

.osintitle {letter-spacing: 1px; text-align:center; font-family: 'Roboto Condensed'; border-bottom: 1px dotted #51516f; text-transform: uppercase; color: #d9d9d9; font-weight: 500; font-size: 20px; line-height: 40px; margin-top: 10px; margin-bottom: 30px; width: 50% !important;}
.osintitle_dark { letter-spacing: 1px; text-align:center; font-family: 'Roboto Slab'; border-bottom: 1px dotted #51516f; text-transform: uppercase; color: #041645; font-weight: 500; font-size: 16px; line-height: 40px; margin-top: 10px; margin-bottom: 30px; width: 50% !important; text-align: center;}

.sideiconslast {display: none;}

.dropdown-search-box { top: 22px !important; right: 360px !important; }

.sidecalendar { margin-bottom: 10px; }
.sidecalendar:after { display: table; content: " "; clear: both; }

.sidecalendardates { color: #d9d9d9; font-family: 'Roboto Slab', serif; font-size: 14px; font-weight: 600; text-decoration: none; }
.sidecalendardates .first { float: left; padding: 11px 8px 11px 0; }
.sidecalendardates .second { float: left; text-align: center; padding: 0 8px; border-right: 1px dotted #5f5f7b; margin-right: 10px; line-height: 20px; }

.sidecalendartitle { padding: 0 10px; font-family: 'Roboto Condensed' !important; }
.sidecalendartitle a:hover { color: #c3c3c3; text-decoration: none; }
.sidecalendartitle a { color: #878798; font-family: 'Roboto Condensed', serif; font-weight: 500; font-size: 16px; text-transform: uppercase; }
.social_box {background-color: #041645 !important; padding-left:12px; padding-right:12px; padding-top:12px; padding-bottom:2px;}
.social_box_bis {background-color: #fff !important; color: #365899 !important; font-family: Arial !important; text-align: center !important; padding-left:12px; padding-right:12px; padding-top:15px; padding-bottom:0px; border-radius: 8px !important; height: 620px !important;}
.social_box_bis p {color: #365899 !important; font-size: 16px; border-bottom: 1px solid #e9ebee; width: 90%; text-align: center; margin-left: 5%; padding-bottom: 4px;}
.twitter-timeline a {background-color: #041645 !important;}

.firstline {font-family: 'Roboto Condensed' !important; font-weight: 500 !important; text-transform: uppercase;}
.secondline {font-family: 'Roboto Condensed' !important; font-weight: 500 !important; text-transform: uppercase;}

@media (max-width: 767px) {
  #header { background: #f3f3f3; }
}