@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600');
@import url('http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700');
@import url('http://fonts.googleapis.com/css?family=Volkhov:400italic');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Damion');



body {font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased;}

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;}

h2 {font-size: 30px; font-weight: 400;}

h3 {font-size: 24px; font-weight: 300;}

p {font-size: 15px; line-height: 28px;}

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

a, a:active, a:focus, a:active {text-decoration: none !important;}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff !important;
}

.section-title {margin-bottom: 70px;}

.section-title h2 {font-size: 28px; font-weight: 600;}

.section-title p {font-family: 'Volkhov', serif; font-style: italic; color: #666;}

header .navbar-default  a.navbar-brand, header .navbar-default  a.navbar-brand:hover {color: #fff; padding: 0; font-size: 2.2em; font-family: 'Damion', cursive; line-height:1.6em;}

img.flag {height: 16px; border: 1px solid #fff; margin: -4px 0 0;}
.ArticleHolder.teenused .col-md-9, .ArticleHolder.eng .col-md-9 {width:100%; float:none;}
.ArticleHolder.teenused .col-md-3, .ArticleHolder.eng .col-md-3 {display:none;}


header {background: #fff; padding: 20px 0;}

header .navbar {margin-bottom: 0; border: 0;}

header .navbar-brand {padding-top: 5px;}

header .navbar-default {background: #57A957; padding-bottom:10px; border-bottom: 4px solid #ccc;}

header .navbar-default .navbar-nav {padding-top: 10px;}

header .navbar-default .navbar-nav li a {color: #fff !important; padding: 10px 15px; font-size: 15px;}

font header .navbar-default .navbar-nav li a:hover {color: #fff;}

div.author-image {padding-bottom:40px;}

div.author-image img {border-radius:120px; padding:4px; border:1px solid #e1e1e1;}

#partners {padding:40px 0 0 0;}

div.logos {padding:40px 0 0 0;}

div.logos img {margin:0 10px; max-height:40px;}

/* #service .col-md-3 {border-left:1px solid #e1e1e1;} */

#service .col-md-3:first-child {border:0;} 



.pagination {width:100%; float:none;}

.pagination ul li {display:inline-block;}

.pagination ul li a {

background: #57A957;

    color: #fff;

    display: inline-block;

    border-radius: 4px;

    padding: 6px 15px;

    margin-top: 10px;

    margin-bottom: 10px;

    text-transform: uppercase;

    letter-spacing: 1px;

    border: none;

    font-size: 13px;

    margin-right: 10px;

    float: left;

		}

.pagination ul li.active a {background:#ccc; color:#222;}		

.pagination ul li a:hover {background:#444; color:#fff;}



div.share {padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px solid #e1e1e1;}



.sub-articles-covers a h3 {color:#222; height:20px; overflow:hidden;} 

.sub-articles-covers img {max-width:100%;}



.article-holder-main {margin:20px; border:1px solid #ccc; padding:0 0 15px;}

.article-holder-main a {color:#222;}

.article-holder-main h3 {margin:20px 10px; font-size:18px;}

.article-holder-main span {font-size:11px; line-height:16px; display:block; height:60px; overflow:hidden; padding:10px;}



#Articles .col-md-12 {margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e1e1e1;}

#Articles .col-md-3 img {border-radius:110px; padding:4px; border:1px solid #e1e1e1;}



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {

    background-color:#57A957;

    color:#FFF;

    border-radius:0px;

}



#slider {background:#57A957; background-size: cover; background-attachment: fixed;  background-position: 50% 0%;  padding: 60px 0;  position: relative;}

body.HomePage #slider {padding: 120px 0;}



#slider:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(to left, #9162af, #8241ab);

  opacity: 0;

}

#slider .block {color: #E3E3E4; text-align: center;}

#slider .block h1 {font-family: 'Roboto', sans-serif;  font-weight: 100;  font-size: 4em; line-height: 60px; letter-spacing: 14px; padding-bottom: 15px;}

#slider .block p {font-size: 1.6em; line-height: 40px; font-family: 'Roboto', sans-serif; font-weight: 300; letter-spacing: 1px;}

#testimonial .testimonial-carousel div.infobox a, #testimonial .testimonial-carousel div.infobox a p {color:#000; font-size:14px; line-height:24px;}

#testimonial .testimonial-carousel div.infobox-img img {border-radius:60px; padding:4px; border:1px dotted #ccc; margin:10px 0;}



#intro {padding: 100px 0;}

#intro .block h2 {

  padding-top: 35px;

  line-height: 27px;

  margin: 0;

}

#intro .block p {

  color: #444;

  padding-top: 20px;

}

#intro .block img {

  padding-left: 40px;

  max-width: 100%;

	max-height:80%;

	float:right

}

#intro .section-title {

  margin-bottom: 0px;

}

#intro .section-title p {

  padding-top: 20px;

}

/*--

	service Start 

--*/

#service {

  text-align: center;

  padding: 90px 0;

}

#service .service-item {

  padding-bottom: 30px;

}

#service .service-item i {

  font-size: 60px;

  color: #57A957;

}

#service .service-item h4 {

  padding-top: 20px;

  margin: 0;

  color: #666;

}

#service .service-item p {

  color: #888;

  padding-top: 10px;

  margin: 0;

  font-size: 14px;

  line-height: 1.8;

}

/*--

	call-to-action Start 

--*/

#call-to-action {

  background: url("../img/call-to-action-bg.jpg") no-repeat;

  background-size: cover;

  background-attachment: fixed;

  padding: 70px 0px;

  overflow: visible;

 width: 100%;

  background-repeat: no-repeat;

  background-position: center center;

  background-color: #fff;

}

#call-to-action:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  

  opacity: 0.8;

}

#call-to-action h2 {

  padding-bottom: 20px;

  line-height: 33px;

  margin: 0;

  font-size: 30px;

}

