@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,greek-ext);

/***** Logo with full screen background ***

[class*='tm-logo'] svg path, [class*='tm-logo'] path, [class*='tm-logo'] rect {

	fill: #fff;

}**/

/***** Logo with white background ****

.tm-navbar-attached [class*='tm-logo'] svg path, .tm-navbar-attached [class*='tm-logo'] path, .tm-navbar-attached [class*='tm-logo'] rect {

	fill: #000;

}*/

strong { font-width: 700; }

li.uk-parent { display: block!important; }

body:not(.tm-navbar-bg) [class*='tm-block-primary'] .tm-navbar:not(.tm-navbar-attached) [class*='tm-logo'] svg path, body:not(.tm-navbar-bg) [class*='tm-block-primary'] .tm-navbar:not(.tm-navbar-attached)[class*='tm-logo'] path, body:not(.tm-navbar-bg) [class*='tm-block-primary'] .tm-navbar:not(.tm-navbar-attached) [class*='tm-logo'] rect { fill: #222; }

/* Background overrides for header and bottom-d */

.tm-block-header.tm-contrast div.tm-block-texture, .tm-block-bottom-d.tm-contrast div.tm-block-texture { background: none; }

/* Hide stalker */

.tm-block-header.tm-contrast .tm-stalker { display: none; }

/* Background image in layout position bottom-e */

.tm-block-bottom-e > div { background-image: none; }

/* SVG fill color for layout position bottom-e */

.tm-block-bottom-e .uk-panel .uk-panel svg path, .tm-block-bottom-e .uk-panel .uk-panel path { fill: #222; opacity: 1; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.tm-block-bottom-e .uk-panel .uk-panel:hover svg path, .tm-block-bottom-e .uk-panel .uk-panel:hover path { opacity: 0.4; }

.tm-block-header.tm-fullscreen .uk-navbar-nav > li.uk-active > a, .tm-block-header.tm-fullscreen .uk-navbar-nav > li > a, .tm-block-header.tm-fullscreen .uk-search:before, .tm-block-header.tm-fullscreen .mod-languages a { color: #fff!important }

.tm-block-header.tm-fullscreen .tm-navbar-attached .uk-navbar-nav > li.uk-active > a, .tm-block-header.tm-fullscreen .tm-navbar-attached .uk-navbar-nav > li > a, .tm-block-header.tm-fullscreen .tm-navbar-attached .uk-search:before, .tm-block-header.tm-fullscreen .tm-navbar-attached .mod-languages a { color: #000!important }

div.mod-languages { display: inline-block!important; }

/********* Full Sreen background *******************/

.tm-block-header.tm-fullscreen.tm-block-default { background: url(../../../images/home-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.tm-block-header.tm-fullscreen .tm-block-texture { left: 0; top: 0; width: 100%; height: 100%; background-image: url(../../../images/pattern.png); background-repeat: repeat; background-color: rgba(44,62,80,0.0); }

/********* Varius *******************/

.white h1, .white p { color: #fff!important; }

.uk-overlay-panel .uk-button { background-color: #2196f3; border: 1px solid #2196f3; color: #ffffff; background-image: -webkit-linear-gradient(top, #2196f3, #2196f3); background-image: linear-gradient(to bottom, #2196f3, #2196f3); box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0), 1px 1px 1px rgba(0, 0, 0, 0); }

.tm-navbar-attached { -webkit-box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.39); -moz-box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.39); box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.39); }

[class*='tm-logo'] svg path, [class*='tm-logo'] path, [class*='tm-logo'] rect { color: #fff!important; }

.mod-languages a { transition: all .4s ease-in-out; }

.mod-languages a:hover { transform: scale(1.7); }

/*********** Footer **************/

.tm-block-footer .tm-footer, .tm-block-footer .tm-footer a { color: #222222; }

span.heart-icon a { color: #EC0000!important; }

.heart-icon a:hover { text-decoration: none!important; }

/*********** Menu **************/

.tm-navbar-bg .tm-navbar { background: #fff }

.uk-navbar-nav > li > a { color: #222222; }

.tm-block-header.tm-block-default .tm-block-texture { border-bottom: none; }

.white a, .white, .tm-block-header h3, .white .uk-slideshow > li { color: #fff!important; }

.uk-dropdown-navbar { -webkit-box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.75); box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.75); color: #000; }

.uk-nav-navbar > li > a { color: #000!important; }

.uk-nav-offcanvas > li > a, .uk-nav-offcanvas .uk-nav-header, .uk-nav-offcanvas ul a { color: #000!important; }

/*********** Widgetkit **************/

.darkColor .uk-panel-box-primary { background-color: #BFBFBF; color: #ffffff; border-color: #BFBFBF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0); }

.darkColor .uk-panel-box .uk-panel-teaser { margin-top: 0; margin-left: 0; margin-right: 0; }

.darkColor .uk-panel-box { padding: 5px!important; }



.uk-dotnav-contrast > * > * { background: rgba(0, 0, 0, 0); border-color: rgba(0, 74, 110, 1); }

span.blue { color: #F08A02; font-weight: 700; }

.mdbig { font-size: 45px; letter-spacing: -3px; font-weight: 700; line-height: 1; font-family: 'Arial Black', sans-serif; margin-top: 20px; margin-bottom: 10px; color: #f08a02; }

.soic a.uk-link-reset { font-size: 16px; }

/*

.uk-grid.uk-grid-divider .uk-width-medium-1-2:first-of-type{

padding: 25px;

  background: #ffffff;

  color: #454545;

  position: relative;

  border: 1px solid rgba(0, 0, 0, 0.06);

  border-radius: 2px;

  box-shadow: 2px 2px 16px rgba(0, 0, 0, 0);

   

  

  }

  

  @media (min-width: 1220px){

  .uk-grid.uk-grid-divider .uk-width-medium-1-2:first-of-type{ margin-left: 40px;width:45%;}}

  */

  

  

  /* ==== 18) Contact Details ==== */



.phone-container { background-position: center 0%; min-height: 400px!important; background-size: cover; background-repeat: no-repeat; background-image: url(../../../images/bg_8.jpg); display: table; width: 100%; height: 100%; min-height: 100%; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; z-index: 1; color: #fff; text-align: center; }

.stripe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../../../images/pattern.png); background-repeat: repeat; background-color: rgba(44,62,80,0.6); z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.phone-info { margin-top: 30px; background: rgba(240, 138, 2, 0.25); line-height: 0; border-radius: 3px; display: inline-block; color: #fff; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; padding-top: 30px; }

.phone-info:hover { background: rgba(0, 143, 213, 0.5); }

.phone-info h1 { font-size: 65px; line-height: 100%; font-weight: 700; color: #fff; }

.ph-company-contact { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.ph-company-contact h3 { font-size: 40px; line-height: 45px; color: #fff; }

.ph-company-contact .highlight { color: #f08a02; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

 @-webkit-keyframes bounce {

 0%, 20%, 50%, 80%, 100% {

-webkit-transform: translateY(0);

}

 40% {

-webkit-transform: translateY(-30px);

}

 60% {

-webkit-transform: translateY(-15px);

}

}

 @keyframes bounce {

 0%, 20%, 50%, 80%, 100% {

transform: translateY(0);

}

 40% {

transform: translateY(-30px);

}

 60% {

transform: translateY(-15px);

}

}

.bounce:hover { -webkit-animation-name: bounce; animation-name: bounce; }

/* ==== 19) Contact Form ==== */





.animated-b { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }

 @-webkit-keyframes pulse {

 0% {

-webkit-transform: scale(1);

}

 50% {

-webkit-transform: scale(1.3);

}

 100% {

-webkit-transform: scale(1);

}

}

@keyframes pulse {

 0% {

transform: scale(1);

}

 50% {

transform: scale(1.3);

}

 100% {

transform: scale(1);

}

}

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

/****************** Contact Form ************************/

.contact > div { float: left; padding: 30px 0 0 30px; width: 40%; }

.contact > div:first-child { padding: 0 65px 0 0; }

.contact h3 { font-size: 18px; font-weight: bold; }

.contact-form dl { float: left; width: 40%; }

.contact-form p { margin: 0 0 20px 0; }

.contact-form legend { color: #777; font-size: 12px; margin: 0 0 24px; }

.contact-form .button.validate { clear: both; margin: 20px 0 0 0; }

.contact-form input[type="text"], .contact-form input[type="email"] { margin: 6px 0 0 0; width: 100%; }

.contact-form input[type="checkbox"] { float: left; margin: 8px 6px 0 0; }

.contact-form textarea { height: 210px !important; width: 100%; }

.contact-misc > h3 { padding-top: 48px; }

.contact-misc > big { color: #26292b; display: block; font-size: 24px; font-weight: bold; line-height: 1.2; padding-top: 48px; }

.contact-misc > big + small { font-size: 14px; }

dt.inline, dd.inline { display: inline-block !important; float: left !important; margin: 12px 0 0; width: auto !important; }

span.jicons-icons img { display: none; }

button, .button { -webkit-appearance: none; background: rgba(34,34,34,0.9); border: none; border-radius: 1px; color: #fff !important; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 400; height: auto; letter-spacing: 2px; line-height: 25px; margin: 0 5px 2px 2px; padding: 12px 45px; text-align: center; text-transform: uppercase; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }



@media (max-width:768px) {

.contact > div { float: left; padding: 0 0 0 5px; width: 100%; }

}



@media (max-width:1180px) and (min-width:900px) {

.uk-navbar-nav > li > a { padding: 4px 15px 0 15px; }

}



@media (max-width:899px) and (min-width:768px) {

.uk-navbar-nav > li > a { padding: 4px 10px 0 10px; }

.tm-nav-logo.uk-hidden-small { width: 200px; }

}

.yoo-zoo.product-tiles .uk-margin { min-height: 200px; display: block; }

.work-samples h3.uk-panel-title.uk-margin-small { font-size: 18px; line-height: 20px; }

.work-samples .uk-margin-small { font-size: 14px; line-height: 16px; }

.uk-navbar-toggle { font-size: 16px; color: #ccc; }

ul.uk-nav-sub { padding: 5px 0 5px 15px; }

.tm-block-header.tm-fullscreen .tm-tobottom-scroller { color: #fff; }

.yoo-zoo.product-portfolio .uk-panel-box { padding: 0px; text-align: center; border-radius: 6px; overflow: hidden; }

.yoo-zoo.product-portfolio .uk-panel-box img { transition: all .5s ease-in-out; overflow: hidden; }

.yoo-zoo.product-portfolio .uk-thumbnail.uk-align-center { padding: 0px; margin-bottom: 10px; background: #000; }

.yoo-zoo.product-portfolio .uk-panel-box img { box-shadow: inset 3px 3px 40px 0 rgba(0,0,0,.45); }

.yoo-zoo.product-portfolio .uk-panel-box img:hover { opacity: 0.6; }

.yoo-zoo.product-portfolio h3.uk-margin-remove { height: 54px; line-height: 18px!important; }

.yoo-zoo.product-portfolio h3.uk-margin-remove a { color: #222222; text-decoration: none; font-size: 18px; line-height: 26px; margin-bottom: 10px; }





.download-pdf{display:block; height:80px; width:60px; font-size:10px; line-height:10px; color:#000; text-align:center; float:left; margin:0px 10px 10px 10px;}

.download-pdf a{font-size:10px; line-height:10px; color:#000;}

.download-pdf a img:hover{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.download-pdf-block {

  display: block;

  width: 100%;

  height: auto;

  margin: 30px 0px;

  float: left;

}







@media (min-width: 1200px){

.tm-container-80 {

  max-width: 100%!important;

}}



@media (min-width: 1350px){

.tm-container-80 {

  max-width: 80%!important;

}}