@font-face {font-family:'DINGreek-Regular'; src:  url("fonts/DINGreek-Regular.ttf?v=1.1.0") format("truetype"); font-weight: normal; font-style: normal;}
@font-face {font-family:'DINGreek-Medium'; src:  url("fonts/DINGreek-Medium.ttf?v=1.1.0") format("truetype"); font-weight: normal; font-style: normal;}
@font-face {font-family:'DINGreek-Bold'; src:  url("fonts/DINGreek-Bold.ttf?v=1.1.0") format("truetype"); font-weight: normal; font-style: normal;}
/*********************************************************************************************************************************************************************************************/
div.adminMenu a{font:13px "DINGreek-Regular",  Helvetica, Arial, sans-serif; color:red !important; text-decoration:none;}
div.adminMenu a:hover{background:none !important; text-decoration:underline !important;}
/*********************************************************************************************************************************************************************************************/
html, body {margin:0; padding:0; position: relative; font:15px/23px "DINGreek-Regular", Helvetica, Arial, sans-serif; color:#000; -webkit-text-size-adjust:100%;}
div.clear{clear:both;}
hr {background:url(images/hr-11.png) repeat-x 0 0; height:5px; border:0; margin:30px 0;}
strong{font-family:"DINGreek-Medium", Helvetica, Arial, sans-serif; font-weight:normal;}
/*********************************************************************************************************************************************************************************************/
div#wrap{margin:0;}
div.container{width:74%; margin:auto; position:relative;}
/*********************************************************************************************************************************************************************************************/
/*TOP*/
div.top{background:#004365; width:100%; padding:10px 0; color:#FFF;}
div.top_left, div.header_left, div.nav, div.bottom_left{float:left;}
div.header_left{width:450px;}
div.top_right, div.header_right, div.search, div.bottom_right{float:right;}
div.header_right a.box{display:inline-block; width:170px; height:65px; padding:20px 0; text-decoration:none; transition: background-color 0.3s ease-out 0s, border 0.3s ease-out 0s, color 0.3s ease-out 0s, opacity 0.3s ease-in-out 0s; border:solid #F2F2F2 1px;}
div.header_right a.box span{float:left; margin-left:50px; font:11px "DINGreek-Bold", Helvetica, Arial, sans-serif; text-align:left; color:#000;}
div.header_right a.box1{background:url(images/signup.png) #F2F2F2 no-repeat left;}
div.header_right a.box2{background:url(images/members.png) #F2F2F2 no-repeat left;}
div.header_right a.box3{background:url(images/newsletter_register.png) #F2F2F2 no-repeat left;}
div.header_right a:hover{background-color:#E1E1E1;  border:solid #E1E1E1 1px;}

div.top_left a, div.top_right a{color:#FFF; font:13px "DINGreek-Regular", Helvetica, Arial, sans-serif; text-decoration:none;}
div.top_left a:hover, div.top_right a:hover, div.adminMenu a:hover{text-decoration:underline;}
div.top_right div.media a img{width:17px; border:none; padding:0;}
div.top_right div.media a span{font:13px "DINGreek-Regular",  Helvetica, Arial, sans-serif; top:-2px; position:relative; padding:0 4px;}
/*********************************************************************************************************************************************************************************************/
/*HEADER*/
div.header{margin-top:20px;}
div.header_right{font:13px "DINGreek-Regular",  Helvetica, Arial, sans-serif; text-align:right;}
div.header_right a{font:13px "DINGreek-Medium",  Helvetica, Arial, sans-serif; color:#16A2B7; background:none; padding:0;}
div.header_right a:hover{text-decoration:none;}
div.header_right div a:hover, div.header_right div.admin_menu a:hover{text-decoration:none; background:none; border:none;}
div.header_bottom{width:100%; min-height:40px; background:#16A2B7; margin-top:20px; z-index:1000; position:relative;}
div.nav{width:100%; top:2px; position:relative;}
div.menu ul li, div.submenu ul li, div.sitemap ul li{display:inline-block; margin-right:20px; }
div.menu ul li a, div.submenu ul li a, div.sitemap ul li a{color:#FFF; text-decoration:none; font:15px/23px "DINGreek-Medium", Helvetica, Arial, sans-serif;}
div.submenu ul li a{font:15px/23px "DINGreek-Medium",Helvetica,Arial,sans-serif; padding:2px;}
div.menu ul li a:hover, div.submenu ul li a:hover{text-decoration:underline;}
div.menu ul li.menu_current a, div.submenu ul li.menu_current a{text-decoration:none; background:#FFF; color:#000;}
div.search{margin:20px 0; width:23%; margin-bottom:-40px; z-index:1; position:relative;}
input.search, input.email_address{-webkit-appearance: none; float:left; width:85%; background:#FFF; padding:5px; border:solid #CCC 1px; border-radius:0; font:15px "DINGreek-Medium",  Helvetica, Arial, sans-serif; color:#353F4B;}
input.search{padding:9px 5px; width:90%;}
form input.search_btn{-webkit-appearance: none; float:right; background: url(images/searchbtn.png) no-repeat scroll center center transparent; background-color:#F2F2F2; border:solid 1px #CCC; border-radius:0; width:9%; height:40px; cursor:pointer; transition: background-color 0.3s ease-out 0s, border 0.3s ease-out 0s, color 0.3s ease-out 0s, opacity 0.3s ease-in-out 0s;}
form input.search_btn:hover{background-color:#E1E1E1; border:solid 1px #E1E1E1;}
input.email_address{border:none;}
/*HEADER SLIDER*/
div.header_slider{width:100%;}
/*********************************************************************************************************************************************************************************************/
div.popup{width:100%; background:#EFEFEF; border-left:solid 1px #FFF; border-right:solid 1px #FFF; border-bottom:solid 2px #FFF; box-shadow:0 9px 5px -6px rgba(0,0,0,.25); position:absolute; z-index:1000; margin-top:-2px; display:none;}
div.popup div.container{width:97%; height:200px; padding:10px;  position:relative;}
div.popup_left{float:left; width:48%;}
div.popup_right{float:right; width:48%; margin-bottom:20px;}
div.popup_right img{width:100%; border:solid 1px #FFF;}
div.popup_left a{font:14px/19px "DINGreek-Medium", Helvetica, Arial, sans-serif;  color:#000; text-decoration:none; border-bottom:solid #CCC 1px; padding:8px 0; width:100%; display:block;
text-indent:0px !important;}
div.popup_left a:hover{color:#9A2D4D;}
div.include-menu a{font:17px/22px "DINGreek-Medium", Helvetica, Arial, sans-serif; color:#004365;}
div.popup_left li.menu_current a{color:#9C2F4F;}
div.menu_image{display:none;}
/*********************************************************************************************************************************************************************************************/
/*SLIDER SCROLLING*/
div.slider_scrolling{top:-16px; position:relative;}
div.slider_post, div.carousel_post{width:100%; float:left;}
div.slider_short, div.carousel_short, div.carousel_short p img, div.header_left img{width:100%;}
div.gallery-cell{width:100%}
div.slider_short img, div.slider_short p img{width:100% !important;}
div.carousel_short{width:100%; margin:auto;}
div.slider_long{margin-top:-15%; left:13%; position:relative; padding:5px 0; font:27px/35px "DINGreek-Medium", Helvetica, Arial, sans-serif; color:#D6FFFF; width:70%;}
div.slider_long p{display:inline; background: url(images/bg_desc_slider.png) repeat;}
div.carousel .hero-gallery{border:solid #CCC 1px;}
div.carousel{margin-bottom:20px;}
/*********************************************************************************************************************************************************************************************/
div.column_left{width:73%; float:left; text-align:justify;}
div.column_left ul{list-style:inside; text-align:left;}
div.column_left ul li {display:block; background:url(images/listarrow.jpg) no-repeat 0 4px; padding-left:26px; margin-bottom:6px;}
div.column_left a{color:#004365; text-decoration:underline;}
div.column_left a:hover{text-decoration:none; }
div.column_right{width:23%; float:right; margin-top:60px;}
div.title{width:100%; padding:30px 0; background:#EFEFEF; border-bottom:solid #CCC 1px;}
div.page_menu{width:50%; float:left;}
/*********************************************************************************************************************************************************************************************/
/* SUBMENU */
div.sub-menu {width:100%; margin:0 auto; margin-bottom:20px; }
div.sub-menu ul {background:#EFEFEF; border:solid #CCC 1px; list-style:none outside none; margin:-10px 0 0 0px; padding:20px;}
div.sub-menu ul li {margin:0 0 8px;}
div.sub-menu ul li a {display:block; border-bottom:1px solid #CCC; padding:10px 0; font:15px/23px "DINGreek-Medium",Helvetica,Arial,sans-serif; color:#000; text-decoration:none;}
div.sub-menu ul li a:hover, div.sub-menu ul li.menu_current a {color:#9C2F4F;}
div.sub-menu ul ul {margin: 0; padding:0; border:none;}
div.sub-menu ul ul li {margin:0 0 10px;}
div.sub-menu ul ul li a {display: block; /*background: url(../images/submenuarrow.jpg) no-repeat left 13px;*/ border-bottom:1px solid #CCC; padding: 8px 0 10px 20px; font:15px/23px "DINGreek-Medium",Helvetica,Arial,sans-serif; color:#000; text-decoration:none;}
/*div.sub-menu ul ul li a:hover, div.sub-menu ul ul li.menu_current a {background: url(../images/submnenuarrowH.jpg) no-repeat left 13px;}*/
div.sub-menu ul ul li a:hover, div.sub-menu ul li.menu_current a {color:#9C2F4F; font:15px/23px "DINGreek-Medium",Helvetica,Arial,sans-serif;}
div.sub-menu ul  div.sub-menu ul div.sub-menu{width:95%; float:right;}
div.sub-menu ul  div.sub-menu ul div.sub-menu ul li a{border-bottom:1px dotted #CCC;}
/*********************************************************************************************************************************************************************************************/
/*MOBILE MENU*/
div.nav_mob{display:none;}
button.mobile_menu_btn{background:none; border:none; margin:0; padding:0; width:35px; top:8px; position:relative; cursor:pointer;}
div.nav_mobile div.submenu_mobile ul ul{margin-left:0;}
div.nav_mobile ul li a{text-indent:5px;}
div.submenu_mobile_level1 ul li a{text-indent:20px;}
div.submenu_mobile_level2 ul li a{text-indent:30px;}
div.submenu_mobile_level3 ul li a{text-indent:40px;}

div.nav_mobile{padding:20px 0 10px 0;}
div.nav_mobile div.submenu_mobile ul li{width:100%; margin:0;}
div.nav_mobile div.submenu_mobile ul li a{width:100%; display:block; padding:10px 0; border-bottom:solid #008297 1px; text-decoration:none; color:#FFF;}
div.nav_mobile div.submenu_mobile ul li.menu_mobile_current a, div.nav_mobile div.submenu_mobile ul li.menu_mobile_current div ul li.menu_mobile_current{background:#008297; color:#FFF; text-decoration:none; }
div.nav_mobile div.submenu_mobile ul li.menu_mobile_current div.submenu_mobile_level1 a{background:none; color:#FFF;}
div.nav_mobile div.submenu_mobile ul li.menu_mobile_current div.submenu_mobile_level1 a:hover{text-decoration:underline;}
/*********************************************************************************************************************************************************************************************/
/* SUBMENU POPUP */
/*********************************************************************************************************************************************************************************************/
div.breadcrumps {width:48%; float:right; top:42px; position:relative; font:14px/19px "DINGreek-Regular",Helvetica,Arial,sans-serif; color:#000; text-align:right;}
div.breadcrumps a {font:14px/19px "DINGreek-Medium",Helvetica,Arial,sans-serif; color:#000; text-decoration: none;}
div.breadcrumps a:hover {text-decoration:underline;}
div.breadcrumps a.breadcrumbs_current {font:14px/19px "DINGreek-Medium",Helvetica,Arial,sans-serif; color:#000; text-decoration:underline; cursor:text;}
/*********************************************************************************************************************************************************************************************/
h1{font:35px/40px "DINGreek-Medium",  Helvetica, Arial, sans-serif; color:#000; letter-spacing:-2px; text-align:left;}
h2{font:30px/35px "DINGreek-Medium",  Helvetica, Arial, sans-serif; color:#16A2B7; letter-spacing:-2px; text-align:left;}
h3{font:25px/30px "DINGreek-Regular",  Helvetica, Arial, sans-serif; color:#004365; text-align:left; margin-top:0;}
h4{font:20px/25px "DINGreek-Medium",  Helvetica, Arial, sans-serif; color:#9A2D4D; letter-spacing:-1px; margin:20px 0; margin-top:0; text-align:left;}
h5{font:15px/20px "DINGreek-Medium",  Helvetica, Arial, sans-serif; color:#000; letter-spacing:0px; margin:0; text-align:left;}
h6{font:13px/18px "DINGreek-Medium",  Helvetica, Arial, sans-serif; color:#000; letter-spacing:0px; margin:20px 0; text-align:left;}
/*********************************************************************************************************************************************************************************************/
/*NEW*/
div.new{width:47%; margin:0 20px 20px 0; float:left; border-bottom:solid #CCC 1px;}
div.new_second{width:47%; margin:0 20px 20px 0; float:left;}
div.new_left{float:left; width:48%;}
div.new_right{float:right; width:48%; height:110px; text-align:left;}
div.new_right a{font:14px/19px "DINGreek-Medium",  Helvetica, Arial, sans-serif; color:#004365; text-decoration:none; text-align:left;}
div.new_right a:hover, div.carousel_short a:hover{text-decoration:underline;}
/*********************************************************************************************************************************************************************************************/
/*TRAINING*/
div.training{width:31%; margin:0 10px -20px 0; display:inline-block; position:relative; vertical-align:top;}
div.training img, div.new img, div.new_left img, div.column_right img{width:100%;}
div.training_short_right{margin-top:-15px;}

div.training div.edit_post{top:15px; position:relative;}
/*********************************************************************************************************************************************************************************************/
/*CALENDAR*/
div.calendar{margin-bottom:20px;}
div.calendar iframe{border:solid #CCC 1px;}
/*********************************************************************************************************************************************************************************************/
/*BANNER*/
div.banner{margin:20px 0; background:none; color:#353F4B; text-align:left;}
div.banner a{display:block; vertical-align:middle; width:100%; background:#D2D3D7; border:none; color:#353F4B; text-decoration:none; padding:6px 0; font:15px "DINGreek-Medium", Helvetica, Arial, sans-serif;
text-align:center; transition: background-color 0.3s ease-out 0s, border 0.3s ease-out 0s, color 0.3s ease-out 0s, opacity 0.3s ease-in-out 0s;}
div.banner a:hover{background:#B2B3B7;}

div.pink{background:none; margin-bottom:-17px;}
div.pink p{margin:0;}
div.pink a{background:#9A2D4D; padding:15px 0; color:#FFF; transition: background-color 0.3s ease-out 0s, border 0.3s ease-out 0s, color 0.3s ease-out 0s, opacity 0.3s ease-in-out 0s;}
div.pink a:hover{background:#6A2036;}
/*********************************************************************************************************************************************************************************************/
/*FOOTER*/
div.contact{background:#16A2B7; width:100%; position:relative; margin-top:50px; padding:30px 0;}
/*********************************************************************************************************************************************************************************************/
div.contact div.container{margin-bottom:20px; width:74%; margin:auto; font:15px/23px "DINGreek-Medium", Helvetica, Arial, sans-serif; color:#FFF;}
div.contact div.container h4, div.contact_right h4, div.footer h4{color:#FFF;}
div.contact div.container div.contact_block{border-bottom:dotted #A6EFEF 1px; width:60%; padding:10px 3px;}
div.contact div.container table td{border:none; padding:5px 0;}
div.contact div.container table td a{color:#FFF; text-decoration:none;}
div.contact div.container table td a:hover{text-decoration:underline;}
.contact div.container table td{border:none; vertical-align:bottom;}
div.media, div.icon {margin-right:10px; float:left;}
div.media a img{width:20px;}

div.footer div.container div.menu{display:inline-block; vertical-align:top; width:24%; height:250px; margin:6px;}
div.footer div.container div.menu:nth-child(4), div.footer div.container div.menu:nth-child(5), div.footer div.container div.menu:nth-child(6),
div.footer div.container div.menu:nth-child(7){height:auto;}

div.footer div.container div.menu div.title_menu{margin-bottom:5px;}
div.footer div.container div.menu div.title_menu a{font:16px/21px "DINGreek-Bold", Helvetica, Arial, sans-serif; color:#16A2B7;}
div.submenu div{margin:5px 0;}
/*********************************************************************************************************************************************************************************************/
div.contact_left{float:left; width:50%;}
div.contact_right{float:right; width:50%;}
div.contact_right iframe{margin:20px 0;}
/*********************************************************************************************************************************************************************************************/
div.footer{background:#004365; padding:10px 0;}
div.footer div.container{padding-top:20px;}
div.footer a{color:#FFF; font:14px/19px "DINGreek-Regular", Helvetica, Arial, sans-serif; text-decoration:none;}
div.bottom{background:#004365; border-top:solid #105375 1px; padding:10px 0; font:13px "DINGreek-Regular", Helvetica, Arial, sans-serif; color:#FFF;}
div.bottom_right a{color:#FFF; text-decoration:none;}
div.bottom_right a:hover, div.footer a:hover{text-decoration:underline;}
/****************************************************************************************************************************************************************************************/
table th {background:#9A2D4D; padding:5px 0 5px 8px; font:15px/23px "DINGreek-Medium", Helvetica, Arial, sans-serif; color:#FFF; text-align:left;}
table td {padding:6px 8px; border-bottom:1px dotted #888888; vertical-align:top; font:15px/23px "DINGreek-Regular", Helvetica, Arial, sans-serif; text-align:left;}
/****************************************************************************************************************************************************************************************/
/*TIMELINE*/
ul.timeline {list-style:none; margin:0; margin-bottom:-21px; margin-top:20px; padding:0; position:relative;}
ul.timeline::before {background:#16A2B7; bottom: 0; content: ""; left:12%; position:absolute; top:0; width:3px;}
.timeline > li {background:none; margin:0; padding:0; position:relative; background:none !important; padding:0 !important;}
.timeline > li .time span {color:#000; font:15px/55px "DINGreek-Bold", Helvetica, Arial, sans-serif; display:block; text-align:right; letter-spacing:-1px;}
.timeline > li .bullet {background:#16A2B7; height: 12px; left: 11.6%; position: absolute; top: 22px; width: 12px;  border-radius:100%;}
h2.time {width:10%; background:none; margin:0; padding:0; position:absolute;}
div.text {border:solid 1px #FFF; margin:0 0 2% 15%; position:relative; text-align:left;}
/****************************************************************************************************************************************************************************************/
/*TOGGLE*/
div.togglepost {margin-bottom:20px; text-align:left;}
div.togglepost a{font:15px/23px "DINGreek-Medium", Helvetica, Arial, sans-serif;}
div.togglepost img{width:100%;}
/****************************************************************************************************************************************************************************************/
/*FORM*/
div.form table td{border:none; text-align:left; padding:0; vertical-align:middle; font:15px "DINGreek-Medium", Helvetica, Arial, sans-serif;  padding-bottom:10px;}
div.form table td.field_title{width:100px;}
input.textfield, input.email, select.select, textarea {-webkit-appearance: none; background:none; border:solid #CCC 1px; border-radius:0; padding:5px; width:50%; height:30px; font:15px "DINGreek-Medium", Helvetica, Arial, sans-serif;}
textarea.textarea{height:150px;}
input.submit, input#submit, input#reset {-webkit-appearance: none; background:#9A2D4D; border:solid #FFF 1px; box-shadow:2px 2px 2px #cccccc; padding:7px 30px; font:14px "DINGreek-Medium", Helvetica, Arial, sans-serif;
color:#FFF; text-decoration:none; cursor:pointer; margin-top:-20px; transition: background-color 0.3s ease-out 0s, border 0.3s ease-out 0s, color 0.3s ease-out 0s, opacity 0.3s ease-in-out 0s;}
input.captchatext{-webkit-appearance: none; width:93px; padding:5px; border:solid #CCC 1px; border-radius:0; text-align:center; font:15px/23px "DINGreek-Medium", Helvetica, Arial, sans-serif;}
img.captchapict{border-right:solid #CCC 1px; border-bottom:solid #CCC 1px; margin-top:-25px;}
input.submit:hover, input#submit:hover, input#reset:hover{background:#8A1D3D;}
input {border:solid #CCC 1px; padding:5px;}
div.checkbox_label {width:40%;}
input#submit{-webkit-appearance: none; padding:13px 30px;}
/****************************************************************************************************************************************************************************************/
/* PHOTO GALLERY */
div.imageGallery {margin-top:30px;}
div.imagethumb{width:100px!important; margin-top:0 !important; margin-bottom:50px !important;}
div.imagethumb table{width:100% !important;}
div.imagethumb table td {border-bottom:none;}
div.imagethumb td a {width:100% !important; /*border:1px solid #CCC;*/ padding:0; display:inline-block; font: 13px "DINGreek-Regular", Helvetica, Arial, sans-serif;
color: #ffffff; ext-decoration: none;}
div.imagethumb td a img{width:auto!important;}
/****************************************************************************************************************************************************************************************/
/*BACK TO TOP*/
.cd-top {display:inline-block; height:50px; width:50px; position:fixed; bottom:10px; right:10px; overflow:hidden; text-indent:100%; white-space:nowrap; background:#004365 url(images/cd-top-arrow.png) no-repeat center 50%; border-radius:5px; border:solid #FFF 1px; visibility:hidden; opacity:0; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {/* the button becomes visible */ visibility:visible; opacity:1;}
.cd-top.cd-fade-out {/* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity:1;}
.no-touch .cd-top:hover {background-color:#000; opacity:1;}
/****************************************************************************************************************************************************************************************/
div.video_container {width:100%; border:1px solid #D1D1D1; margin:0 20px 20px 0; padding:20px 10px; position:relative;}
div.video_container h3 {font:14px "DINGreek-Regular", Helvetica, Arial, sans-serif; color:#555F6C; margin-bottom: 10px;}
/****************************************************************************************************************************************************************************************/
ul {padding:0; margin:10px 0 14px 0; list-style:none;}
ol {margin:10px 0 10px 20px;}
ol {counter-reset:li; margin-left:0; padding-left:0; }
ol > li {margin:0 0 6px 2em; padding:4px 8px; position:relative; list-style:none;}
ol > li:before {content:counter(li); counter-increment:li; position:absolute; top:5px; left:-25px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
width: 2em; margin-right:8px; background:#9A2D4D; width:20px; height:20px; color:#FFF; font:13px/20px "DINGreek-Medium", Helvetica, Arial, sans-serif; text-align:center;}
ul ul, ul ol, ol ol, ol ul {padding:0; margin:0 0 0 20px;}
/****************************************************************************************************************************************************************************************/
/* NEWS */
div.news_short{text-align:left;}
div.news_short small, div.news_long small{display:block; margin-bottom:-10px; font:12px "DINGreek-Medium", Helvetica, Arial, sans-serif; color:#9A2D4D;}
div.news_long img{width:100%;}
div.news_short a.title{font:15px/23px "DINGreek-Regular",  Helvetica, Arial, sans-serif; color:#004365; letter-spacing:0px; margin:0; text-align:left; background:url(images/linkicon.jpg) no-repeat left 5px; padding-left:20px;}
p.read_more a, p.backsection a, div.training_short_right a{background:#F2F2F2; padding:7px 30px; display:inline-block;
font:15px "DINGreek-Bold", Helvetica, Arial, sans-serif; color:#000; text-decoration:none; transition: background-color 0.3s ease-out 0s, border 0.3s ease-out 0s, color 0.3s ease-out 0s, opacity 0.3s ease-in-out 0s;}
div.training_short_right a{dispay:block; width:100%; text-align:center; padding:10px 0;}
p.read_more a:hover, p.backsection a:hover, div.training_short_right a:hover {background:#E1E1E1;}
p.postpages, p.postpages a{font:13px "DINGreek-Regular", Helvetica, Arial, sans-serif;}

div.short_left{float:left; width:30%;}
div.short_left img{width:100%; border:solid #CCC 1px;}
div.short_right{float:right; width:65%;}
div.short_right h4{margin-top:0;}
/****************************************************************************************************************************************************************************************/
/*MEMBERS*/
div.membersContent iframe {color:#000; margin-top:20px;}
div#insideContent {/*position:relative; padding-top:50px; min-height:300px;*/ margin-top:0;}
/****************************************************************************************************************************************************************************************/
/*IFRAME RESPONSIVE*/
.video {position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0;}
.video iframe, .video video {position:absolute; top:0; left:0; width:100%; height:100%;}

div.column_right div.calendar  {
 
 position: relative;
    padding-bottom: 100%;
    padding-top: 30px;
    height: 0;
    overflow: hidden; 
}
 
div.column_right div.calendar   iframe {
 
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}

div.column_right div.calendar iframe div.bubble{border:solid red !important;}


/****************************************************************************************************************************************************************************************/
/*RESPONSIVE*/
/****************************************************************************************************************************************************************************************/
@media all and (max-width: 1635px){
div.footer div.container div.menu{width:32%;}	
}
/****************************************************************************************************************************************************************************************/

@media all and (max-width: 1595px){
div.training_short_right a{height:30px;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width: 1460px){
div.training_short_right a{font-size:15px; height:30px;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width: 1366px){
div.container, div.contact div.container{width:90%;}
div.training_short_right a{height:20px;}
div.slider_long{left:5%;}
div.footer div.container div.menu{width:32%;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width: 1315px){
div.training_short_right a{height:30px;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width: 1280px){
div.breadcrumps{top:33px;}
div.training_short_right a{padding:5px 0; height:40px;}
h1{font:30px/35px "DINGreek-Medium",  Helvetica, Arial, sans-serif;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width: 1150px){
div.header_left{width:400px;}
div.header_right{margin-top:27px;}
div.header_right a.box1, div.header_right a.box2, div.header_right a.box3{background:#F2F2F2; width:auto; height:auto; padding:5px; margin:0; margin-left:2px; text-align:right;}
div.header_right a.box1:hover, div.header_right a.box2:hover, div.header_right a.box3:hover{background:#E1E1E1;}
div.header_right a.box1 br{display:none;}
div.header_right a.box span{float:none; margin:0; font-size:12px;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width: 1080px){
div.header_left{width:380px;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width:1050px){
div.header_left, div.header_right{float:none; text-align:center;}
div.header_right div{text-align:left;}
div.header_right a.box{width:32%; height:auto; text-align:center; padding:10px 0; vertical-align:top;}
div.welcome_message,  div.adminMenu{text-align:left;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width: 1024px){
div.nav_mob{display:block;}
div.nav{display:none;}

div.slider_long{left:6%; margin-top:-17%; font:23px/31px "DINGreek-Medium", Helvetica, Arial, sans-serif;}
div.column_left{width:60%;}
div.column_right, div.search{width:35%;}
div.search{margin-bottom:0;}
div.training{width:48%;}
div.training_short_right a{padding:10px 0; height:auto; font-size:14px;}

div.column_right{margin-top:20px;}
div.column_left td{display:block; width:auto !important;}
input.textfield, input.email, select.select, textarea{width:90%;}
img.captchapict{margin-top:-75px;}
input.captchatext{margin-top:-50px;}
div.contact div.contact_right{margin-top:40px;}
div.captchamsg, input.submit{margin-top:-40px;}

h1{font:28px/33px "DINGreek-Medium",  Helvetica, Arial, sans-serif;}
h2{font:26px/31px "DINGreek-Medium",  Helvetica, Arial, sans-serif;}
h3{font:24px/29px "DINGreek-Regular",  Helvetica, Arial, sans-serif;}
.timeline > li .bullet{left:11.34%;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width: 1015px){
div.footer div.container div.menu{width:48%; height:auto; margin-bottom:20px;}	
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width:970px){
div.training_short_right a{height:30px;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width:940px){
div.training{width:47%}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width:840px){
div.header_right a.box{height:50px;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width:820px){
div.top{padding:5px 0;}
div.top_left, div.top_right{display:none;}
div.header{margin-top:10px;}
div.header_right{width:100%; text-align:center;}
div.header_right, div.header_bottom{margin-top:20px;}

}
/****************************************************************************************************************************************************************************************/
@media all and (max-width:768px){
div.container, div.contact div.container{width:96%;}
div.column_left, div.column_right{float:none;}
div.column_left td{display:table-cell;}
div.header_bottom{min-height:40px;}
div.slider_scrolling{top:0; margin-top:-29px;}
div.slider_long{left:10%; margin-top:-19%; font:20px/28px "DINGreek-Medium", Helvetica, Arial, sans-serif;}
div.search{float:none; width:100%; margin-bottom:20px;}
input.search{width:88%;}
div.page_menu, div.breadcrumps{float:none; width:100%; text-align:left;}
div.page_menu h1{margin:0;}
div.column_left, div.column_right{width:100%; margin-top:0;}
div.column_left{margin:20px 0;}
div.training_short_right a{font-size:15px; height:20px;}
div.news_short{margin-bottom:20px;}
div.title{margin-top:-14px; padding-bottom:50px;}
div.banner{margin:0; margin-left:2px;}
div.col2{width:47%; display:inline-block; float:left; vertical-align:top; margin-right:9px; margin-bottom:5px;}
div.carousel{margin-bottom:20px;}
div.pink a{height:70px;}
img.captchapict{margin-top:0;}
input.captchatext{margin-top:0;}
div.contact div.contact_right{margin-top:0;}
div.captchamsg, input.submit{margin-top:0;}
div.contact{margin-top:20px;}
div.contact div.contact_left, div.contact contact_right{width:45%;}
div.contact div.container div.contact_block{width:98%;}
div.footer div.container div.menu{width:48%; height:auto;}
}
/*IPHONE*/
@media all and (max-width:736px){
input.search{padding:8px 5px;}
div.checkbox_label{width:auto;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width:690px){
div.header_right a.box{width:32%;}
div.footer div.container div.menu{width:47%;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width:640px){
div.header_right a.box span{font-size:11px;}
div.slider_long{display:none;}
div.column_left td{display:block; width:auto; padding:0;}
div.training{width:100%; display:block; margin-bottom:10px;}
img.captchapict{margin-top:-75px;}
input.captchatext{margin-top:-50px;}
div.contact div.contact_right{margin-top:40px;}
div.captchamsg, input.submit{margin-top:-40px;}
div.contact div.contact_left, div.contact div.contact_right{float:none; width:100%;}
div.footer div.container div.menu{width:100%; margin:0 0 15px 0;}
div.bottom_left, div.bottom_right{width:100%; float:none;}
div.bottom_right{margin-top:10px;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width:612px){
div.col2{width:99%; display:block; margin:20px 0;}
div.banner a{display:block; width:100%;}
div.pink {margin-bottom:-15px;}
div.pink a{height:auto;}
div.contact{margin-top:40px;}
}
/****************************************************************************************************************************************************************************************/
@media all and (max-width:500px){
div.header_top{margin-bottom:-10px;}
div.header_left{width:90%;}
div.header_right a.box{width:99%; height:auto; margin-bottom:5px; dislay:block;}
div.header_right a.box1 br{display:none;}
div.header_right a.box1 span{top:0;}
div.header_right a.box span{font:13px "DINGreek-Bold", Helvetica, Arial, sans-serif;}
div.welcome_message, div.adminMenu{text-align:left; margin-left:0;}
input.search{width:87%;}
div.column_left img{float:none !important; margin:auto !important; width:100% !important;}
div.column_left img.captchapict{width:auto !important;}
div.column_left img.captchapict{margin-top:-75px !important;}
div.short_left, div.short_right{float:none; width:100%;}
div.short_right{margin-top:20px;}
ul.timeline::before, .timeline > li .bullet, ul.timeline > li div.text::after{display:none;}
h2.time{position:relative;}
div.text{margin:0; margin-top:-20px; width:100%; border:none; border-bottom:solid #CCC 1px; border-radius:0; padding:0;}
.timeline > li .time span{text-align:left;}
}
/****************************************************************************************************************************************************************************************/
/*IPHONE*/
@media all and (max-width:414px){
div.search{margin-top:20px; margin-bottom:0;}
input.search{width:86%; padding:8px 5px;}
h2.time{width:auto;}
div.column_right {border-top:solid #F0F0F0 6px;}
div.sub-menu{width:100%; margin:auto;}
h1{font:23px/28px "DINGreek-Medium", Helvetica, Arial, sans-serif;}
h2{font:21px/26px "DINGreek-Medium",  Helvetica, Arial, sans-serif;}
h3{font:19px/24px "DINGreek-Regular",  Helvetica, Arial, sans-serif;}
h4{font:15px/20px "DINGreek-Medium", Helvetica, Arial, sans-serif;}
}
/*MOBILE COSTAS*/
@media all and (max-width:360px){
div.header_left{width:97%; margin:auto;}
}
/*IPHONE*/
@media all and (max-width:320px){
div.slider_scrolling{display:none;}
div.search{margin-top:20px;}
}


table.form td{border-bottom:none;}
table.form td.field_title{width:250px;}
span.required{color:#9C2F4F;}