/*
Theme Name: IntraDevelopment
Theme URI: http://www.digitalbox.gr/
Author: Digitalbox
Author URI: http://www.digitalbox.gr/
Description: WordPress Responsive Theme
Version: 1.0
Text Domain: aude_framework
Tags: white
License:
License URI:
*/

body { background: #fff; color: #000000; font-family: 'Open Sans', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; margin: 0; position: relative; webkit-font-smoothing: antialiased;}

.stickyarea { padding-top: 84px;}
.row { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; max-width: 1210px; width: 100%; }
.row.full-width { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; max-width: 99%; width: 99%; }
.row.full-width-dev { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; max-width: 97%; width: 97%; }
.row.no-gutter { margin:0 auto;}
.row.no-gutter [class*='col-']:first-child, .row.no-gutter [class*='col-']:last-child { padding-left: 0; padding-right: 0; }
.center-block { float: none; }
a { color: #000; outline: 0; text-decoration: none; }
p.darklink a { color: #000; outline: 0; text-decoration: underline; }
a:hover, a:active, a:focus { outline: 0; text-decoration: none; color:#6E6E6E; }
code { background: #f5f2f0; border: 0; border-radius: 6px; color: #303038; display: block; font-family: consolas, monaco, 'andale mono', monospace; font-weight: normal; line-height: 1.3; margin: 8px 0; padding: 12px; text-shadow: 0 1px white; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; }

img {  max-width: 100%;  height: auto; -ms-interpolation-mode: bicubic; display: inline-block;  vertical-align: middle;}
iframe {margin-bottom:25px;}

/* Ηeadings */
h1, h2, h3, h4, h5, h6 { color: #5a5a5a; font-family: 'Open Sans', 'montserrat', Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-weight: 700; line-height: 1.1; margin-bottom: 12px; margin-top: 12px; text-rendering: optimizelegibility; }
h1 { font-size: 44px; }
h2 { font-size: 34px; }
h3 { font-size: 27px; }
h4 { font-size: 23px; }
h5 { font-size: 17px; }
h6 { font-size: 14px; }
/* End of Ηeadings */

p { font-family: inherit; font-size: 17px; font-weight: normal; line-height: 1.45; margin: 0 0 17px 0;  font-weight: 400;}
hr { border: solid #eff0f4; border-width: 1px 0 0; clear: both; height: 0; margin: 21px 0; }
hr.small { border: solid #555555; border-width:2px 0 0; clear: both; height: 0; margin-top:7px; margin-bottom:17px; max-width:45px; }
.spacing-70 { padding-top: 70px; }
.spacing-40 { padding-top: 40px; }
.spacing-25 { padding-top: 25px; }
hr.secondcontent { border: solid #eff0f4; border-width: 1px 0 0; clear: both; height: 0; margin: 41px 0 21px; }
hr.team{ border: solid #555555; border-width:1px 0 0; clear: both; height: 0;  margin:0 auto; margin-top:41px; margin-bottom:21px; max-width:65px; }

/* Bootstrap 5 columns */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {    position: relative;    min-height: 1px;    padding-right: 10px;    padding-left: 10px;}

/* Forms */
input[type="text"].wpcf7-form-control, input[type="password"].wpcf7-form-control, input[type="date"].wpcf7-form-control, input[type="datetime"].wpcf7-form-control, input[type="email"].wpcf7-form-control, input[type="number"].wpcf7-form-control, input[type="search"].wpcf7-form-control, input[type="tel"].wpcf7-form-control, input[type="time"].wpcf7-form-control, input[type="url"].wpcf7-form-control { font-size: 18px; height: 55px; padding: 5px 15px; width: 100%; }
textarea.wpcf7-form-control { font-size: 18px;padding: 15px; width: 100%; }
select.wpcf7-form-control { font-size: 18px; height: 55px; padding: 5px 15px; width: 100%; }
input[type="submit"] { background: #515151; border: 0; color: #fff; cursor: pointer; float: left; font-size: 16px; font-weight: 900; height: 55px; padding: 8px 26px 6px; text-transform: uppercase; width: auto; }
input[type="submit"]:hover { background: #646464; }
input[type="text"].wpcf7-form-control:focus, input[type="password"].wpcf7-form-control:focus, input[type="date"].wpcf7-form-control:focus, input[type="datetime"].wpcf7-form-control:focus, input[type="email"].wpcf7-form-control:focus, input[type="number"].wpcf7-form-control:focus, input[type="search"].wpcf7-form-control:focus, input[type="tel"].wpcf7-form-control:focus, input[type="time"].wpcf7-form-control:focus, input[type="url"].wpcf7-form-control:focus, textarea.wpcf7-form-control:focus, select:focus { box-shadow: none; }

#wpcf7-f4-p204-o1 input[type="text"].wpcf7-form-control, #wpcf7-f4-p204-o1 input[type="password"].wpcf7-form-control, #wpcf7-f4-p204-o1 input[type="date"].wpcf7-form-control, #wpcf7-f4-p204-o1 input[type="datetime"].wpcf7-form-control, #wpcf7-f4-p204-o1 input[type="email"].wpcf7-form-control, #wpcf7-f4-p204-o1 input[type="number"].wpcf7-form-control, #wpcf7-f4-p204-o1 input[type="search"].wpcf7-form-control, #wpcf7-f4-p204-o1 input[type="tel"].wpcf7-form-control, #wpcf7-f4-p204-o1 input[type="time"].wpcf7-form-control, #wpcf7-f4-p204-o1 input[type="url"].wpcf7-form-control { font-size: 18px; height: 45px; padding: 5px 0; width: 100%; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #d6d6d6; margin-bottom:15px; }
#wpcf7-f4-p204-o1 textarea.wpcf7-form-control { font-size: 18px; height: 145px; padding: 5px 0; width: 100%; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #d6d6d6; margin-bottom:15px; }
#wpcf7-f4-p204-o1 .wpcf7-list-item label {display:block; width:100%;}
#wpcf7-f4-p204-o1 span.file-853  { width:100%; display:block; font-size: 15px; height: 45px; padding: 5px 0 20px; width: 100%; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #d6d6d6; margin-bottom:15px; }

#wpcf7-f4-p204-o1 input[type="submit"] { background: #d6d6d6; border: 0; color: #333; cursor: pointer; float:none; display:table; margin:0 auto; font-size: 15px; font-weight: 900; height: 55px; padding: 8px 26px 6px; text-transform: uppercase; width: auto; margin-top:35px; text-align: center; }
#wpcf7-f4-p204-o1 input[type="submit"]:hover { background: #333; color:#d6d6d6;}


#wpcf7-f272-p270-o1 input[type="text"].wpcf7-form-control, #wpcf7-f272-p270-o1 input[type="password"].wpcf7-form-control, #wpcf7-f272-p270-o1 input[type="date"].wpcf7-form-control, #wpcf7-f272-p270-o1 input[type="datetime"].wpcf7-form-control, #wpcf7-f272-p270-o1 input[type="email"].wpcf7-form-control, #wpcf7-f272-p270-o1 input[type="number"].wpcf7-form-control, #wpcf7-f272-p270-o1 input[type="search"].wpcf7-form-control, #wpcf7-f272-p270-o1 input[type="tel"].wpcf7-form-control, #wpcf7-f272-p270-o1 input[type="time"].wpcf7-form-control, #wpcf7-f272-p270-o1 input[type="url"].wpcf7-form-control { font-size: 18px; height: 45px; padding: 5px 0; width: 100%; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #d6d6d6; margin-bottom:15px; }
#wpcf7-f272-p270-o1 textarea.wpcf7-form-control { font-size: 18px; height: 145px; padding: 5px 0; width: 100%; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #d6d6d6; margin-bottom:15px; }
#wpcf7-f272-p270-o1 .wpcf7-list-item label {display:block; width:100%;}
#wpcf7-f272-p270-o1 span.file-853  { width:100%; display:block; font-size: 15px; height: 45px; padding: 5px 0 20px; width: 100%; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #d6d6d6; margin-bottom:15px; }

#wpcf7-f272-p270-o1 input[type="submit"] { background: #d6d6d6; border: 0; color: #333; cursor: pointer; float:none; display:table; margin:0 auto; font-size: 15px; font-weight: 900; height: 55px; padding: 8px 26px 6px; text-transform: uppercase; width: auto; margin-top:35px; text-align: center; }
#wpcf7-f272-p270-o1 input[type="submit"]:hover { background: #333; color:#d6d6d6;}

#wpcf7-f462-o2 input[type="text"].wpcf7-form-control, #wpcf7-f462-o2 input[type="password"].wpcf7-form-control, #wpcf7-f462-o2 input[type="date"].wpcf7-form-control, #wpcf7-f462-o2 input[type="datetime"].wpcf7-form-control, #wpcf7-f462-o2 input[type="email"].wpcf7-form-control, #wpcf7-f462-o2 input[type="number"].wpcf7-form-control, #wpcf7-f462-o2 input[type="search"].wpcf7-form-control, #wpcf7-f462-o2 input[type="tel"].wpcf7-form-control, #wpcf7-f462-o2 input[type="time"].wpcf7-form-control, #wpcf7-f462-o2 input[type="url"].wpcf7-form-control { font-size: 18px; height: 45px; padding: 5px 0; width: 100%; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #d6d6d6; margin-bottom:15px; }
#wpcf7-f462-o2 textarea.wpcf7-form-control { font-size: 18px; height: 145px; padding: 5px 0; width: 100%; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #d6d6d6; margin-bottom:15px; }
#wpcf7-f462-o2 .wpcf7-list-item label {display:block; width:100%;}
#wpcf7-f462-o2 span.file-853  { width:100%; display:block; font-size: 15px; height: 45px; padding: 5px 0 20px; width: 100%; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #d6d6d6; margin-bottom:15px; }

#wpcf7-f462-o2 input[type="submit"] { background: #d6d6d6; border: 0; color: #333; cursor: pointer; float:none; display:table; margin:0 auto; font-size: 15px; font-weight: 900; height: 55px; padding: 8px 26px 6px; text-transform: uppercase; width: auto; margin-top:35px; text-align: center; }
#wpcf7-f462-o2 input[type="submit"]:hover { background: #333; color:#d6d6d6;}


#wpcf7-f471-o2 input[type="text"].wpcf7-form-control, #wpcf7-f471-o2 input[type="password"].wpcf7-form-control, #wpcf7-f471-o2 input[type="date"].wpcf7-form-control, #wpcf7-f471-o2 input[type="datetime"].wpcf7-form-control, #wpcf7-f471-o2 input[type="email"].wpcf7-form-control, #wpcf7-f471-o2 input[type="number"].wpcf7-form-control, #wpcf7-f471-o2 input[type="search"].wpcf7-form-control, #wpcf7-f471-o2 input[type="tel"].wpcf7-form-control, #wpcf7-f471-o2 input[type="time"].wpcf7-form-control, #wpcf7-f471-o2 input[type="url"].wpcf7-form-control { font-size: 18px; height: 45px; padding: 5px 0; width: 100%; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #d6d6d6; margin-bottom:15px; }

#wpcf7-f471-o2 .wpcf7-list-item label {display:block; width:100%;}
#wpcf7-f471-o2 span.file-853  { width:100%; display:block; font-size: 15px; height: 45px; padding: 5px 0 20px; width: 100%; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #d6d6d6; margin-bottom:15px; }

#wpcf7-f471-o2 input[type="submit"] { background: #d6d6d6; border: 0; color: #333; cursor: pointer; float:none; display:table; margin:0 auto; font-size: 15px; font-weight: 900; height: 55px; padding: 8px 26px 6px; text-transform: uppercase; width: auto; margin-top:35px; text-align: center; }
#wpcf7-f471-o2 input[type="submit"]:hover { background: #333; color:#d6d6d6;}

/* Breadcrumbs */
.breadcrumbs { background: #84c7a6; box-shadow: inset 4px 104px 93px -18px rgba(76, 116, 110, 0.34); moz-box-shadow: inset 4px 104px 93px -18px rgba(76, 116, 110, 0.34); padding: 22px 0; webkit-box-shadow: inset 4px 104px 93px -18px rgba(76, 116, 110, 0.34); }
.breadcrumbs h1 { color: #fff; font-size: 23px; margin: 0; padding: 0; }
ol.breadcrumb { background: transparent; border-radius: 0; color: #fff; float: right; margin: 0; padding: 6px 0 0; }
ol.breadcrumb li:first-child { color: #fff; font-size: 15px; font-weight: normal; }
ol.breadcrumb li.active { color: #fff; font-size: 15px; font-weight: bold; }
ol.breadcrumb li a { color: #fff; font-size: 15px; }
ol.breadcrumb li a:hover { color: #4c746e; }
ol.breadcrumb > li + li:before { color: #fff; content: "\f105"; font-family: "fontawesome"; font-weight: normal; padding: 0 5px; }
ol.breadcrumb > li:first-child + li:before { content: ""; padding: 0 3px 0 0; }
/* End of Breadcrumbs */


/* ============
   2 = Header
   ============ */
.topbar { background: #fff; padding:15px 0; border-bottom: 1px solid #dbdbdb }
.topbar ul.contacts {padding:0; margin:0; list-style:none;}
.topbar ul.contacts li {float:left; margin-right:30px; font-weight: 600; letter-spacing: .07em; font-size:13px;}
.topbar ul.contacts li:last-child {margin-right:0;}
.topbar ul.contacts li a {color:#000;}
.topbar ul.contacts li a:hover {color:#ddd;}
.topbar ul.contacts li i {margin-left:8px;}
.top ul.langs {padding-left: 60px; padding-top: 5.9%; margin:0; list-style:none; float:right;}
.top ul.langs li {float:left; margin-right:5px; font-weight: 600; letter-spacing: .07em; font-size:13px;color:#aaaaaa;}
.top ul.langs li:last-child {margin-right:20px;}
.top ul.langs li a {color:#aaaaaa;}
.top ul.langs li a:hover, .top ul.langs li.current a {color:#000;}
.topbar ul.social {padding:0; margin:0; list-style:none; float:right; background: #fff}
.topbar ul.social li {float:left; margin-right:10px; font-weight: 600; letter-spacing: .07em; font-size:13px;}
.topbar ul.social li a {color:#000;}
.topbar ul.social li a:hover {color:#ddd;}

.top {border-bottom: 1px solid #dbdbdb}
.top.sticky { box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); position: fixed; width: 100%; z-index: 99999; }
.logo {
  /* padding-top:27px;  */
  padding-top: 15px;
  padding-bottom: 15px; 
}

/* Navigation  ---------------------- */
nav#desktop-menu {  padding: 0; text-align: left; float:right; }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {  margin: 0;  padding: 0;  list-style: none;}
.sf-menu li {  position: relative;}
.sf-menu ul {  position: absolute;  display: none;  top: 100%;  left: 0;  z-index: 99;}
.sf-menu > li {  float: left;}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {  display: block;}
.sf-menu a {  display: block;  position: relative;}
.sf-menu ul ul {  top: 0;  left: 100%;}

/*** SKIN ***/
.sf-menu {  float: left;  margin: 0;}
.sf-menu ul {  min-width: 12em; *width: 12em; -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
/* 1st level */
.sf-menu li {  white-space: nowrap;   *white-space: normal;}
.sf-menu li a {color: #000; font-weight: 600; letter-spacing: .1em; padding: 42px 25px; text-transform: uppercase;  font-size:13px;}
.sf-menu li.current-menu-item a, .sf-menu li a:hover   { color: #da1d21; border-bottom: 0px solid #fff; -webkit-transition: none;  transition: none;}
.sf-menu li:last-child a {padding-right:0;}
/* 2nd level */
.sf-menu ul li, .sf-menu li.current ul li{background:#fff!important; }
.sf-menu ul li a {border-bottom: 1px solid #e8e8e8; background:#fff!important; font-size: 13px; font-weight: 600; letter-spacing: .04em; padding: 13px 20px 10px; color:#000!important;}
.sf-menu ul li:hover a, .sf-menu ul li.sfHover a  { background: #ededed!important; color: #6f6f6f;  -webkit-transition: none;  transition: none;}
/* 3rd level */
.sf-menu ul li.sfHover li a {background:#fff!important; }
.sf-menu ul li li:hover a, .sf-menu ul li li.sfHover a  { background: #ededed!important; color: #6f6f6f;  -webkit-transition: none;  transition: none;}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul {  padding-right: 2.5em;  *padding-right: 1em; }
.sf-arrows .sf-with-ul:after {  content: '';  position: absolute;  top: 50%;  right: 1em;  margin-top: -3px;  height: 0;  width: 0;  border: 5px solid transparent;  border-top-color: #fff; }
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {  border-top-color: #fff; }
.sf-arrows ul .sf-with-ul:after {  margin-top: -5px;  margin-right: -3px;  border-color: transparent;  border-left-color: #fff;  }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {  border-left-color: #fff;}
.slicknav_menu {  display:none;}

/*** ESSENTIAL STYLES ***/
.erga-menu, .erga-menu * {  margin: 0;  padding: 0;  list-style: none;}
.erga-menu li {  position: relative;}
.erga-menu ul {  position: absolute;  display: none;  top: 100%;  left: 0;  z-index: 99;}
.erga-menu > li {  float: left;}
.erga-menu li:hover > ul, .erga-menu li.ergaHover > ul {  display: block;}
.erga-menu a {  display: block;  position: relative;}
.erga-menu ul ul {  top: 0;  left: 101%;}

/*** SKIN ***/
.erga-menu {  float: left;  margin: 0;}
.erga-menu ul {  min-width: 12em; *width: 12em; -webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 0.2); top:39px; left:15px;}
/* 1st level */
.erga-menu li {  white-space: nowrap;   *white-space: normal;  }
.erga-menu li a {font-weight: 600; letter-spacing: .1em; font-size:13px; color:#858585; padding: 15px; }
.erga-menu li a:hover   { color: #333; border-bottom: 0px solid #fff; -webkit-transition: none;  transition: none;}
.erga-menu li:last-child a {padding-right:0;}
/* 2nd level */
.erga-menu ul li a {border-bottom: 1px solid #e8e8e8; background:#fff!important; font-size: 12px; font-weight: 600; letter-spacing: .1em; padding: 8px 10px; color:#858585!important;}
.erga-menu ul li:hover a, .erga-menu ul li.sfHover a  { background: #fff!important; color: #333!important;border-bottom: 1px solid #e8e8e8;  -webkit-transition: none;  transition: none;}
/* 3rd level */
.erga-menu ul li.sfHover li a {background:#fff!important; }
.erga-menu ul li li:hover a, .erga-menu ul li li.sfHover a  { background: #fff!important; color: #333!important; border-bottom: 1px solid #e8e8e8; -webkit-transition: none;  transition: none;}
}

/* ===============
   3 = Home Page
   =============== */

/* Tab Slider */
.slidercontainer {    position: relative;}
.slidercontainer .slidercontainer-entry:after { background: url(images/intradevelopment/slider_hover.png) repeat; bottom: 0px; content: ""; left: 0; position: absolute;  right: 0; top: 0; z-index:1; }
.slidercontainer #mainslider .item { color: #fff; margin: 0; padding: 0; position: relative; text-align: center;  overflow: hidden;}
.slidercontainer #mainslider .item:after { 
	/*background: url(images/intradevelopment/slider_hover.png) repeat;*/
 	bottom: 0px; content: ""; left: 0; position: absolute;  right: 0; top: 0; z-index:1; 
}
.slidercontainer #mainslider .slidecaption { left: 1%; position: absolute; text-align: center; bottom: 1%; z-index:99; }
#mainslider .item .slidecaption h2 { color: #fff; font-size: 28px; font-weight: 700; letter-spacing: .20em; margin:20px 0; }
#mainslider .item .slidecaption h4 { color: #fff; font-size: 14px; font-weight: 700; letter-spacing: .28em}
#mainslider .item .slidecaption .btn-slide { background: #333333;  border-radius:0; color: #fff; color: #fff; font-size: 14px; font-weight:400; margin: 25px auto 10px auto; padding: 7px 20px;letter-spacing: .09em }
#mainslider .item .slidecaption .btn-slide:hover { background: #000;  color: #fff;}
/* End of Tab Slider */

/* Services */
.services { overflow: hidden; padding: 60px 0 80px; }
.services.smallpadding {padding-bottom: 50px; }
.services h2 { font-weight: 400; font-size: 24px; letter-spacing: .19em; text-align: center; color:#444; }
.service h4 {  font-weight: 700; font-size: 15px; letter-spacing: .08em; color:#333; }
.services h3 { font-weight: 600; font-size: 21px; letter-spacing: .12em; text-align: center; color:#444; }
.services .service p { font-size: 15px; font-weight: 400; margin: 18px 0 0;color:#878787;}
.services p { font-size: 15px; font-weight: 400; margin: 18px 0 0;color:#000;}
#allservices {position:relative;}
#allservices .item{
  padding: 0 30px;
  margin: 10px;
  text-align: left;
}
#allservices .item h4 {  font-weight: 600; font-size: 18px; letter-spacing: .08em; color:#333; }
#allservices .item p {  font-weight: 400; font-size: 14px; color:#444; opacity:.5;}
#allservices .item p:hover { opacity:1;}
.wrapper-with-margin{
  margin:0px 25px;
}
.padding-20 {padding: 0 18px;}
.owl-theme .owl-controls {bottom: 5%;}
.owl-theme .owl-controls .owl-buttons div {  position: absolute; bottom:0;}
.owl-theme .owl-controls .owl-buttons .owl-prev{  left: -45px;  top:-180px;}
.owl-theme .owl-controls .owl-buttons .owl-next{  right: -45px;  top:-180px;}
/* End of Services */

.motto {padding:0 0 18px; margin-top:0; }
.motto h1 {margin:0; padding:0 0 26px; text-align:center; border-bottom:1px solid #E4E3E3;}
.motto span.stars {text-align:center; display: table; margin:0 auto; margin-top:-17px; background: #fff; padding:0 20px;}

.team-member  {text-align: center;}
.team-member h4 {font-weight: 600; font-size: 16px; letter-spacing: .11em; color:#444; margin-bottom:10px; }
.team-member h6 {font-weight: 300; font-size: 12px; letter-spacing: .11em; color:#000;padding:0;}
.team-member p {color:#000;}

/* Border Effect below the Titles ----------------------- */
.titleborder{  margin-top:25px;  text-align: center;}
.titleborder_left{  height:1px;  width:41%;  margin-left:9%;  margin-right:auto;}
.titleborder_right{  height:1px;  width:41%;  margin-left: auto;  margin-right: 9%;}
.titleborder_sign {  background: #dddddd;  width:5%;  height:5px;  position: absolute;  display: inline-block;  margin-top: -3px; left:47.5%; right:47.5%;}

.titleborderservices{  margin-top:15px;  text-align: center;}
.titleborderservice_left{  height:1px;  width:41%;  margin-left:9%;  margin-right:auto;}
.titleborderservice_right{  height:1px;  width:41%;  margin-left: auto;  margin-right: 9%;}
.titleborderservice_sign {  background: #dddddd;  width:11%;  height:3px;  position: absolute;  display: inline-block;  margin-top: -3px; left:44.5%; right:44.5%;}

.thebtn-slide { background: #333333;  border-radius:0; color: #fff; font-size: 14px; font-weight:400; display:table; margin: 0 auto; margin-top:60px; padding: 7px 20px; letter-spacing: .09em }
.thebtn-slide:hover { background: #000; color: #fff; }

/* Company */
.company { overflow: hidden; padding: 60px 0 80px; background:#ffffff; text-align: center;}
.company  p { font-size: 19px; font-weight: 400; margin: 18px 0 0;color:#000; line-height: 1.5; letter-spacing: .04em}
.company  p a { color:#000; text-decoration: underline;}
/* End of Company */

/* Developments */
.developments { overflow: hidden; padding: 60px 0; }
.developments article {margin-bottom:38px;}
.developments .thebtn-slide { margin-top:30px; }
.developments-page { overflow: hidden; padding: 60px 0; }

.development-item figure {  position: relative;  overflow: hidden;}
.development-item figure figcaption {    position: absolute;    top:0;    bottom: 0;    left: 0;    right: 0;    text-align: center;    -webkit-backface-visibility: hidden;    backface-visibility: hidden;}
.development-item figure figcaption {    opacity: 0;    -webkit-transition: all 0.35s ease-in-out;    -moz-transition: all 0.35s ease-in-out;    transition: all 0.35s ease-in-out;}
.development-item figure figcaption h6 {    opacity: 0;    color: #ffffff;    font-size: 14px;    text-transform: uppercase;    position: relative;    letter-spacing: 0.5px;    margin: 0;    padding:0;    /*height: 130px;*/    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);   }
.development-item:hover figure figcaption .thetitle {  position: absolute;    top:50%;    bottom: 0;    left: 0;    right: 0;}
.development-item:hover figure figcaption, .development-item:hover figure figcaption h6 {    opacity: 1;}
.development-item:hover figure figcaption h6 a {  color: #ffffff; letter-spacing: .12em }
.development-item figure figcaption .fig-overlay { background:#333; background:rgba(51,51,51,.9); height: 100%;  margin: auto;  bottom: 0;  top: 0;  position: absolute;  width: 100%;}
.development-item figure figcaption h6 {    -webkit-transform: translateY(100%);    -moz-transform: translateY(100%);    -ms-transform: translateY(100%);    -o-transform: translateY(100%);    transform: translateY(100%);}
.development-item figure figcaption p {    -webkit-transform: translateY(100%);    -moz-transform: translateY(100%);    -ms-transform: translateY(100%);    -o-transform: translateY(100%);    transform: translateY(100%);}
.development-item:hover figure figcaption h6 {    -webkit-transform: translateY(0);    -moz-transform: translateY(0);    -ms-transform: translateY(0);    -o-transform: translateY(0);    transform: translateY(0);}
.development-item:hover figure figcaption p {    -webkit-transform: translateY(0);    -moz-transform: translateY(0);    -ms-transform: translateY(0);    -o-transform: translateY(0);    transform: translateY(0);}
.development-item figure img {  -webkit-transform: scale(1);    -moz-transform: scale(1);    -ms-transform: scale(1);    -o-transform: scale(1);    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;    -moz-transition: all 0.35s ease-in-out;    transition: all 0.35s ease-in-out;}
.development-item:hover figure img {  -webkit-transform: scale(1.3);    -moz-transform: scale(1.3);    -ms-transform: scale(1.3);    -o-transform: scale(1.3);    transform: scale(1.3);}


.portfolioContainer .block-grid-sm-4 > .block-grid-item { width: 24%!important; }

.post-content h1 {font-weight:100; color:#333333; font-size:29px; letter-spacing: .15em; border-bottom:1px solid #eeeeee; padding:25px 0; margin-bottom:30px;}
ul.share {margin: 0; padding: 0; list-style: none}
ul.share  li {float:left; margin-right:10px; color:#333; font-size:16px; font-weight:600;}
ul.share  li:first-child {margin-right:20px; letter-spacing: .12em}
ul.share  li a {color:#aaaaaa}
ul.share  li a:hover {color:#333}

.post-content h2 {font-weight:600; color:#333333; font-size:16px; letter-spacing: .12em; margin-top:30px;}
.thecontent {margin-top:30px;}
.thecontent p {font-size:15px; color:#858585; padding-right:45px;}
.single-portfolio .thecontent p {color:#000;}
.post-content .thecontent h2 {margin-top:0;}
.single-portfolio .post-content .thecontent h2 {color: #e03127;}
.thecontent.smaller p {font-size:13px;padding-right:0;}
.secthecontent p {font-size:15px; color:#858585;}

.archivedescr p {font-size:15px; color:#858585; padding:0 0 30px; margin:0;}

.page-template-default .thecontent p {padding-right:0;}

.afflinks .block-grid-item h3 {text-align: center; padding:20px; margin:0 15px; background:#d6d6d6; font-size:17px;color:#333; }
.afflinks .block-grid-item h3 a {color:#333; }
.afflinks .block-grid-item h3 a:hover {color:#777; }

.nextprev, .nextprev a {color:#333333; font-size:14px; letter-spacing: .15em; font-weight:600;}
.nright {text-align: right}

/* Isotope Necessary Styles for Portfolio Filters
-------------------------------------------------------------- */
.isotope-item {    z-index: 2;}
.isotope-hidden.isotope-item {    pointer-events: none;    z-index: 1;}
.isotope, .isotope .isotope-item {  /* change duration value to whatever you like */    -webkit-transition-duration: 0.8s;    -moz-transition-duration: 0.8s;    transition-duration: 0.8s;}
.isotope {    -webkit-transition-property: height, width;    -moz-transition-property: height, width;    transition-property: height, width;}
.isotope .isotope-item {    -webkit-transition-property: -webkit-transform, opacity;    -moz-transition-property: -moz-transform, opacity;    transition-property: transform, opacity;}

/* End of Developments */

.companywelcome {padding:5% 0 5%; position:relative; display:table; width:100%;}
.welcome-text {vertical-align: middle;}
.welcome-text p {font-size:16px; font-weight:600; letter-spacing: .12em; line-height:1.6}
.welcome-text p a {color:#fff; text-decoration: underline;}
.welcome-text p a:hover {color:#eee;}

.visiongoals  {padding:5% 0 5%; position:relative; display:table; width:100%;}
.visionbox {vertical-align: middle; background:#eeefef; padding:20px; text-align: center}
.visionbox h2 {letter-spacing: .11em; line-height:1.6; font-size:21px; font-weight:600;}
.visionbox p {font-size:14px; font-weight:400; letter-spacing: .02em; line-height:1.4}
.visionbox hr { border: solid #ccc; border-width: 1px 0 0; clear: both; height: 0; margin: 21px 0; }

.fmaincontent {padding:65px 0;}
.fmaincontent p {color:#444444; font-size:15px;}
.fmaincontent p a {color:#444444; text-decoration: underline }
.fmaincontent p a:hover {color:#000 }
.fmaincontent h3 {color:#444; letter-spacing: .27em; margin-bottom: 45px; font-size:25px;}
.fmaincontent ul {padding:0 15px;}
.fmaincontent ul li {color:#444444; font-size:15px; padding:5px 0;}

.careerswelcome-text {vertical-align: middle;}
.careerswelcome-text p {font-size:24px; font-weight:600; letter-spacing: .12em; line-height:1.6; text-align: left}
.careerswelcome-text div {font-size:24px; font-weight:600; letter-spacing: .12em; line-height:1.6; text-align:center; color:#fff;}
.careerswelcome-text p a {color:#fff; text-decoration: underline;}
.careerswelcome-text p a:hover {color:#eee;}

/* ============
   16 = Footer
   ============ */
.footer { background: #333333; padding: 45px 0; }
.footer h4 { color: #e1e3e4; font-size: 14px; letter-spacing: .15em; margin: 0 0 12px; padding: 0 0 12px; font-weight:600; }
.footer p {color:#ccc; font-size:13px; line-height:1.5; margin-bottom:17px;}
.footer ul { list-style: none; margin: 0; padding: 0; }
.footer ul li { color: #ccc; font-size: 13px; padding: 5px 0; }
.footer ul li a { color: #ccc; }
.footer ul li.address {margin-left:15px;}
.footer ul li.address:before {    font-family: 'FontAwesome';    content: '\f041';    margin:0 5px 0 -15px;}
.footer ul li a:hover { color: #fff; text-decoration: none; }
.footer ul.questions { list-style: none; margin: 0; padding: 10px 0 0; }
.footer ul.questions li { background: rgba(108, 208, 195, .4); font-size: 16px; margin-bottom: 4px; padding: 10px 15px; }
.footer ul.questions li i { padding-right: 6px; }
.footer ul.questions li a:hover { color: #fff; }
ul.footersocial { list-style: none; padding: 0; margin:0; }
ul.footersocial li { float: left; border-bottom:0; background:#888; width:34px; height:34px; border-radius:50%; margin-right:5px; text-align: center; color: #fff!important;}
ul.footersocial li:last-child { margin-right:0;}
ul.footersocial li a { color: #fff; font-size: 15px; padding:4px 9px 0 9px; }
ul.footersocial li i { color: #fff;}
ul.footersocial li:hover { background: #fff; }
ul.footersocial li:hover a { color: #606060; }
ul.footersocial li:hover i { color: #606060; }

hr.footersmall { border: solid #555555; border-width:2px 0 0; clear: both; height: 0; margin-top:7px; margin-bottom:17px; max-width:45px; }

.instagram {padding:10px; margin-top:6px;}
.instagram .block-grid-item { padding: 5px; }

.copyright {padding:20px 0 10px;}
.copyright p {font-size: 13px; color:#666666;}

.clear { clear:both;}

/* Back to Top Button  ----------------------- */
#back-to-top { color:#fff; position:fixed; bottom:20px; right:20px; z-index:99; display:none; text-align: center; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; -o-border-radius: 2px;    z-index: 10000;    height: 29px;    width: 29px;    background-color: rgba(0,0,0,0.4);    background-repeat: no-repeat;    background-position: center;    transition: background-color 0.1s linear;    -moz-transition: background-color 0.1s linear;    -webkit-transition: background-color 0.1s linear;    -o-transition: background-color 0.1s linear;}
#back-to-top i { padding-top:4px; font-size:17px; }
#back-to-top:hover { background: #da1d21; }

.tdrop {display:none;}
ul.dropdown-menu {list-style:none;}
ul.dropdown-menu ul {list-style:none; padding:0 0 0 20px;}
ul.dropdown-menu ul li  {color:#333; padding:5px 0; width:100%;}
ul.dropdown-menu ul li a {color:#333;}
ul.dropdown-menu ul ul {list-style:none;  padding:0 0 0 20px;}
ul.dropdown-menu ul li ul li {color:#333; padding:5px 0; width:100%;}
ul.dropdown-menu ul ul li a {color:#333; }

.thebtn-index { background: #333333;  border-radius:0; color: #fff; font-size: 14px; font-weight:400; margin: 15px 0; padding: 7px 20px;letter-spacing: .09em }
.thebtn-index:hover { background: #000; color: #fff;}


/* ===================
   17 = Media Queries
   =================== */

@media only screen and (max-width: 567px) {
#navigation {    display:none;  }
.slicknav_menu {    display:block;  }
.topbar ul.contacts {margin-bottom:7px;}
.topbar ul.contacts li {float:none; margin-right:0; width:100%; text-align: center}
nav#desktop-menu{
	float: none;
}
.top ul.langs {float:none;  display:table; margin:0 auto;  text-align: center; padding-left: 0px; padding-bottom: 10px; padding-top: 10px;}
.top ul.langs li {float:left; margin-right:5px;  text-align: center}
.top ul.langs li:last-child {margin-right:0;}
.topbar ul.social {float:none; display:table; margin:0 auto; margin-bottom:7px; text-align: center}
.topbar ul.social li {float:left; margin-right:10px; text-align: center}
.logo {padding-top:20px; text-align: center; margin-bottom:15px; }
.logo a img {max-width:70%; }
.owl-theme .owl-controls{ opacity:0;}
.slidercontainer #mainslider .slidecaption { bottom: 1%; }
#mainslider .item .slidecaption h2 { font-size: 13px; margin:25px 0 15px; }
#mainslider .item .slidecaption .btn-slide { font-size: 12px; margin: 5px auto 10px auto; padding: 5px 10px;letter-spacing: .09em }
.footer h4 { margin: 25px 0 12px; }
.ndrop {display:none;}
.tdrop {display:block;}
#allservices .item{  padding: 0 10px;  margin: 0;}
#allservices .item h4 { font-size: 14px; letter-spacing: .04em; }
#allservices .item p {font-size: 11px; }
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
#navigation {    display:none;  }
.slicknav_menu {    display:block;  }
.topbar ul.contacts {margin-bottom:7px;}
.topbar ul.contacts li {float:none; margin-right:0; width:100%; text-align: center}
.top ul.langs {float:none;  display:table; margin:0 auto;  text-align: center}
.top ul.langs li {float:left; margin-right:5px;  text-align: center}
.top ul.langs li:last-child {margin-right:0;}
.topbar ul.social {float:none; display:table; margin:0 auto; margin-bottom:7px; text-align: center}
.topbar ul.social li {float:left; margin-right:10px; text-align: center}
.logo {padding-top:20px; text-align: center; margin-bottom:15px; }
.logo a img {max-width:70%; }
.owl-theme .owl-controls{ opacity:1;}
.slidercontainer #mainslider .slidecaption { bottom: 1%; }
#mainslider .item .slidecaption h2 { font-size: 13px; margin:25px 0 15px; }
#mainslider .item .slidecaption .btn-slide { font-size: 12px; margin: 5px auto 10px auto; padding: 5px 10px;letter-spacing: .09em }
.footer h4 { margin: 25px 0 12px; }
.ndrop {display:none;}
.tdrop {display:block;}
#allservices .item{  padding: 0 10px;  margin: 0;}
#allservices .item h4 { font-size: 14px; letter-spacing: .04em; }
#allservices .item p {font-size: 11px; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .topbar ul.contacts li {margin-right:10px;  letter-spacing: 0; font-size:13px;}
  .sf-menu li a {padding: 35px 15px;}
  .slidercontainer #mainslider .slidecaption { bottom: 1%; }
#mainslider .item .slidecaption h2 { font-size: 25px;letter-spacing: .07em; margin:25px 0; }
#mainslider .item .slidecaption h4 {font-size: 14px; letter-spacing: .18em}
#mainslider .item .slidecaption .btn-slide { margin: 15px auto 10px auto;}
.owl-theme .owl-controls{   bottom:5%;}
.developments article {margin-bottom:7px;}
.footer h4 { font-size: 13px; letter-spacing:0;  }
.afflinks .block-grid-item h3 {padding:15px; margin:0 10px;font-size:15px; }
}

@media only screen and (min-width: 960px) and (max-width: 1025px) {
 .developments article {margin-bottom:7px;}
  .slidercontainer #mainslider .slidecaption { bottom: 1%; }
  #mainslider .item .slidecaption h2 { font-size: 34px; margin:25px 0 15px; }
  .owl-theme .owl-controls{   bottom:5%;}
}

@media only screen and (min-width: 1026px) and (max-width: 1367px) {
  .developments article {margin-bottom:19px;}
    .slidercontainer #mainslider .slidecaption { bottom: 1%; }
}

@media only screen and (min-width: 1368px) and (max-width: 1441px) {
  .developments article {margin-bottom:22px;}
   .slidercontainer #mainslider .slidecaption { bottom: 1%; }
}

@media only screen and (min-width: 1442px) and (max-width: 1681px) {
  .developments article {margin-bottom:26px;}
     .slidercontainer #mainslider .slidecaption { bottom: 1%; }
}

@media (min-width: 768px) {
.col-sm-15 {        width: 20%;        float: left;    }
}
@media (min-width: 992px) {
.col-md-15 {        width: 20%;        float: left;    }
}
@media (min-width: 1200px) {
.col-lg-15 {        width: 20%;        float: left;    }
}

.i4ewOd-pzNkMb-haAclf {
	display: none !important;
}