@charset "utf-8";
/********************************** 366 Standard CSS Document **/
.body_scroll_hide { overflow:hidden; }

/********************************** 366 HEADING SIZE - All HEADING we are using in 366 business for your corporate websites **/
.box_title_01 {
	text-align: center;
}

/*********************************Welcome Menu Bar - used for your corporate websites **/
.welcome_menu_366 .welcome_box_366 .welcome_column {
	width: 50%;
}

/*********************************Header Menu Section - used for your corporate websites **/
.nav_366 ul li a.active::before {
	content: "";
	position: absolute;
	height: 1px;
	width: 1px;
	border-radius: 50%;
	border: 3px solid #ffffff;
	z-index: -1;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	animation: bulb 1.2s infinite forwards;
	top: 2px;
	bottom: 0;
	margin: auto;
	left: 5px;
}
@keyframes bulb {
    0%{
        -webkit-transform: scale(0.8); 
        transform: scale(0.8); 
        opacity: 0.5;
    }
    100%{
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}
.nav_366 ul > li:hover > ul {
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0);
	visibility: visible;
	display: block;
}
/*.nav_366 ul > li:hover > ul{
	 -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate(-25%, 0);
            transform: translate(-25%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
*/
.nav_366 ul li > ul {
    display: none;
}
.nav_366 ul li > ul li {
	margin-bottom: 2px;
	/*clip-path: polygon(0 1%, 98% 0, 100% 100%, 2% 100%);
	-webkit-clip-path: polygon(0 1%, 98% 0, 100% 100%, 2% 100%);*/
	-ms-transform: translateY(0.2rem);
	transform: translateY(0.2rem);
	transition: opacity .4s,transform .4s,box-shadow 1.2s,visibility .4s;
}
.nav_366 ul li > ul li:hover {
	/*clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 100%);
	-webkit-clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 100%);*/
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.nav_366 ul li ul li::before {
	content: '';
	position: absolute;
	width: 10px;
	height: 5px;
	background: rgba(0,0,0,0.3);
	top: -5px;
	left: 10%;
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.nav_366 ul li ul li:nth-child(1)::before {
	content: '';
	position: absolute;
	width: 0px;
	height: 0px;
	background: transparent;
	top: 0;
	left: 0;
}

.nav_366 ul li > ul li > ul {
	margin-left: 2px;
}

.nav_366 ul li ul li a:hover {
	background: rgba(0,0,0,0.2);
	color: #ffffff;
}

/********************************* Mega Menu 366*/
li.mega_nav_366 .full_menu ul li a {
	padding: 5px
}
li.mega_nav_366 .full_menu ul h4 {
	border-bottom: 1px solid #eee;
	padding: 5px;
}
/********************************* Hero Slider- used for your corporate websites **/
.hero_slider_366 {
	clip-path: polygon(100% 0%, 100% 85%, 50% 100%, 0% 85%, 0% 0%);
	-webkit-clip-path: polygon(100% 0%, 100% 85%, 50% 100%, 0% 85%, 0% 0%);
	z-index: 1;
}

/*********************************Section Padding*/
.contact_366,
.map_366 {
	padding: 0px;
	position: relative;
}

/*********************************Menu over slider */
.ls-container {	
	/* overflow: hidden; */
	clip-path: polygon(100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 0%);
	-webkit-clip-path: polygon(100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 0%);
	z-index: 1;
	margin-bottom: -100px;
}
.block_image {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px solid #fff;
}
/*.block_image:hover { 
	clip-path: polygon(100% 0%, 100% 95%, 50% 100%, 0% 95%, 0% 0%);
	-webkit-clip-path: polygon(100% 0%, 100% 85%, 50% 95%, 0% 85%, 0% 0%);
}*/
.blocks04_366 .block_image {
	/* height: 150px; */
	min-height: 150px;
	background: #eeeeee;
}
.blocks04_366 .block_01 {
	margin-bottom: 15px;
	margin-top: 15px;
	/*border-top-right-radius: 60px;*/
}
.blocks01_366 .block_01 .block_image  {
	border-top-right-radius: 60px;
}
/*********************************FIXED THE HEADER 366 **/
.fixed_366 .logo_366 { padding: 5px 0; }
/*.fixed_366 .nav_366 ul li a { padding: 22.5px 20px; }*/
/*********************************TOP MENU TWO*/

/*********************************SEPRATOR LINE SYLES*/
.seprator_366 .sep_01,
.seprator_366 .sep_02,
.seprator_366 .sep_03,
.seprator_366 .sep_04,
.seprator_366 .sep_05,
.seprator_366 .sep_06,
.seprator_366 .sep_07 {
    margin: 0;
}

/*********************************SCROLLING GALLERY ONE 366*/
.scrolling_gallery01_366 .galpop-multiple {
	height: 250px;	
}
.scrolling_gallery01_366 .gallery-wrapper .owl-prev,
.block_pullPages_scrolling_366 .gallery-wrapper .owl-prev {
	width: 40px;
	height: 40px;
	margin-left: 10px;
}
.scrolling_gallery01_366 .gallery-wrapper .owl-next,
.block_pullPages_scrolling_366 .gallery-wrapper .owl-next {
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.scrolling_gallery01_366 .gallery-wrapper .owl-nav span,
.block_pullPages_scrolling_366 .gallery-wrapper .owl-nav span {
	color: #e44527;
	font-size: 0px;	
	line-height: 40px;
	border-radius: 50%;
	position: relative;
}
.scrolling_gallery01_366 .gallery-wrapper .owl-prev:hover span,
.block_pullPages_scrolling_366 .gallery-wrapper .owl-prev:hover span {
	background: #e34427;
	color: #ffffff;
}
.scrolling_gallery01_366 .gallery-wrapper .owl-prev span::before,
.block_pullPages_scrolling_366 .gallery-wrapper .owl-prev span::before {
	content: "\f104";
	position: absolute;
	width: 40px;
	height: 40px;
	background: transparent;
	color: #e44527;
	font: normal normal normal 25px/1 FontAwesome;
	left: -1px;
	right: 0;
	top: 8px;
}
.scrolling_gallery01_366 .gallery-wrapper .owl-next span::before,
.block_pullPages_scrolling_366 .gallery-wrapper .owl-next span::before {
	content: "\f105";
	position: absolute;
	width: 40px;
	height: 40px;
	background: transparent;
	color: #e44527;
	font: normal normal normal 25px/1 FontAwesome;
	left: 0px;
	right: -1px;
	top: 8px;
}
.scrolling_gallery01_366 .gallery-wrapper .owl-prev:hover span::before,
.block_pullPages_scrolling_366 .gallery-wrapper .owl-prev:hover span::before,
.scrolling_gallery01_366 .gallery-wrapper .owl-next:hover span::before,
.block_pullPages_scrolling_366 .gallery-wrapper .owl-next:hover span::before {
	color: #ffffff;
}

/*********************************TABLE STRUCTURE 366*/
.table_366 .tabular {
	box-shadow: 0px 20px 40px 0px rgba(92,95,101,0.15);
	background: #444444;
	padding: 0px;
	border-radius: 5px;
}
.table_366 .tabular .table > thead > tr > th {
	background: #383838;
}
.table_366 .tabular .table > tbody > tr > td {
	text-align: center;
}
.table_366 .tabular .table > tbody > tr:hover {
	background: #f2ebd8;
}

/*********************************FOOTER ONE 366*/
.footer366_01 {
	position: relative;
}
.footer366_01::before {
	content: '';
	position: absolute;
	background-image: url(http://athanasiou.366.business/uploads/pagesImages/buildings-bg2.png);
	background-position: 0 0;
	background-repeat: repeat;
	background-size: 150px;
	width: 100%;
	height: 30px;
	left: 0;
	top: -30px;
	z-index: 999;
}

/*********************************FOOTER TWO 366*/
.footer366_02 {
	position: relative;
}
.footer366_02::before {
	content: '';
	position: absolute;
	background-image: url(http://athanasiou.366.business/uploads/pagesImages/buildings-bg2.png);
	background-position: 0 0;
	background-repeat: repeat;
	background-size: 150px;
	width: 100%;
	height: 30px;
	left: 0;
	top: -30px;
	z-index: 999;
}

/*********************************FOOTER THREE 366*/
.footer366_03 {
    margin-top: 0px;
	position: relative;
}
.footer366_03 ul li {
	border-right: 1px solid rgba(255,255,255,0.2);
}

/********************************* BREADCRUMBS 366*/
.breadcrumbs_366 {background: #eeeeee;z-index: 1;position: relative;}

/********************************* COOKIES 366*/
.cookies_366 {
	background: #333333;	
    padding: 30px 0px 20px;
}
.read_coookie_policy {
	color: #fff;
}

/********************************* Forms 366*/
.form_366 .form_box {
	background: #f3f3f3;
	border-radius: 5px;
	padding: 10px;
}

/********************************* Title And Subtile 366*/
.title_subtitle_box {
	background: #eee;
	border: 1px solid #e7e7e7;
}

/********************************* ADD-ONS LAYER SLIDER */
.editor_para ul {
	margin-left: 10px;
}

/****************************************** Responsive Menu TWO 366 - RIGHT*/
.responsive_menu_right {
	width: 100%;
}
.res_menu_icon_right {
	background: #e4494a;
	position: fixed;
	padding: 7px 10px;
	margin: 5px;
	display: none;
	right: 10px;
	top: 10px;
	border: 1px solid #fff;
}

/************************************** RESPONSIVE COMMON*/
.responsive_menu_366 .nav_366 ul li a {
	font-size: 20px;
}
.responsive_menu_366 .nav_366 ul > li > ul {
	margin: 0;
}
.responsive_menu_366 .main_366_menu02 {
	position: relative;
}

/************************************** Trading Table Starts*/
.pcw-table-trades.pcw-color-background.pcw-ct-blue table thead th {
	font-size: 16px !important;
}
.pcw-table-trades.pcw-color-background table tbody tr td {
	font-size: 16px !important;
}
/************************************** Trading Table Ends*/

.blocks_366 {
	position: relative;
}
.block_01 {
	padding: 10px;
	border-radius: 5px;
}
.block_01:hover {
	-webkit-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}
.padding_366_none {
	padding: 0px;
}
.block_01:hover img {
  -webkit-transition: all 0.5s ease-in;
  -webkit-transform: scale(1.1);
  -ms-transition: all 0.5s ease-in;
  -ms-transform: scale(1.1);   
  -moz-transition: all 0.5s ease-in;
  -moz-transform: scale(1.1);
  transition: all 0.5s ease-in;
  transform: scale(1.1);
}
.content_heading .editor_para{padding: 10px !important;}

/*--- KCS CSS START ---*/
/*--- Default Datatable ---*/
.tabular .row{margin-left:0;margin-right:0}
.tabular .row .col-sm-1,.tabular .row .col-sm-2,.tabular .row .col-sm-3,.tabular .row .col-sm-4,.tabular .row .col-sm-5,.tabular .row .col-sm-6,.tabular .row .col-sm-7,.tabular .row .col-sm-8,.tabular .row .col-sm-9,.tabular .row .col-sm-10,.tabular .row .col-sm-11,.tabular .row .col-sm-12{padding-left:0;padding-right:0}
.tabular .dataTables_length,.tabular .dataTables_filter{color:#999!important;padding:10px 10px 5px}
.tabular .dataTables_info{color:#ffffff!important;padding:18px 15px!important}
.tabular .dataTables_paginate{padding:10px!important}
.tabular .dataTables_paginate .pagination{margin:0}
.tabular .dataTables_length label,.tabular .dataTables_filter label{font-weight:normal; color:#ffffff; }
.tabular .dataTables_filter input,.tabular .dataTables_length select{background:#fff;border:0px solid #ccc;color:#999;height:40px;padding:6px 12px;cursor:pointer}
.tabular .dataTables_wrapper .dataTables_paginate .paginate_button{background:#ddd;vertical-align:top}
.tabular .dataTables_wrapper .dataTables_paginate .paginate_button a{background:transparent;border:0 none;color:#ffffff;padding:0}
.tabular .dataTables_wrapper .dataTables_paginate .paginate_button.active, .tabular .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .tabular .dataTables_wrapper .dataTables_paginate .paginate_button:hover a, .tabular .dataTables_wrapper .dataTables_paginate .paginate_button.current, .tabular .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: #877646;
	border-color: #877646;
	color: #fff;
}
.tabular .dataTables_wrapper .dataTables_paginate .paginate_button.active a{color:#fff}
.tabular .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	border-color: #877646 !important;
}
.tabular .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover a {
	background: transparent;
	color: #fff;
}
.tabular .dataTables_wrapper table thead tr th{border-bottom:0 none}
.tabular .dataTables_wrapper table.dataTable.no-footer{border-bottom:1px solid #ddd}
.table_366 .tabular .table > thead > tr > th{
	font-size:16px;
	font-weight:normal ;
	text-align: center;
	vertical-align: top;
}
/*--- Default Accordion ---*/
.img_accordion_366 .faq-parent .faq-ques .question01 {
	border: 0 none;
	clip-path: polygon(100% 0%, 100% 80%, 50% 100%, 0% 80%, 0% 0%);
	-webkit-clip-path: polygon(100% 0%, 100% 80%, 50% 100%, 0% 80%, 0% 0%);
}
.img_accordion_366 .faq-parent .faq-ques .question01::before {
	content: '';
	position: absolute;
	filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.5));
	width: 100%;
	height: 50px;
	box-shadow: 0 0 10px 10px rgba(0,0,0,0.5);
	top: 0;
}
.img_accordion_366 .faq-parent .faq-ques .active h4,.img_accordion_366 .faq-parent .faq-ques h4{border-right-color:transparent!important}
.img_accordion_366 .faq-parent .faq-ques .answer01{border-top:0 none}
.img_accordion_366 .faq-parent .faq-ques .answer01 .editor_para{height:auto!important;text-align:left}
/*--- Default Modal ---*/
.modal-content{overflow:hidden}
.modal button.close{background:#ddd;-webkit-border-radius:0;-ms-border-radius:0;border-radius:0;color:#aaa;min-width:inherit;margin:0;padding:8px 11px;opacity:1;position:relative;text-shadow:none;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:9}
.modal button.close:hover,.modal button.close:focus{background:#bbb;color:#eee}
/*--- Default Form Modal ---*/
.form_366 .modal button.close{position:absolute;top:0;right:0}
.form_366 .form_box{margin:0}
.form_366 .form_box h1{margin-top:0}
/*--- Default Title Shape ---*/
.title_9_col_b,.title_9_col_t{width:30%;height:50%;position:absolute;left:0;right:0;z-index:-1;margin:0 auto}
.title_9_col_t{top:0;background:#eee;-webkit-clip-path:polygon(50% 100%,100% 0,0 0);clip-path:polygon(50% 100%,100% 0,0 0)}
.title_9_col_b{bottom:0;background:#ccc;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}
/*--- KCS CSS END ---*/

/*--- PLESE DON'T ADD HERE - ADD YOUR CSS STYLE / CSS CODE / CSS QUERY BEFORE "KCS CSS START" COMMENT - THANKS ---*/
.ls-v5 .ls-bottom-nav-wrapper {
	top: -80px !important;
}
/*.slider_title.ls-layer {
	clip-path: polygon(100% 0%, 100% 85%, 50% 100%, 0% 85%, 0% 0%);
	-webkit-clip-path: polygon(100% 0%, 100% 90%, 50% 100%, 0% 90%, 0% 0%);
	border-radius: 4px !important;
}*/

.table_366 .tabular table tbody tr {
	background-color: #ffffff;
}

/*18-2-2019: chairman-of-chr.-athanasiou Image */
.horizontal01_list_366.blocks_366.scrollelement_423 .block_image img {
	position: absolute;
	top: -100px;
}
.map_366 .container {
	width: 100%;
}
.blocks05_366 .block_01 {
	background: #fff;
}
/*--- PLESE DON'T ADD HERE - ADD YOUR CSS STYLE / CSS CODE / CSS QUERY BEFORE "KCS CSS START" COMMENT - THANKS ---*/
.scrolling_gallery01_366 .gallery-wrapper .owl-next:hover span,
.block_pullPages_scrolling_366 .gallery-wrapper .owl-next:hover span {
	background: #e34427;
	color: #ffffff;
}