/*
	Theme Name: Theme GECC
	Description: Theme for GECC
	Version: 1.0
	Date: 16/03/2016
*/
.uptodate{float: left;width: 100%;text-align: right;}
.uptodate a{font-size: 8px !important;font-family: arial !important;font-weight: bold !important;letter-spacing: 1px !important;color: #000 !important;text-decoration: none !important;}
.uptodate a:hover{text-decoration:none !important; color:#000 !important;}

.google-terms{
	font-size: 0.7em;
	margin-top: 10px;
}
.grecaptcha-badge{
	display: none;
}
.pea {
    margin-top: 12px;
    float: right;
}
html, body { height:100%; }
html, button, input, select, textarea { color:#111; }
body { background:rgba(247,232,170,0.23); }

::-moz-selection { background:#d4bb6b;text-shadow:none;color:#fff; }
::selection { background:#d4bb6b;text-shadow:none;color:#fff; }
img { vertical-align:middle; max-width: 100%;   height: auto;}
fieldset { border:0;margin:0;padding:0; }
textarea { resize:vertical; }
.chromeframe { margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0; }
menu, ol, ul { padding:0;margin:0; }
ul, ol { list-style:none }
h1, h2, h3 { font-weight:400;margin:0;padding:0; }
p { margin:0 }
b, strong { font-weight:700; }
a { color:#222;text-decoration:none; }
a:hover { color:#d4bb6b }
a:focus { outline:0 }

.clearfix:before, .clearfix:after { content: " ";display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

/* --------------------------
    GRID / MISC
-------------------------- */

.container { padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto; }
.container:before, .container:after { display: table;content: " "; }
.container:after { clear: both; }

.row { margin-right: -15px;margin-left: -15px; }
.row:before, .row:after { display: table;content: " "; }
.row:after { clear: both; }

.cols_15,.cols_16,.cols_20,.cols_25,.cols_30,.cols_33,.cols_35,.cols_40,.cols_45,.cols_50,.cols_60,.cols_66,.cols_70,.cols_75,.cols_80,.cols_85,.cols_100 {
	min-height: 1px;
/*     padding-left: 10px;
    padding-right: 15px; */
    position: relative;
}
.cols_100 { width:100%; }


/* --------------------------
    GLOBAL
-------------------------- */

body { font:16px/22px 'Open Sans', sans-serif; }

.header_container { height:100px; background:#FFF;}
.main_container { background:url('../images/header-1.jpg') no-repeat}
.homepage .main_container { background:none;}
.footer_container { position:relative;width:100%;padding:25px 15px;background-color:#fff;z-index:999;color:#666;font-size:12px }
.contentWrap {  max-width:1700px; margin:0 auto; padding:0 20px;  }

.content {
  background: #fff none repeat scroll 0 0;
  padding: 30px;
  position: relative;
  margin-top: 100px;
}

/* --------------------------
    HEADER
-------------------------- */

a.logo {
  background: rgba(0,0,0,0) url(//geccprojekt.ee/wp-content/uploads/2024/09/EH.E-MUUDETAV-uus-kuld-e1726494608920.png) no-repeat scroll 0 0;
  display: block;
  float: left;
  height: 80px;
  margin: 10px 15px 0 0;
  text-indent: -9000px;
  width: 150px;
  background-size: contain;
}

.main-menu {
  float: left;
  height: 30px;
  margin: 47px 0 0 0;
  position: relative;
  font-family: 'Montserrat', serif;
}
.main-menu ul li {
  display: inline-block;
}
.main-menu ul li li {
  display: block;
  float: left;
}
.main-menu ul li  a {
	padding:5px 35px;
	box-sizing: border-box;
	border:2px solid transparent;
}
.main-menu ul li.current-page-ancestor > a,
.main-menu ul li.current_page_item > a,
.main-menu ul li  a:hover {
	color:#00709E;
	border:2px solid #00709E;
	box-sizing: border-box;
}

/* sub */

.main-menu ul ul { display:none; border-bottom:2px solid #00709E; }
.main-menu ul ul ul{ display:none; border-bottom:2px solid #00709E; }
.main-menu ul ul ul ul{ display:none; border-bottom:2px solid #00709E; }
.main-menu ul ul ul ul ul{ display:none; border-bottom:2px solid #00709E; }
.main-menu ul li:hover ul { display:block;}
.main-menu ul li:hover ul ul { display:none;}
.main-menu ul ul li:hover ul { display:block;}
.main-menu ul li:hover ul ul ul { display:none;}
.main-menu ul ul ul li:hover ul { display:block;}
.main-menu ul li:hover ul ul ul ul{ display:none;}
.main-menu ul ul ul ul li:hover ul { display:block;}

.main-menu ul li ul {
  background: #fff none repeat scroll 0 0;
  position: absolute;
  top: 27px;
  z-index: 99999;
  float: left;
  width: 250px;
  text-align: left;
}
.main-menu ul ul li ul {
	position: absolute;
	top: 0;
	left: 250px;
	width: 250px;
}
.main-menu ul li ul li {
  float: none;
	position: relative;
}
.main-menu ul li ul li a {
  display: block;
  padding: 5px 20px;
}

/* Mobile nav trigger */
#trigger-overlay {
  background-color: transparent;
  background-image: url("https://www.geccprojekt.ee/wp-content/uploads/2017/04/icon_mobile_menu.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 42px 42px;
  display: none;
  float: left;
  height: 42px;
  left: 100px;
  padding-top: 11px;
  position: relative;
  text-indent: 55px;
  top: 34px;
  width: 42px;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	#trigger-overlay { background-image: url('../images/icon_mobile_menu@2x.png'); }
}

/* --------------------------
    MOBILE MENU
-------------------------- */

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.9);
	z-index:10000
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 32px;
	height: 32px;
	position: absolute;
	right: 10px;
	top: 12px;
	overflow: hidden;
	border: none;
	text-indent: -9000px;
	outline: none;
	z-index: 100;
	background-color:transparent;background-image: url('https://www.geccprojekt.ee/wp-content/uploads/2017/04/close.png');background-size:32px 32px;background-repeat:no-repeat;background-position:0 0
}

/* Menu style */

.mobile_menu { position:relative;height:100%;overflow:auto; text-align:center; }

.overlay nav { position:relative;padding:10px 50px 20px 10px; }
.overlay ul { list-style:none;padding:0;margin:0;position:relative;width:100%;border-top:1px solid #353535; }
.overlay ul li { display:block;border-bottom:1px solid #353535; }
.overlay ul li a {
  color: #FFF;
  display: block;
  font-size: 24px;
  line-height: 36px;
  padding: 7px 0;
  transition: color 0.2s ease 0s;
}
.overlay ul li.current-menu-item a { color:#0083bf }
.overlay ul li a:hover { color:#00709E }

/* Effects */
.contentWrapper { -webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s; }
.contentWrapper.overlay-open { -webkit-transform: translateX(50%);transform: translateX(50%); }
.contentWrapper::after {
	content: '';
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}
.contentWrapper.overlay-open::after { visibility: visible;opacity: 1;-webkit-transition: opacity 0.5s;transition: opacity 0.5s; }
.overlay-contentpush {
	background: rgba(0,0,0,0.9);
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
	transition: transform 0.5s, visibility 0s 0.5s;
}
.overlay-contentpush.open { visibility: visible;-webkit-transform: translateX(0%);transform: translateX(0%);-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s; }


.header-right {
	float: right;
  width: 300px;
  margin-left: 25px;
}
.langmenu a:hover{ color:#00709E; text-decoration:underline;}
.langmenu li {
  float: left;
  margin: 0 10px;
  position:relative;
  z-index:10;
  top:7px;
  text-transform:uppercase;
}

/* search btn */


#search {
    float: left;
    margin-left: 20px;
}
#label { position: relative;z-index: 20; }
#label label { display: block;width: 17px;height: 18px;background: url("../images/search.png") 0 0;font-size: 0;color: rgba(0, 0, 0, 0);text-indent: -9999px;cursor: pointer; margin-top:10px; }
#input {
  height: 53px;
  overflow: hidden;
  position: absolute;
  right: 140px;
  top: 23px;
  width: 230px;
  z-index: 1;
}
#input input {
  background-color: #eee;
  border: medium none;
  border-radius: 0;
  color: #002255;
  display: block;
  font-size: 17px;
  height: 100%;
  margin: 0;
  padding: 0 10px;
  position: relative;
  right: -230px;
  top: 0;
  width: 230px;
}
#input input:focus { outline: none }
#input.focus { z-index: 20 }
#input.focus input { right: 0;transition: right 0.5s; }


/* Intro */
.intro_container img {width:100%;}

/* --------------------------
    HOME
-------------------------- */

.services.home {
  margin-top: 80px;
  padding: 0 0 60px;
  position: relative;
  z-index: 100;
}
.services.home .p20 {
	padding:20px;
}

.services.home .p20 div:nth-child(7) {
  display: none;
}

.services.home  a { padding:0;}
.service-thumb {
  margin-bottom: 10px;
}

.services.home img { width:100%; height:auto; }

.intro-text {
  color: #fff;
  margin-top: -320px;
  position: relative;
  text-align: center;
  z-index: 99;
}
.intro-text h1 {
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
	font-weight:bold;
}
.intro-text p {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  margin-bottom:25px;
}
.intro-text a.btn-home {
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  margin-top: 10px;
  padding: 10px 50px;
  text-transform: uppercase;
}

@-webkit-keyframes glowing {
  0% { background-color: #ffae00; -webkit-box-shadow: 0 0 3px #fff; }
  50% { background-color: #ffae00; -webkit-box-shadow: 0 0 40px #fff; }
  100% { background-color: #ffae00; -webkit-box-shadow: 0 0 3px #fff; }
}

@-moz-keyframes glowing {
  0% { background-color: #ffae00; -moz-box-shadow: 0 0 3px #fff; }
  50% { background-color: #ffae00; -moz-box-shadow: 0 0 40px #fff; }
  100% { background-color: #ffae00; -moz-box-shadow: 0 0 3px #fff; }
}

@-o-keyframes glowing {
  0% { background-color: #ffae00; box-shadow: 0 0 3px #fff; }
  50% { background-color: #ffae00; box-shadow: 0 0 40px #fff; }
  100% { background-color: #ffae00; box-shadow: 0 0 3px #fff; }
}

@keyframes glowing {
  0% { background-color: #ffae00; box-shadow: 0 0 3px #fff; }
  50% { background-color: #ffae00; box-shadow: 0 0 40px #fff; }
  100% { background-color: #ffae00; box-shadow: 0 0 3px #fff; }
}

.blink {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

.home-bottom .heading  h2{
background:#fdf9eb none repeat scroll 0 0;
margin:20px 0;
}

.home-about, .home-blogroll {
  background: #fff none repeat scroll 0 0;
  padding: 30px;
}
.heading.first,
.home-about {
  margin-right: 10px;
}
.heading.second,
.home-blogroll  {
  margin-left: 10px;
}
.home-blogroll  img { width:100%; height: auto; }

.home-blogroll h2 {
  font-size: 16px;
  font-weight: 400;
  margin: 15px 0;
  font-family: 'Montserrat', serif;
}

.home-blogroll p {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  margin-bottom: 25px;
}

a.readmore {
  color: #d4bb6b;
  display: block;
  float: right;
  font-weight: bold;
  text-transform: uppercase;
}

.blogroll {
  margin: 20px;
}
.blogroll img {
  margin-bottom: 12px;
  width:100%; height: auto;
}
.blogroll small {
  color: #64708a;
  font-weight: 600;
}
.blogroll h2 a {
  font-size: 16px;
  font-weight: 600;
}
.blogroll p {
  color: #444444;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}
ul.blog-cat li a {
  font-style: normal;
  padding-top: 7px;
  text-decoration: none;
}
/* --------------------------
    CONTENT
-------------------------- */



.paddingtop30 { padding-top:30px }
.text-center { text-align:center }
img.align-left { float:left;margin:15px 20px 5px 0; }
img.align-right { float:right;margin:15px 0 5px 20px; }

.pull-left { float:left; }
.pull-right { float:right; }

.no-responsive-img { width:auto!important;height:auto!important; }

/* SUBPAGES */

.subpage_slides { position:relative;width:100%;height:300px; }
.subpage_slides .home_sliding_box { position:absolute;top:340px;left:0;z-index:99; }

/* Columns */
.wide_column { padding:20px }
.columns { float:left;padding:20px; }

/* Content typos */
.content h1 { text-shadow:0 1px 1px #fff; }
.content h2 { text-shadow:0 1px 1px #fff; }
.content h3 { text-shadow:0 1px 1px #fff;padding-top:20px; }
.content p { margin-top:15px; }
.content ul { font-style:italic;margin:15px 0 0; }
.content li, .main_container li { margin:0;padding:0 0 0 15px;background:url('https://www.geccprojekt.ee/wp-content/uploads/2017/04/list_bg.png') no-repeat 0 7px; }
.content p a, .content li a { text-decoration:underline }
.content p a:hover, .content li a:hover { color:#d4bb6b; }
.home h2 {
    padding-top: 50px;
    line-height: 2em;
}
.content p a.learn_more { text-decoration:none; }
.content p a.learn_more:hover { color:#fff; }

.content p a.btn { text-decoration:none }
.content p a.btn:hover { color:#fff; }

.columns img { width:100%;height:auto;padding:5px;background:#fff;margin-bottom:15px }
.columns img.width50 { width:50% }
.columns img.not-responsive { width:auto;padding:0;margin:5px 10px 0 0;background:transparent }

.heading { background:url('https://www.geccprojekt.ee/wp-content/uploads/2017/04/headings_line.png') repeat-x 0 50%;text-align:left;margin:0 0 20px 0; }
.services .heading { text-align: center; margin: 0 20px; }
.heading h1 { font-size:24px;line-height:36px;background-color:#FFF;padding:0 15px 10px 0;display:inline-block; font-family: 'Montserrat', serif; font-weight:400; }
.heading h2 { font-size:22px;line-height:36px;background-color:#FFF;padding:10px 10px 20px 10px;display:inline-block; font-family: 'Montserrat', serif; font-weight:400; }
.heading p { font-size:13px;line-height:18px;padding:0 20px;display:block;color:#757576;font-style:italic;margin:0; }

.separator { background:url('https://www.geccprojekt.ee/wp-content/uploads/2017/04/headings_line.png') repeat-x 0 13px;height:30px;margin-top:20px }
.separator_content { width:100%;height:30px;background:url('../images/separator.png') no-repeat 50% 0; }

.socialshare { margin-top:40px; }

/* Search */
.search_result {
  border-bottom: 1px dotted #999;
  margin: 30px 0;
  padding-bottom: 20px;
}

.search_result a {
  font-size: 18px;
}
.search_result p {
  font-size: 14px;
}
/* --------------------------
    Contact
-------------------------- */

.main.wrapper.contact-w {
    margin-top: -250px;
}

#map { width:100%;height:573px; }

.wpcf7-response-output {
  float: left;
}

.wpcf7-form textarea, .wpcf7-form input {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 3px;
  padding: 10px 15px;
  font-size:14px;
  font-style:italic;
  color:#666666;
}

.wpcf7-form p {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.wpcf7-form textarea {
  width: 88%;
}
.wpcf7-form input[type="submit"] {
  background: #00709E none repeat scroll 0 0;
  color: #fff;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
}
/* --------------------------
    Accordion
-------------------------- */

.accordion { position:relative;width:100%;margin-bottom:20px; }
.accordion h3 {
  background: rgba(0, 0, 0, 0) url("../images/close.gif") no-repeat scroll 0 13px;
  cursor: pointer;
  font-family: "Montserrat",serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 6px 40px 8px 20px;
  position: relative;
}
.accordion h3.active { background: url('../images/open.png') no-repeat 0 13px;color:#00709e; }
.accordion h3 span { float:right;margin-right:-40px; }
.accordion div { padding:0 20px; }
.accordion p { font-family: 'Open Sans', sans-serif; font-size:16px; color:#444444; }

/* --------------------------
    FOOTER
-------------------------- */

.services {
  background: #fff none repeat scroll 0 0;
  padding: 30px 0 60px;
  text-align: center;
  margin-top: 30px;
}
.services a {
  padding:0 20px;
  margin-top: 20px;

}

.newsletter { height:80px; background:#d4bb6b;}
.newsletter p.newsletter-intro {
    color: #fff;
    float: left;
    font-style: italic;
    margin-top: 30px;
}
.newsletter form {
  float: right;
  margin-top: 18px;
}
.newsletter input {
  border: 0 none;
  border-radius: 3px;
  color: #888;
  font-family: "Open Sans",sans-serif;
  font-style: italic;
  margin-right: 15px;
  padding: 10px;
  width: 219px;
}
.newsletter input[type="submit"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  font-style: normal;
  font-weight: 800;
  margin: 0;
  text-decoration: underline;
  width: auto;
}

a.btn-nl-en {
  background: #00709e none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  float: left;
  font-weight: bold;
  margin-left: 40px;
  margin-top: 20px;
  padding: 10px 15px;
  text-transform: uppercase;
}

/* mailchimp */

#mc_signup {
  float: right;
}
.mc_merge_var {
  float: left;
  margin: 0 !important;
}
.mc_custom_border_hdr,
.mc_help,
#mc_signup_form .mc_var_label {
  display: none;
}
.mc_success_msg,
.mc_error_msg {
  color: #fff;
  float: left;
  font-size: 11px;
  margin-bottom: 0!important;
  margin-top: -10px;
}
.mc_success_msg {
  color: green;
}
.mc_signup_submit {
  float: right;
}
#mc_signup_submit {
  float: right;
  margin-top: 0 !important;
  width: 100% !important;
}

/* footer boxes */

.footer_box h3 {font-family: 'Montserrat', serif; font-weight:400; font-size:16px; margin-bottom:10px;}
.footer_box p {font-family: 'Open Sans', sans-serif; font-size:16px; color:#444444; }

.footer_box { padding:0 10px; }
.some-links {
  margin-top: 30px;
}
.some-links a {
  margin: 10px;
}

/* some */

.fa-facebook-square {color: #3b5998; }
.fa-linkedin-square {color: #007bb5; }
.fa-google-plus-square {color: #dd4b39; }
.fa-youtube-play {color: #c4302b; }

.copy-txt{
	display: block;
	width: 100%;
	float: left;
}
#slider {
  border: 0;
  height: 350px;
}
.flexslider .slides li {
  list-style: none !important;
  background-size: cover !important;
  padding: 0;
  margin: 0;
  height: 350px !important;
}
ol.flex-control-nav.flex-control-paging, .flex-direction-nav {
  display: none;
}
.langmenu,
.searchform {
  margin-top: 31px;
  float: left;
}
.main-menu {
  width: calc(100% - 490px);
  float: left;
  text-align: center;
  margin-top: 38px;
}
/* --------------------------
    MEDIA QUERIES
-------------------------- */

@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 650px) {

}

@media only screen and (min-width: 768px) {
	.wrapper { width:94%;margin:0 3%; }
	.cols_20 { width:20%; }
	.cols_25 { width:25%; }
	.cols_30 { width:30%; }
	.cols_33 { width:33.33333%; }
	.cols_35 { width:35%; }
	.cols_40 { width:40%; }
	.cols_45 { width:45%; }
	.cols_50 { width:50%; }
	.cols_66 { width:66%; }
	.cols_70 { width:70%; }
	.cols_75 { width:75%; }
	.cols_80 { width:75%; }
	.col_100 { width:100%; }
	.content .cols_50 { padding-right: 15px; }
	.cols_15,.cols_16,.cols_20,.cols_25,.cols_30,.cols_33,.cols_35,.cols_40,.cols_45,.cols_50,.cols_60,.cols_66,.cols_70,.cols_75,.cols_80,.cols_85,.cols_100 { float:left; }

}


@media only screen and (min-width: 1140px) {
  .wrapper { width: 1026px;margin: 0 auto; }
  .flexslider { height: 450px; }
}
@media only screen and (max-width: 1140px) {
  .intro-text a.btn-home {
    width: 92%;
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1240px) {
    .wrapper { width:1116px;margin:0 auto; }

}
@media only screen and (min-width: 1400px) {
    .wrapper { width:1200px;margin:0 auto; }
	.main-menu ul li a {padding: 5px 20px;}
	.services.home img {width:auto; height:auto; }
}

@media only screen and (max-width: 1400px) {

.main-menu ul li a{
  padding: 5px !important;
}
}

@media only screen and (max-width: 1140px) {
	#trigger-overlay {
		display:block;
		left: auto;
		right: 10px;
		position: absolute;
	 }
	.header-right {display:none;}
	.main-menu{display:none }
	.services.home img {width:auto; height:auto; max-height: 212px; }

}

@media only screen and (max-width: 650px) {
	.services a { display:block; margin:20px 0; }
	.newsletter {height:180px; padding:0 20px;}
	.newsletter input { width:100%; margin-bottom:15px;}
	.newsletter p { margin-bottom:15px;}
	.newsletter { text-align:center;}
	.newsletter form { float:none; margin-top:0;}
	a.readmore { margin-bottom:30px;
	}

.intro-text h1 {
    font-size: 16px;
}
.home-about {
	-webkit-column-count: 1 !important;
	-moz-column-count: 1 !important;
	column-count: 1 !important;
}
}
@media only screen and (max-width: 1140px) {
	.newsletter {height:180px; padding:0 20px;}
}