#call-to-action p {

  font-size: 14px;

  line-height: 1.6;

}

#call-to-action .btn-call-to-action {

  padding: 15px 35px;

  border: none;

  background-color: #fff;

  font-size: 15px;

  color: #333333;

  margin-top: 30px;

}

/*--

	Feature Start 

--*/

#feature {

	background-image:url(../img/maailm-seljakotis.jpg);

  background-position: 50% 94px;

  width: 100%;

  display: block;

  position: relative;

  overflow: visible;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-position: center center;

  background-color: #e2e2e2;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  padding: 100px 0;

}

#feature h2 {

  font-size: 28px;

  font-weight: 600;

  margin-bottom: 30px;

}

#feature p {

  color: #444;

  margin-bottom: 20px;

	font-family:'Damion', cursive;

	font-size:1.4em;

}

#feature .btn-view-works, #intro .btn-view-works, #service .btn-view-works, #intro .btn-view-works, .btn-view-works {background: #57A957; color: #fff; padding: 10px 20px;}

 #service .btn-view-works:hover, .btn-view-works:hover {background:#444;}

 #service .btn-view-works, #intro .btn-view-works {float:none;}

 #Articles {margin:60px 0 40px 0;}

 #Articles h2 a,  #Articles h2 a:hover {color:#444;}

 

#service h1 {margin-top:0;}

.cover-art-img {text-align:left;} 

.cover-art-img img {max-width:90%;}

.cover-art-img .content-2 p {font-size:12px; line-height:22px; text-align:left; padding:20px 0;}

.cover-art-img .content-2 p a {color:#000; border-bottom:1px dashed #555;}

.cover-art-img .content-2 p a:hover, .cover-art-img .content-2 p a:active {border-bottom:1px dashed #57A957;} 

 

/*	content Start */

#testimonial {

  padding: 100px 0;

	background:#f2f2f2;

}

#testimonial .block h2 {

  line-height: 27px;

  color: #5C5C5C;

  padding-top: 110px;

}

