@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css);
/*
@import url(animate.css);
*/
@import url(/css/fl-36-slim-icons.css);
@import url(/css/fl-bigmug-line.css);

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(/fonts/Lato-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/fonts/Lato-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: bold;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(/fonts/Lato-Bold.woff2) format('woff2');
}

/*========================================================
                      Main Styles
=========================================================*/
body {
	font: 400 15px/22px "Lato", sans-serif;
	-webkit-text-size-adjust: none;

	background: #ffffff;
	background: -moz-linear-gradient(top, #cfcfcf 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #cfcfcf 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #cfcfcf 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#ffffff',GradientType=0 );

	background-size: 100% 200px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

img {
  max-width: 100%;
  height: auto;
}

h1 {
	margin: 0;
	padding: 8px;
	font: 300 38px/40px "Lato", sans-serif;
	text-align: center;
	background: #1177cc;
	color: #ffffff;
}
h1.page-home {
	color: initial;
	background: none;
	padding-bottom: 30px;
}
h1 span { font-weight: 300; }

h2 {
	color: #1177cc;
	font: 700 25px/30px "Lato", sans-serif;
	letter-spacing: 0;
	text-transform: uppercase;
}
h2.quote { color: initial; }

h3 {
  font: 400 24px/24px "Lato", sans-serif;
  color: #1177cc;
  text-transform: uppercase;
}
h3 span {
  font-weight: 300;
}

h4 {
  font: 300 20px/20px "Lato", sans-serif;
  text-transform: uppercase;
}

h5 {
  font: 400 18px/18px "Lato", sans-serif;
  text-transform: uppercase;
  color: #1F93E5;
}
h5 a:hover {
  color: #2299E5;
}
h5 a:active {
  color: #0090E0;
}
h5.default {
  color: #FFFFFF;
}
h5.default a:hover {
  color: #0066CC;
}
h5.default a:active {
  color: #333333;
}

p a:hover, .marked-list a:hover, .list a:hover {
  text-decoration: underline;
}
p .fa, .marked-list .fa, .list .fa {
  text-decoration: none;
}

.locase, .locase > * { text-transform: lowercase; }
h3.small { font-size: 50px; line-height: 50px; }

ul { padding: 0; list-style: none; }

time {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  color: #333333;
  font-weight: 400;
}
time:before {
  content: '\e0d6';
  margin-right: 10px;
  font-family: 'fl-bigmug-line';
}

a {
  font: inherit;
  color: #1F93E5;
  text-decoration: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:focus {
  outline: none;
}
a:active {
  background-color: transparent;
}

a[href^="tel:"],
a[href^="callto:"] {
  color: inherit;
  text-decoration: none;
}

strong {
  font-weight: 700;
}

.big {
  font-size: 18px;
  line-height: 30px;
}

.fa {
  line-height: inherit;
}

[class*='fa-']:before {
  font-weight: 400;
  font-family: "FontAwesome";
}

.page { overflow: hidden; min-height: 300px; }
main .page { margin-bottom: 60px; }
main.homepage { padding-top: 0; }
.page-typical table {
	border-collapse: collapse;
	margin: 2em auto;
}
.page-typical table td,
.page-typical table th {
	border: 1px solid #888888;
	padding: 1em 2em;
	text-align: center;
}
.lt-ie9 .page {
  min-width: 1200px;
}

.photoLegent { font-style: italic; text-align: center; }

.entered { font-weight: bold; text-align: right; }


/*=======================================================
                    bootstrap override
=========================================================*/
.badge { background: #2299E5; }
.thumbnail { display: block; border: 0; }
.thumbnail a { max-height: 100%; }
.thumbnail a figure { max-height: 100%; }
.thumbnail a figure img { max-height: 100%; }
.page-typical .thumbnail { max-width: 300px; max-height: 300px; }

/*=======================================================
                       Main Layout
=========================================================*/
h4 + h2, h5 + p, * + .marked-list {
  margin-top: 14px;
}

h2 + p {
  margin-top: 20px;
}

* + h5 {
  margin-top: 35px;
}

p + h5, h3 + h5 {
  margin-top: 83px;
}

h3 + .mailform {
  margin-top: 96px;
}

* + time {
  margin-top: 42px;
}

time + h5 {
  margin-top: 10px;
}

* + .btn-off {
  margin-top: 50px;
}

* + .link, * + .social, p + p {
  margin-top: 23px;
}

.row-off2, * + .btn-off-1 {
  margin-top: 70px;
}

* + .row-off {
  margin-top: 57px;
}

.col-off {
  margin-top: -10px;
}

* + .float-box {
  margin-top: 86px;
}

.radial-progress + h5, * + .copyright {
  margin-top: 45px;
}

.well__grid {
  position: relative;
  z-index: 0;
}
.well__grid .parallax_cnt {
  z-index: 0;
}
.well__grid [class*="col-"] {
  float: right;
}
.well__grid img {
  position: absolute;
  bottom: 0;
  z-index: -1;
}

/*=======================================================
                        Components
=========================================================*/
/*==================     Brand     ======================*/
.brand {
  display: block;
	text-align: center;
}
.brand_name {
  color: #FFFFFF;
  position: relative;
}
.brand_name a {
  padding-left: 75px;
}
.brand_name a:before {
  position: absolute;
  content: '';
  background: url("../images/logo.png") no-repeat;
  width: 64px;
  height: 82px;
  top: -11px;
  left: -2px;
  bottom: 0;
}
.brand_slogan {
  padding-left: 75px;
  font: 400 12px/12px "Lato", sans-serif;
  color: #1F93E5;
}

/*==================  Backgrounds  ======================*/
.bg-primary {
  background: rgba(85, 204, 204, 0.8);
}

/*==================    Colors    ======================*/
.secondary {
  color: #888888;
}

/*==================     Icons     ======================*/
/*==================    Buttons    ======================*/
/*==================    Link    ======================*/
.link {
  text-transform: uppercase;
  color: #1F93E5;
  font-weight: 400;
  display: inline-block;
}
.link[href*="mailto"] {
  text-transform: none;
}
.link:hover {
  color: #333333;
}

/*==================      Box      ======================*/
.box:before, .box:after {
  display: table;
  content: "";
  line-height: 0;
}
.box:after {
  clear: both;
}
.box_aside {
  float: left;
}
.box_cnt__no-flow {
  overflow: hidden;
}

.box-programs {
	position: relative;
	color: #222A33;
	background: #99A999;
}
.box-programs .box {
	position: relative;
	z-index: 1;
	min-height: 500px;
	padding: 150px 0;
}
.bg-top, .bg-bot {
	z-index: 0;
	position: absolute;
	top:0; bottom: 0;
	left: 0; right: 0;
	background: url(/images/slant.png) 50% 100% no-repeat transparent;
}
.bg-top {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
}

/*==================     Center     ======================*/
.center {
  text-align: center;
}

/*========================   Menu   ==========================*/
.sf-menu, .sf-menu ul {
  display: table;
	margin: 0 auto;
	list-style: none;
}

@media screen and (max-width: 991px) {
	.sf-menu, .sf-menu ul {
		margin: 0;
	}
}

/*
.sf-menu:before, .sf-menu:after {
  display: table;
  content: "";
  line-height: 0;
}
.sf-menu:after {
  clear: both;
}
*/
.sf-menu > li {
  position: relative;
	display: table-cell;
  float: left;
}
.sf-menu > li + li {
	position: relative;
	margin-left: 30px;
}
.sf-menu > li + li:before {
	content: "|";
	display: inline-block;
	position: absolute;
	top: 0;
	left: -15px;
	padding-top: 5px;
	margin: 0;
	color: #cccccc;
}
.sf-menu a {
  display: block;
}

.sf-menu > li > a {
	text-decoration: none;
	font-size: 14px;
  position: relative;
  padding: 8px 8px;
}

/* main choices' top line */
/*
.sf-menu > li > a:after {
  position: absolute;
  content: '';
  top: -94px;
  left: 0;
  right: 0;
  height: 4px;
  background: #2299E5;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
*/
.sf-menu > li.active > a {
	position: relative;
	color: #ffffff;
	background: #2299E5;
}
.sf-menu > li.active > a:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -6px;
	display: inline-block;
	border: 6px solid transparent;
	border-top-color: #2299E5;
}
.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover,
.sf-menu > li.active > a:hover {
	color: #ffffff;
	background: #1177cc;
}
.sf-menu > li.sfHover > a:after, .sf-menu > li > a:hover:after, .sf-menu > li.active > a:after {
  opacity: 1;
}

.sf-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  width: 200px;
  margin-top: 10px;
  padding: 2px 18px 6px;
	left: 50%;
  margin-left: -100px;
  background: #888888;
  z-index: 2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sf-menu ul:before {	/* submenu's up arrow */
  position: absolute;
  content: '';
  top: -8px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8.5px 8px 8.5px;
  border-color: transparent transparent #888888 transparent;
}

.sf-menu ul > li {
	display: block;
	position: relative;
  text-align: center;
  padding: 17px 0;
}
.sf-menu ul > li > a {
  color: #FFCC00;
  font: 300 18px/18px "Lato", sans-serif;
}
.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {
  color: #FFFFFF;
	text-decoration: none;
}
.sf-menu ul > li + li {
  border-top: solid 1px #FFCC00;
}

.sf-menu ul ul {
  position: absolute;
  top: 0;
  width: 200px;
  margin-top: 0;
	left: auto;
  right: -10px;
  margin-right: -218px;
  padding: 8px 18px;
  z-index: 4;
}
.sf-menu ul ul:before {
  position: absolute;
  content: '';
  top: 15px;
  left: 0;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8.5px 8px 8.5px 0;
  border-color: transparent #888888 transparent transparent;
}

.sf-menu ul ul > li {
  padding: 15px 0;
}

@media (max-width: 767px) {
  .sf-menu {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sf-menu > li + li {
    margin-left: 15px;
  }
}
/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.rd-mobilemenu.active {
  right: 0;
}

.rd-mobilemenu_ul {
  position: fixed;
  top: -56px;
  left: 0;
  bottom: -56px;
  width: 240px;
  padding: 132px 0 76px;
  color: #666666;
  background: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.rd-mobilemenu.active .rd-mobilemenu_ul {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.rd-mobilemenu_ul a {
  display: block;
  padding: 14px 25px 16px;
}
.rd-mobilemenu_ul a.active {
  background: #F5F5F5;
  color: #333333;
}
.rd-mobilemenu_ul a:hover {
  background: #1F93E5;
  color: #FFFFFF;
}
.rd-mobilemenu_ul a .rd-submenu-toggle {
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -17.5px;
  width: 32px;
  height: 32px;
  font: 400 10px "FontAwesome";
  line-height: 32px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
}
.rd-mobilemenu_ul a .rd-submenu-toggle:after {
  content: '\f078';
}
.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
  background: #FFFFFF;
  color: #666666;
}
.rd-mobilemenu_ul a.rd-with-ul {
  position: relative;
}
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rd-mobilemenu_ul ul a {
  padding-left: 40px;
}
.rd-mobilemenu_ul ul ul a {
  padding-left: 60px;
}
.rd-mobilemenu_ul:after {
  content: '';
  display: block;
  height: 20px;
}

.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: #FFFFFF;
  color: #000000;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 99999991;
}

.rd-mobilepanel_title {
  position: fixed;
  top: 4px;
  left: 56px;
  right: 56px;
  color: #000000;
  font-size: 24px;
  line-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
	margin-top: 0;
}

.rd-mobilepanel_toggle {
  position: fixed;
  top: 4px;
  left: 8px;
  width: 48px;
  height: 48px;
	background: transparent;
	border: 0;
}
.rd-mobilepanel_toggle span {
  position: relative;
  display: block;
  margin: auto;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after {
  top: 8px;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
  width: 24px;
  height: 4px;
  background-color: #1177cc;
  backface-visibility: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.rd-mobilepanel_toggle span {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
  -moz-transform-origin: 1.71429px center;
  -ms-transform-origin: 1.71429px center;
  -o-transform-origin: 1.71429px center;
  -webkit-transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
  -moz-transform-origin: 1.71429px center;
  -ms-transform-origin: 1.71429px center;
  -o-transform-origin: 1.71429px center;
  -webkit-transform-origin: 1.71429px center;
  transform-origin: 1.71429px center;
}
.rd-mobilepanel_toggle.active span {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
  top: 0;
  width: 15px;
}
.rd-mobilepanel_toggle.active span:before {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}
.rd-mobilepanel_toggle.active span:after {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}

@media (max-width: 767px) {
  body {
    padding-top: 56px;
  }

  .rd-mobilemenu, .rd-mobilepanel {
    display: block;
  }
}
@media (max-width: 359px) {
  .rd-mobilepanel_title {
    font-size: 18px;
  }
}
/*==================  Stuck menu  ======================*/
.isStuck {
  background: #333355;
  padding: 7px 0;
  z-index: 999;
  border-bottom: 1px solid #888888;
}
.isStuck .nav {
}
.isStuck .brand_name a:before {
  height: 60px;
  width: 47px;
  -webkit-background-size: cover;
  background-size: cover;
  top: 0;
}

@media only screen and (max-width: 979px) {
  .isStuck {
    display: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  .sf-menu > li + li {
    margin-left: 19px;
  }
}
@media (max-width: 991px) {
	.stuck_container .container { text-align: center; }
	.stuck_container .brand,
	.stuck_container .nav { float: none; }
}
@media (max-width: 767px) {
	.stuck_container .nav { padding-top: 50px; }
}

/*==================     ToTop     ======================*/
.toTop {
  width: 50px;
  height: 50px;
  font-size: 24px;
  line-height: 46px;
  color: #FFFFFF;
  background: #1F93E5;
  border-radius: 50%;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
}
.toTop:hover {
  color: #FFFFFF;
  background: #2299E5;
  text-decoration: none;
}

.mobile .toTop,
.tablet .toTop {
  display: none !important;
}

/*==================  RD Parallax    ======================*/
.parallax {
  position: relative;
  overflow: hidden;
}
.parallax p {
  color: #FFFFFF;
}
.parallax h3 {
  color: #FFFFFF;
}
.parallax_image, .parallax_pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-position: center center;
  will-change: transform;
}
.parallax_image {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.parallax_pattern {
  background-repeat: repeat;
}
.parallax_cnt {
  position: relative;
}
.parallax .icon:hover::before, .parallax h5.primary a:hover {
  color: #FFFFFF;
}
.parallax .icon h5::before {
  background: #FFFFFF;
}
.parallax .marked-list li {
  color: #FFFFFF;
}
.parallax .link:hover {
  color: #FFFFFF;
}

/*==================   Thumbnail    ======================*/
.thumb_wrap {
  display: block;
  position: relative;
  overflow: hidden;
}
.thumb_wrap img {
  width: 100%;
  height: auto;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.thumb_wrap:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  z-index: 0;
}
.thumb_wrap .thumb_hover {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  text-align: center;
  color: #FFFFFF;
  z-index: 1;
}
.thumb_wrap .thumb_hover .thumb_buttons {
  margin-top: 25px;
}
.thumb_wrap .thumb_hover .thumb_buttons a {
  display: inline-block;
  width: 43px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #FFFFFF;
  color: #1F93E5;
}
.thumb_wrap .thumb_hover .thumb_buttons a:hover {
  background: #1F93E5;
  color: #FFFFFF;
}
.thumb_wrap .thumb_hover .thumb_buttons a + a {
  margin: 0 0 0 7px;
}
.thumb_wrap:hover:after {
  background: rgba(34, 37, 51, 0.8);
}
.thumb_wrap:hover .thumb_hover {
  opacity: 1;
  visibility: visible;
}
.thumb_wrap:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

@media (max-width: 1600px) {
  .thumb_wrap .thumb_hover p {
    display: none;
  }
  .thumb_wrap .thumb_hover .thumb_buttons {
    margin-top: 0;
  }
}
/*===============  Radial Progress  ======================*/
.radial-progress {
  position: relative;
  max-width: 140px;
  width: 100%;
  margin: 0 auto;
}
.radial-progress:before {
  position: absolute;
  content: '';
  top: -20px;
  left: -20px;
  bottom: -11px;
  right: -18px;
  border: solid 13px white;
  border-radius: 50%;
  box-sizing: border-box;
  -webkit-box-shadow: -2px 3px 7px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: -2px 3px 7px 0px rgba(0, 0, 0, 0.12);
  box-shadow: -2px 3px 7px 0px rgba(0, 0, 0, 0.12);
}

.radial-progress [id^='radial-progress-text_'] {
  position: absolute;
  top: 50%;
  left: 20px;
  right: 18px;
  bottom: auto;
  margin-top: -25px;
  font: 400 34px/34px "Lato", sans-serif;
  color: #FFFFFF;
  text-align: center;
}

.lt-ie9 .radial-progress [id^='radial-progress-text_'] {
  margin-top: -18px;
}

@media (max-width: 767px) {
  .radial-progress {
    margin: 50px auto 30px;
  }
}
/*========================================================
                     HEADER  Section
=========================================================*/

header .nav {
	position: relative;
	float: none;
	text-align: center;
}
header .nav::before,
header .nav::after {
	display: none;
}
header .brand {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%,0);
	float: none;
	margin: 0 auto;
	padding-top: 30px;
}
@media (max-width: 767px) {
  header {
    text-align: center;
  }
  header .brand, header .nav {
    float: none;
  }
}

/*==================    Header Wrap   ======================*/
.header-wr {
  -webkit-background-size: cover;
  background-size: cover;
}
.header-wr__home {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding-bottom: 0;
  background: none;
}

.navbar-brand { display: inline-block; height: 91px; padding: 0; float: none; }
.rd-mobilepanel .navbar-brand { position: absolute; top: 0; bottom: 0; left: 50px; right: 50px; display: block; padding: 3px 0; max-height: 100%; text-align: center; }
.rd-mobilepanel .navbar-brand img { display: inline-block; max-height: 100%; max-width: none; width: auto; height: 100%; }

@media screen and (max-width:767px) {
	.brand { display: none; }
}

.stuck_container {
	position: relative;

	background: #eaeaea;
	background: -moz-linear-gradient(top, #eaeaea 0%, #fbfbfb 100%);
	background: -webkit-linear-gradient(top, #eaeaea 0%,#fbfbfb 100%);
	background: linear-gradient(to bottom, #eaeaea 0%,#fbfbfb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fbfbfb',GradientType=0 );

	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.stuck_container .container::before,
.stuck_container .container::after {
	display: none;
}
/*========================================================
                     CONTENT  Section
=========================================================*/
main {
	display: block;
	margin-top: 120px;
}

/*==================      Well     ======================*/
.well {
  padding: 100px 0;
}

.well-1 {
  padding: 131px 0;
}
.well-1__off {
  padding-top: 120px;
}

.well-2 {
  padding: 118px 0 104px;
}
.well-2__off {
  padding-bottom: 130px;
}
.well-2__off2 {
  padding-bottom: 118px;
}

.well-3 {
  padding: 150px 0 122px;
}

/*==================     Tittle Right    ======================*/
.title-right {
  text-align: right;
  padding-right: 33px;
  margin-top: 15px;
}

.title-right__md {
  margin-top: 20px;
}

/*==================     Txt-wr   ======================*/
.txt-wr {
  font: 400 24px/36px "Lato", sans-serif;
  color: #FFFFFF;
  padding: 41px 5px 40px 57px;
  border-left: solid 1px #FFFFFF;
}

.txt-wr-1 {
  border-left: solid 1px #FFFFFF;
  color: #FFFFFF;
  padding: 33px 5px 32px 54px;
}

/*==================     Icon    ======================*/
.icon {
  position: relative;
  padding: 110px 15px 0;
}
.icon:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 60px;
  line-height: 60px;
  color: #1F93E5;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.icon:hover:before {
  color: #2299E5;
}
.icon h5 {
  position: relative;
}
.icon h5:before {
  position: absolute;
  content: '';
  width: 70px;
  height: 1px;
  margin: 0 auto;
  top: -26px;
  left: 0;
  right: 0;
  background: #FFCC00;
}

/*==================   IconList   ======================*/
.icon-list > li {
  position: relative;
  padding-left: 100px;
}
.icon-list > li:before {
  position: absolute;
  top: 3px;
  left: 11px;
  font-size: 48px;
  line-height: 48px;
  color: #1F93E5;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.icon-list > li:hover:before {
  color: #2299E5;
}
.icon-list > li + li {
  margin-top: 42px;
}
.icon-list p {
  font: 300 14px/24px "Lato", sans-serif;
}

/*==================   Float Box   ======================*/
.float-box:before, .float-box:after {
  display: table;
  content: "";
  line-height: 0;
}
.float-box:after {
  clear: both;
}
.float-box > div {
  float: left;
  width: 18.0488%;
}
.float-box > div + div {
  margin-left: 1.463%;
}
.float-box > div:first-child {
  width: 19.951%;
}
.float-box > div:last-child {
  width: 20%;
}
.float-box > div .thumb_wrap + .thumb_wrap {
  margin-top: 8%;
}

/*==================  Marked List  ======================*/
.marked-list li,
main ul li {
  position: relative;
  padding-left: 34px;
}
.marked-list li:before,
main ul li:before {
  content: '\e016';
	content: '\f0da';
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 400;
  font-size: 14px;
  font-family: 'fl-bigmug-line';
	font-family: 'FontAwesome';
  color: #1F93E5;
}
.marked-list li + li,
main ul li + li {
  margin-top: 6px;
}

main ul li.phone:before { content: '\f095'; }
main ul li.fax:before { content: '\f1ac'; }
main ul li.address:before { content: '\f276'; }


.nav-blog li:before { display: none; }
.nav-blog li { padding: 0; }

/*==================  Team Social List  ======================*/
.social {
  display: inline-block;
}
.social li {
  float: left;
}
.social li + li {
  margin-left: 7px;
}
.social li a {
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: #333333;
  color: #1F93E5;
  font-size: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.social li a:hover {
  color: #FFFFFF;
}

.indent {
  padding: 0 20px;
}

/*==================  Blockquote  ======================*/
blockquote {
  font-size: 18px;
  line-height: 30px;
}
blockquote * + img {
  margin-top: 15px;
}
blockquote * + cite {
  margin-top: 41px;
}
blockquote img {
  border-radius: 50%;
}
blockquote cite {
  display: block;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 30px;
  color: #FFFFFF;
  font-weight: 400;
}
blockquote cite span {
  font-size: 18px;
  display: block;
  margin-top: 2px;
}

.callto {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 30px;
  color: #FFFFFF;
  font-weight: 400;
  margin-top: 37px;
}
.callto a {
  color: #1F93E5;
}
.callto a:hover {
  color: #FFFFFF;
}

/*========================================================
                     FOOTER  Styles
=========================================================*/
footer {
	position: relative;
	padding: 60px 0 0;
}

/*================== Social List ======================*/
.social-link > li {
  display: inline-block;
}
.social-link > li a {
  display: inline-block;
  font-size: 21px;
  line-height: 50px;
  width: 50px;
  height: 50px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #1F93E5;
  border: solid 1px #1F93E5;
}
.social-link > li a:hover {
  color: #FFFFFF;
  background: #1F93E5;
	text-decoration: none;
}
.social-link > li a:active {
  background: #0D5F81;
}
.social-link > li + li {
  margin-left: 10px;
}



/*========================================================
                     RESPONSIVE
=========================================================*/
@media (max-width: 767px) {
  .header-wr {
    padding-top: 18px;
  }

  .sf-menu > li > a::after {
    top: -44px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .title-right {
    margin-top: 35px;
  }
  .title-right h3 {
    font-size: 52px;
  }

  .well__grid img {
    width: 50%;
    left: 0;
  }
}
@media (max-width: 991px) {
  .well__grid {
    padding-bottom: 0;
  }
  .well__grid [class*="col-"] {
    float: none;
    width: 100%;
  }
  .well__grid img {
    position: static;
    z-index: auto;
  }

  .indent {
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .title-right {
    margin-top: 35px;
  }
  .title-right h3 {
    font-size: 40px;
    line-height: 50px;
  }

  .col-off {
    margin: 0 0 15px;
  }
}
@media (max-width: 767px) {
  h3 {
    font-size: 42px;
    line-height: 42px;
  }

  [class*="well"] {
    padding: 50px 0;
  }

  .well-btm {
    padding-bottom: 80px;
  }

  .row-off, .row-off2 {
    margin-top: 30px;
  }

  .well__grid {
    padding-bottom: 0;
  }

  .header-wr {
    padding-top: 15px;
  }
	.header-wr .nav { padding: 0; }

  h2 {
    letter-spacing: normal;
  }

  .title-right {
    text-align: left;
    margin-top: 0;
    padding-right: 0;
  }

  .txt-wr, .txt-wr-1 {
    border-left: none !important;
    padding: 0;
  }

  .float-box > div {
    float: none;
    width: 60%;
    margin: 0 auto;
  }
  .float-box > div + div {
    margin: 30px auto 0;
  }
  .float-box > div:first-child, .float-box > div:last-child {
    width: 60%;
  }
}
@media (max-width: 479px) {
  .txt-wr {
    font-size: 18px;
    line-height: 30px;
  }

  .float-box > div {
    width: 90%;
  }
  .float-box > div:first-child, .float-box > div:last-child {
    width: 90%;
  }

  .callto span {
    display: block;
  }
}

.modal { display: none; }
.modal-title { color: ##888888; }

.signature { display: inline-block; position: absolute; bottom: 15px; left: 15px; font-weight: bold; font-size: 11px; }
.signature a:hover { text-decoration: none; }

.brand img {  }


.summary { display: block; padding: 15px 0 30px; }
.page-children-list { margin-bottom: 60px; }
.page-children-list .thumbnail { vertical-align: middle; }
.page-children-list img { display: inline-block; max-height: 200px; vertical-align: middle; }

ul.contact-list { list-style: none; padding: 0; column-count: 2; -moz-column-count: 2; }
.contact-list li { padding-left: 1.5em; margin-bottom: 15px; text-align: left; }
.contact li:before,
.contact-list li:before {
	content: '\f00c'; /* FontAwesome char code inside the '' */
	font-family: FontAwesome; /* FontAwesome or whatever */
	display: inline-block;
	color: #00A8E8;
	font-weight: normal;
	font-size: 110%;
	width: 1.5em; /* same as padding-left set on li */
	margin-left: 0; /* same as padding-left set on li */
}
/*
.contact-list li:before {
	margin-left: 1em;
}
.contact-list li:before {
	display: inline-block;
	color: #00A8E8;
	font-weight: normal;
	font-size: 110%;
	width: 2em; /* same as padding-left set on li */
	margin-left: 1em;
}
*/
footer .list-unstyled li:before { content: ''; }
footer .list-unstyled, .footer-menu ul, .social-icons ul { margin: 0; padding: 0; padding-left: 1.5em; list-style: none; text-align: left; }
footer .list-unstyled { padding: 0; }
footer .list-unstyled li { padding: 0; }

.footer-logo { max-height: 80px; margin-bottom: 60px; }

li.address:before	{ content: '\f041'; }
li.phone:before		{ content: '\f095'; }
li.mobile:before	{ content: '\f10b'; }
li.fax:before		{ content: '\f1ac'; }
li.email:before		{ content: '\f1fa'; }
li.url:before		{ content: '\f0ac'; }

li.facebook:before	{ content: '\f09a'; }
li.twitter:before	{ content: '\f099'; }
li.googleplus:before	{ content: '\f0d5'; }
li.linkedin:before	{ content: '\f0e1'; }
li.youtube:before	{ content: '\f167'; }
li.pinterest:before	{ content: '\f0d2'; }
li.rss:before		{ content: '\f09e'; }

.social-icons ul { margin: 0; padding: 0; }
.social-icons li { display: inline-block; width: 48px; height: 48px; position: relative; font-size: 0; }
/*.social-icons li:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 48px; margin: 0; padding: 0; }
*/
.social-icons li a, .social-icons li a:hover {
	display: block;
	text-align: center;
	text-decoration: none;
	border-radius: 100%; width: 48px; height: 48px; line-height: 48px;
	background: none;
	transition: all .5s;
}
.social-icons li a:hover { color: #999999; background: rgba(0,0,0,0.3); }
.social-icons li a:before	{ font-family: FontAwesome; font-size: 24px; }

header .social-icons li { width: 36px; height: 36px; }
header .social-icons li a, header .social-icons li a:hover {
	color: #EEEEEE;
	border-radius: 0; width: 36px; height: 36px; line-height: 36px;
}
header .social-icons li a:hover { color: #000000; background: none; }
header .social-icons li a:before	{ font-size: 18px; }

.social-icons li.facebook a:before	{ content: '\f09a'; }
.social-icons li.twitter a:before	{ content: '\f099'; }
.social-icons li.googleplus a:before	{ content: '\f0d5'; }
.social-icons li.linkedin a:before	{ content: '\f0e1'; }
.social-icons li.youtube a:before	{ content: '\f167'; }
.social-icons li.pinterest a:before	{ content: '\f0d2'; }
.social-icons li.rss a:before		{ content: '\f09e'; }

.social-buttons { display: table; margin: 0 auto; text-align: center; }
.social-button { display: table-cell; font-size: 0; vertical-align: top; padding: 0 5px; }
.social-button:not(:first-child) { padding-top: 4px; }



/**************** forms *******************/
.validResult { display: none; }
.control-display { padding-top: 7px; }
.form-horizontal .control-label { text-align: left; }
.well { border-radius: 0; border: 0; background: none; box-shadow: 0 0 0 transparent; }
.button-line { padding: 0 15px; text-align: center; }

#contactform .well { background: rgba(0,0,0,0.3); }

.empty-message,
.error-message { display: none; }

.invalid .error-message { display: block; }
.empty .empty-message,
.invalid.empty .empty-message { display: block; }

.form-group .alert-danger { background: none; border: 0; border-radius: 0; }
.form-group .alert { box-shadow: 0 0 0 transparent; font-size: 14px; margin: 0; padding: 7px; }

label { display: block; }

/***************** map ********************/
.map { width: auto; min-height: 400px; }



.attached-docs ul { display: block; margin: 0; padding: 0; margin-top: 30px; list-style: none; }
.attached-docs a { display: block; font-size: 1.2em; }
.attached-docs a.icon-PDF {
	background:transparent url(http://cdn.torus.gr/icons/filetypes/pdf/pdf-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.xls'],
.attached-docs a[href$='.xlsx'],
.attached-docs a[href$='.csv'],
.attached-docs a[href$='.xlw'],
.attached-docs a[href$='.xlt'] {
	background:transparent url(http://cdn.torus.gr/icons/filetypes/xlsx_win/xlsx_win-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.doc'],
.attached-docs a[href$='.docx'],
.attached-docs a[href$='.rtf'],
.attached-docs a[href$='.wps'],
.attached-docs a[href$='.txt'] {
	background:transparent url(http://cdn.torus.gr/icons/filetypes/docx_win/docx_win-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.pps'],
.attached-docs a[href$='.ppt'],
.attached-docs a[href$='.ppsx'],
.attached-docs a[href$='.pptx'] {
	background:transparent url(http://cdn.torus.gr/icons/filetypes/pptx_win/pptx_win-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.zip'] {
	background:transparent url(http://cdn.torus.gr/icons/filetypes/zip/zip-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.7z'],
.attached-docs a[href$='.rar'] {
	background:transparent url(http://cdn.torus.gr/icons/filetypes/rar/rar-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.jpg'],
.attached-docs a[href$='.jpe'],
.attached-docs a[href$='.jpeg'] {
	background:transparent url(http://cdn.torus.gr/icons/filetypes/jpeg/jpeg-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.gif'] {
	background:transparent url(http://cdn.torus.gr/icons/filetypes/gif/gif-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.png'] {
	background:transparent url(http://cdn.torus.gr/icons/filetypes/png/png-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
.attached-docs a[href$='.tif'],
.attached-docs a[href$='.tiff'] {
	background:transparent url(http://cdn.torus.gr/icons/filetypes/tiff/tiff-32_32.png) center left no-repeat; padding:.8em 0 .8em 48px; }
/* mailto and external links
a[href^="mailto:"] {
	background:transparent url(../images/mailto.png) center left no-repeat; padding-left:20px; line-height:15px; }
 */
.attached-docs a, .attached-docs a:hover { text-decoration: none; }
.attached-docs .filetitle { font-weight: bold; }
.attached-docs .filelocation { display: block; font-weight: normal; text-style: italic; font-size: 80%; clear: both; }


.thumb-pad5 figure { margin: 15px 0; }
.logo-text { display: inline-block; }
#logo { vertical-align: top; }
.well { padding: 30px 0; }

.page-contact table { margin: 30px auto; border-collapse: collapse; }
.page-contact table td,
.page-contact table th { padding: 10px; border: 0; }
.page-contact table tr td:first-child { text-align: right; }
.page-contact table tr td:last-child { text-align: left; font-weight: bold; }

/************** home icons ********************/

[class^="icon-"] {
	display: inline-block;
	width: 128px; height: 128px;
	background: #222A33;
	background-image: url(/images/icons-sprite.png);
	background-size: auto 384px;

	border: 5px solid #222A33;
	border-radius: 100%;
}
[class^="icon-"]:hover { border-color: #FFFFFF; }

.icon-home-01 { background-position: -5px -5px; }
.icon-home-02 { background-position: -133px -5px; } /* 133=128 + 5 for the border */
.icon-home-03 { background-position: -261px -5px; }
.icon-home-04 { background-position: -389px -5px; }

.home-prog { text-align: center; }
.home-prog h2 { font-size: 24px; line-height: 24px; text-transform: none;  }
.home-prog a,
.home-prog a:hover { color: #222A33; }

.langbar { position: absolute; top: 7px; right: 0; display: inline-block; }
.langbar a, .langbar a:hover { padding: 0; }
.langicon { display: inline-block; margin-left: 2px; }
.langicon img { display: block; }
.langicon img:hover { display: block; }

.lang-icon, .lang-icon:hover {
	display: inline-block;
	margin: 0 3px;
	width: 36px;
	height: 24px;
	cursor: pointer;
	outline: 3px solid transparent;
	background: url(/images/flags-sprite.png) 0 0 no-repeat;
}
.lang-icon:hover { outline: 3px solid #44c0ee; }
.lang-el { background-position: 0 0; }
.lang-en { background-position: -36px 0; }
.lang-el:hover { background-position: 0 0; }
.lang-en:hover { background-position: -36px 0; }
.langselected { display: none; }

@media screen and (max-width: 767px) {
	.langbar { position: fixed; top: 15px; right: 15px; z-index: 99999992;}
}

.quote-wrap {
	padding-top:30px;
	padding-bottom:30px;
}
.quote {
	display: inline;
	text-align: center;
	text-transform: none;
	font: 300 30px/36px "Lato", sans-serif;
}
.quote::before {
	content: '“';
	position: relative;
	top: 0;
	left: 0;
	font-size: 50px;
}
.quote::after {
	content: '”';
	position: relative;
	top: 40px;
	right: 0;
	font-size: 50px;
}

#search {
	text-align: center;
}
#search form input {
	width: 300px;
}

#results {
	display: none;
	width: 100%;
	height: 800px;
	padding: 0;
}

video {
	display: block;
	width: 100%;
}

#logos {
	background:url(/images/logos.png) top center / auto auto no-repeat;
	height: 310px;
	position:relative;
}
@media screen and (max-width: 1199px) {
	#logos {
		background-size: 100% auto;
	}
}
@media screen and (max-width: 991px) {
	h1 { margin-bottom: 30px; }
	#logos {
		height: 260px;
	}
}
@media screen and (max-width: 767px) {
	#logos {
		height: 220px;
	}
}

#logos .poweredby {
	color:#479bd6;
	font-size:10px;
	position:absolute;
	bottom:0;
	margin:0 auto;
	text-align:center;
	width:100%;
	height:90px;
}

#logos .poweredby a {
	display:block;
	background:url(/images/alfanet.png);
	width:197px;
	height:47px;
	margin:0 auto;
}

.push {
	height:100px;
}

a#video-toggle { display: inline-block; padding: 15px; }
a#video-toggle .fa { line-height: 18px; vertical-align: bottom; }
a#video-toggle.collapsed .fa-angle-double-up { transform: rotate(180deg); }

.owner {
	position: relative;
	text-align: center;
	padding: 30px 0;
}
.owner:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 20px;
	top: 0px;
	left: 0;
	z-index: -1;
	background: url(/images/logos.png) top center no-repeat;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
@media screen and (max-width: 1199px) {
	.owner:before {
		background-size: 100% auto;
		height: 15px;
	}
}

@media screen and (max-width: 767px) {
	.owner:before {
		height: 10px;
	}
}
@media screen and (max-width: 420px) {
	.owner:before {
		height: 7px;
	}
}


/* Cookies box
 --------------------------------------------------*/
.cb-cookiesbox {
	position: fixed;
	top: auto; left: 0; right: 0; bottom: 0;
	z-index: 999999;
	display: block;
	padding: 8px;
	margin: 0;
	color: #ffffff;
	background: #000000;
}
.cb-cookiesbox p {
	margin: 0;
	text-align: center;
	line-height: 1em;
}
.cb-cookiesbox .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 44px;
	height: 44px;
	font-size: 32px;
	line-height: 44px;
	text-align: center;
	text-decoration: none;
}
/* /Cookies box
 --------------------------------------------------*/

/* Contact form
 --------------------------------------------------*/

.form-control {
	box-shadow: 0 0 0 transparent;
}

.text-sm {
	font-size: 11px;
	font-weight: normal;
}

.input-group-btn:first-child > .btn.btn-recaptcha {
	padding: 6px 24px;
	line-height: 1.2;
	border-color: rgba(0, 0, 0, 0.1);
}
.btn-recaptcha img {
	max-width: none;
	width: 100px;
	height: 20px;
}


/* /Contact form
 --------------------------------------------------*/