#testimonial .block p {

  padding-top: 50px;

  color: #7B7B7B;

}

#testimonial .counter-box li {

  width: 33.3334%;

  float: left;

  text-align: center;

  margin: 30px 0 30px;

}

#testimonial .counter-box li i {

  font-size: 55px;

}

#testimonial .counter-box li h4 {

  font-size: 30px;

  font-weight: bold;

}

#testimonial .counter-box li span {

  color: #555;

}

#testimonial .testimonial-carousel {

  text-align: center;

  width: 75%;

  border: 1px solid #DEDEDE;

  padding: 24px;

  margin: 0 auto;

	background:#fff;

}

#testimonial .testimonial-carousel img {

  padding-bottom: 38px;

}

#testimonial .testimonial-carousel p {

  line-height: 28px;

  font-weight: 300;

  padding-bottom: 20px;

}

#testimonial .testimonial-carousel .user img {

  padding-bottom: 0px;

  border-radius: 500px;

}

#testimonial .testimonial-carousel .user p {

  padding-bottom: 0;

  font-size: 12px;

  line-height: 20px;

  color: #353241;

}

#testimonial .testimonial-carousel .user p span {

  display: block;

  color: #353241;

  font-weight: 600;

}

#testimonial .testimonial-carousel .owl-carousel .owl-pagination div {

  border: 1px solid #1D1D1D;

  border-radius: 500px;

  display: inline-block;

  height: 10px;

  margin-right: 15px;

  width: 10px;

}

#testimonial .testimonial-carousel .owl-carousel .owl-pagination div.active {

  background: #5C5C5C;

  font-size: 30px;

  display: inline-block;

  border: 0px;

}

/*--

	features Start 

--*/

#clients-logo-section {

  padding-top: 30px;

  padding-bottom: 75px;

}

#clients-logo-section .clients-logo-img {

  padding: 0px 50px;

}

/*---------------------------------------------

					Work Start 

-----------------------------------------------*/

/*--

	Slider-work Start 

--*/

#global-header {

  background: url("../img/slider-bg2.jpg") no-repeat;

  background-size: cover;

  padding-top: 150px;

  padding-bottom: 107px;

  position: relative;

  background-attachment: fixed;

}

#global-header:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(to left, #928dab, #1f1c2c 70%);

  opacity: 0.8;

}

#global-header .block {

  color: #E3E3E4;

  margin: 0 auto;

  padding-left: 90px;

  text-align: center;

}

#global-header .block h1 {

  font-weight: 100;

  font-size: 45px;

  letter-spacing: 6px;

  padding-bottom: 15px;

  margin-top: 0;

  text-transform: capitalize;

}

#global-header .block p {

  font-size: 16px;

  font-weight: 300;

  letter-spacing: 1px;

  word-spacing: 3px;

}

/*--

	portfolio-work Start 

--*/

#portfolio-work {

  overflow: hidden;

  padding: 80px 0;

}

#portfolio-work .block .portfolio-menu {

  padding-bottom: 30px;

  text-align: center;

}

#portfolio-work .block .portfolio-menu ul {

  border: 1px solid #999999;

  display: inline-block;

  margin-bottom: 40px;

}

#portfolio-work .block .portfolio-menu ul li {

  display: inline-block;

  padding: 0px 25px;

  cursor: pointer;

  font-size: 15px;

  line-height: 40px;

  font-weight: 600;

  color: #333333;

  text-transform: capitalize;

  position: relative;

}

#portfolio-work .block .portfolio-menu ul .active {

  color: #8241ab;

  position: relative;

}

#portfolio-work .block .portfolio-menu ul .active:before {

  content: "\f0d7";

  position: absolute;

  font-family: 'FontAwesome';

  bottom: -18px;

  font-size: 30px;

  width: 20px;

  left: 0px;

  right: 0px;

  top: 23px;

  margin: 0 auto;

  color: #fff;

  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.9);

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}

#portfolio-work .block .portfolio-menu ul li:hover:before {

  content: "\f0d7";

  position: absolute;

  font-family: 'FontAwesome';

  bottom: -18px;

  font-size: 30px;

  width: 20px;

  left: 0px;

  right: 0px;

  top: 24px;

  margin: 0 auto;

  color: #fff;

  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.9);

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}

#portfolio-work .block .portfolio-contant ul li {

  float: left;

  width: 32.22%;

  overflow: hidden;

  margin: 6px;

  position: relative;

}

#portfolio-work .block .portfolio-contant ul li:hover .overly {

  opacity: 1;

}

#portfolio-work .block .portfolio-contant ul li:hover .position-center {

  position: absolute;

  top: 50%;

  -webkit-transform: translate(0%, -50%);

  -moz-transform: translate(0%, -50%);

  -ms-transform: translate(0%, -50%);

  transform: translate(0%, -50%);

}

#portfolio-work .block .portfolio-contant ul li a {

  display: block;

  color: #fff;

}

#portfolio-work .block .portfolio-contant ul li a h2 {

  font-size: 22px;

  text-transform: uppercase;

  letter-spacing: 1px;

}

#portfolio-work .block .portfolio-contant ul li a p {

  font-size: 15px;

}

#portfolio-work .block .portfolio-contant ul li a span {

  font-style: italic;

  font-size: 13px;

  color: #8241ab;

}

#portfolio-work .block .portfolio-contant ul img {

  width: 100%;

  height: auto;

}

#portfolio-work .block .portfolio-contant .overly {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.9);

  opacity: 0;

  -webkit-transition: .3s all;

  -o-transition: .3s all;

  transition: .3s all;

  text-align: center;

}

#portfolio-work .block .portfolio-contant .position-center {

  position: absolute;

  top: 50%;

  left: 10%;

  -webkit-transform: translate(0%, 50%);

  -moz-transform: translate(0%, 50%);

  -ms-transform: translate(0%, 50%);

  transform: translate(0%, 50%);

  -webkit-transition: .5s all;

  -o-transition: .5s all;

  transition: .5s all;

}

#portfolio-work .block .mix {

  display: none;

}

/*--

	wrapper-work Start 

--*/

#wrapper-work {

  overflow: hidden;

  padding-top: 100px;

}

#wrapper-work ul li {

  width: 50%;

  float: left;

  position: relative;

}

#wrapper-work ul li img {

  width: 100%;

  height: 100%;

}

#wrapper-work ul li .items-text {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  color: #fff;

  background: rgba(0, 0, 0, 0.6);

  padding-left: 44px;

  padding-top: 140px;

}

#wrapper-work ul li .items-text h2 {

  padding-bottom: 28px;

  padding-top: 75px;

  position: relative;

}

#wrapper-work ul li .items-text h2:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 75px;

  height: 3px;

  background: #fff;

}

#wrapper-work ul li .items-text p {

  padding-top: 30px;

  font-size: 16px;

  line-height: 27px;

  font-weight: 300;

  padding-right: 80px;

}

/*--

	features-work Start 

--*/

#features-work {

  padding-top: 50px;

  padding-bottom: 75px;

}

#features-work .block ul li {

  width: 19%;

  text-align: center;

  display: inline-block;

  padding: 40px 0px;

}

/*---------------------------------------------

					Work Close 

-----------------------------------------------*/

/*=============================================*/

/*---------------------------------------------

					 Contact Start 

-----------------------------------------------*/

/*--

	slider-contact Start 

--*/

#slider-contact {

  background: url("../img/slider-bg2.jpg") no-repeat;

  background-size: cover;

  padding-top: 150px;

  padding-bottom: 107px;

  position: relative;

}

#slider-contact:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(to left, #928dab, #1f1c2c 70%);

  opacity: 0.8;

}

#slider-contact .block {

  color: #E3E3E4;

  margin: 0 auto;

  padding-left: 90px;

}

#slider-contact .block h1 {

  font-family: 'Roboto', sans-serif;

  font-weight: 100;

  font-size: 45px;

  line-height: 60px;

  letter-spacing: 6px;

  padding-bottom: 15px;

}

#slider-contact .block p {

  font-size: 23px;

  line-height: 40px;

  font-family: 'Roboto', sans-serif;

  font-weight: 300;

  letter-spacing: 1px;

  word-spacing: 3px;

}

/*--

	contact-form Start 

--*/

#contact-form {

  padding-top: 70px;

  padding-bottom: 35px;

}

#contact-form .block form .form-group {

  padding-bottom: 15px;

  margin: 0px;

}

#contact-form .block form .form-group .form-control {

  background: #F6F8FA;

  height: 60px;

  border: 1px solid #EEF2F6;

  box-shadow: none;

  width: 100%;

}

#contact-form .block form .form-group-2 {

  padding-bottom: 15px;

  margin: 0px;

}

#contact-form .block form .form-group-2 textarea {

  background: #F6F8FA;

  height: 135px;

  border: 1px solid #EEF2F6;

  box-shadow: none;

  width: 100%;

}

#contact-form .block button {

  width: 100%;

  height: 60px;

  background: #47424C;

  border: none;

  color: #fff;

  font-family: 'Open Sans', sans-serif;

  font-size: 18px;

}

/*--

	wrapper-contact Start 

--*/

.address-block li {

  margin-bottom: 20px;

}

.address-block li i {

  margin-right: 15px;

  font-size: 20px;

  width: 20px;

}

.social-icons {

  margin-top: 40px;

}

.social-icons li {

  display: inline-block;

  margin: 0 6px;

}

.social-icons a {

  display: inline-block;

}

.social-icons i {

  color: #2C2C2C;

  margin-right: 25px;

  font-size: 25px;

}

.google-map {

  position: relative;

}

.google-map #map {

  width: 100%;

  height: 300px;

  background-color: #ff432e;

}

#contact-box {

  padding-top: 35px;

  padding-bottom: 58px;

}

#contact-box .block img {

  width: 100%;

}

#contact-box .block h2 {

  font-family: 'Open Sans', sans-serif;

  font-weight: 300;

  color: #000;

  font-size: 28px;

  padding-bottom: 30px;

}

#contact-box .block p {

  color: #5C5C5C;

  display: block;

}

/*--

	features-contact Start 

--*/

#features-contact {

  padding-top: 50px;

  padding-bottom: 75px;

}

#features-contact .block ul li {

  width: 19%;

  text-align: center;

  display: inline-block;

  padding: 40px 0px;

}

/*---------------------------------------------

					Contact Close 

-----------------------------------------------*/

/*--------- Heading------------*/

.heading {

  padding-bottom: 60px;

  text-align: center;

}

.heading h2 {

  color: #000;

  font-size: 30px;

  line-height: 40px;

  font-weight: 400;

}

.heading p {

  font-size: 18px;

  line-height: 40px;

  color: #292929;

  font-weight: 300;

}

/*---------------------------*/

/*--

	footer Start 

--*/

footer {

  background: #F5F5F5;

  text-align: center;

  padding-top: 48px;

  padding-bottom: 55px;

}

footer p {

  font-size: 13px;

  line-height: 25px;

  color: #919191;

}

footer a {

  color: #595959;

}

footer .footer-manu {

  padding-bottom: 25px;

}

footer .footer-manu ul {

  margin: 0px;

  padding: 0px;

}

footer .footer-manu ul li {

  display: inline-block;

  padding: 0px 20px;

}

footer .footer-manu ul li a {

  display: inline-block;

  color: #494949;

}

footer .footer-manu ul li a:hover {

  color: #000;

}