/**
 * Stylesheet:  style.css
 * Theme:       Construction - Building Company HTML5 Responsive Template
 * Version:     1.0
 * Author:     	Theme Earth
 * URL:         https://themeforest.net/user/themeearth
 * 
 */
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.Title Section
7.About Section
8.Service Section
9.Count Up Section 
10.Why Choose Us Section
11.Call To Action Section
12.FAQ Section
13.Blog Section
14.Sidebar Section
15.Testimonial Section
16.Page Heading Section
17.Team section
18.About Page
19.Contact Page
20.Footer Section
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none; }

html,
body {
  height: 100%;
  font-size: 16px;
  color: #777;
font-family: 'Source Sans Pro', sans-serif;
  vertical-align: baseline;
  line-height: 26px;
}
a:focus {
  outline: 0px solid;
}

.resim-kutu {
height: 250px;
max-height: 170px;
}


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

p {
  margin: 0 0 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  font-weight: 700;
font-family: 'Source Sans Pro', sans-serif;
  color: #777;
}

h1 {
font-size: 32px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}

a {
  transition: all 0.5s ease-out;
  text-decoration: none;color:#464646
}
a:active,
a:hover {
  outline: 0 none;
  color: #000;text-decoration:none
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

::-moz-selection {
  background: #29706C;
  text-shadow: none;color:#fff
}
::selection {
  background: #29706C;
  text-shadow: none;color:#fff
}
textarea:focus, input:focus{
    outline: none;
}
.slider-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  height: 100%;  width: 100%;
  position: absolute;
  top: 0;z-index:1

}
.images-overlay {
   background-color:rgba(34, 34, 34, 0.95);
  height: 100%;
  position: absolute;  width: 100%;
  top: 0;

}
.pt-50{padding-top:50px}
.pb-20{padding-bottom:20px}
.pb-50{padding-bottom:50px}
.bg-gray{background:#fff}
/*
1.Preloader
============================*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999999;
	right: 0;
    bottom: 0;
}
#preloader-status {
    height: 210px;
	width: 210px;
    background: url(../img/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    position: absolute;
    left: 50%;
    top: 50%;	
}

/*
2.Scrollup
==============*/
#scrollUp {
background: #29706C none repeat scroll 0 0;
border-radius:0;
bottom: 5px;
color: #fff;
font-size: 25px;
height: 40px;
right: 20px;
text-align: center;
text-decoration: none;
width: 40px;
}
#scrollUp:hover {
  opacity: 1;
  color: #fff!important;background:#000;
}
#scrollUp i {
display: block;
font-weight: bold;
padding-top: 6px;
}

/*
3.Header Section
==================*/
.hd-sec {
  background: #242424 none repeat scroll 0 0;
  padding: 6px 0;
}

.hd-lft li {
color: #fff;
display: inline-block;
font-size: 14px;
position: relative;
padding-right: 10px;
}

.hd-lft li i{margin-right:10px;color:#fff}
.hd-rgt{text-align: left;}
.hd-rgt li {display: inline-block;
margin-right: 20px;
position: relative;}
.hd-rgt li a {
border-radius: 100%;
color: #fff;
display: inline-block;
font-size: 14px;
height: 20px;
line-height: 20px;
position: relative;
text-align: center;
text-transform: capitalize;
width: 20px;
}
.hd-rgt li a i:hover{color:#29706C;}
.hd-rgt li a i{color:#fff}
.hd-lft {
  text-align:left
}
.hd-search {
  display: inline-block;
  float: right;
}
.hd-search form {
  display: inline-block;
  position: relative;width:100%
}
.hd-search input[type="text"] {
background: #fff none repeat scroll 0 0;
color: #000;
padding: 0 35px 0 10px;width: 100%;
}
.hd-search button {
background: #29706C none repeat scroll 0 0;
color: #fff;
padding: 0 10px;
position: absolute;
right: 0;
}
/*
Intro Section
=================*/
.intro-sec {
  background: #3B3B3B none repeat scroll 0 0;
}
.contact-intro {
  text-align: center;
}
.info-intro {
display: inline-block;
margin: 0 30px;
}
.info-text h5 {
color: #fff;
font-size: 16px;
margin-bottom: 0;
text-align: left;
}
.info-text a,
.info-text span {
color: #fff;
font-size: 14px;
}
.info-intro i {
color: #fff;
font-size: 22px;
line-height: 38px;
}
.info-icon {
display: inline-block;
height: 40px;
margin-right: 20px;
position: relative;
top: -8px;
width: 40px;
}
.info-icon::before {
  border: 1px solid #fff;
  transform: rotate(50deg);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}
.info-text {
  display: inline-block;
}
/*
4.Menu  Section
=================*/
.mnmenu-sec{background: #29706C none repeat scroll 0 0;
}
.logo {

}
.main-menu ul {
float: right;
list-style: outside none none;
margin: 0;
padding: 0;
position: relative;
line-height: 88px;
}
.main-menu ul >li {
display: inline-block;
padding: 0;
position: relative;
}
.main-menu ul li a {
border-radius: 26px;
color: #fff;
font-size: 15px;
font-weight: bold;
padding: 8px 20px;
position: relative;
text-decoration: none;
text-transform: uppercase;
transition: all 0.4s ease 0s;
}
.main-menu ul li.active a{color:#fff;position:relative;background:#29706C}
.main-menu ul li.active a:hover{color:#fff}
.main-menu ul li ul:hover .main-menu ul li a{
  background: #ddd;
}
.main-menu ul li a:hover {
transition : all 0.4s 0s ease;
color:#fff
}

.main-menu ul ul {
background: #333 none repeat scroll 0 0;
left: 0;
opacity: 0;
position: absolute;
text-align: left;
top: 170px;
transition: all 0.4s ease 0s;
visibility: hidden;
z-index: 99999;
line-height: 40px;
}
.main-menu ul ul li {
float : none;
width : 200px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.main-menu ul ul li:last-child{border-bottom:0}
.main-menu ul ul li a {
color: #fff;
padding: 5px 10px;
text-transform: capitalize;
}
.main-menu ul ul li a:hover {
color:#29706C
}
.main-menu ul ul ul {
top : 0;
left : 100%;
}
.main-menu ul li:hover ul {
	
    visibility: visible;transition: all 0.4s ease 0s; opacity: 1;transform: scaleX(1);top:90px;opacity:1
}
.main-menu ul li a i {
margin-left: 6px;
font-size: 12px;
}

/*
5.Slider Section
======================*/
.all-slide .owl-item {
  height: 500px;
}
.all-slide .single-slide {
background-position: center center;
background-size: cover;
height: 100%;
background-repeat: no-repeat;
}
.slider-text {
  left: 0;
  margin: 0 auto;
  position:relative;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0px 210px;z-index:2
}
.slider-text h1 {
color: #fff;
font-size: 42px;
text-transform: uppercase;font-weight:700;
}
.slider-text h2 {
  color: #fff;
  font-weight: normal;
}
.slider-text p {
  color: #fff;
}
.slider-text li {
  display: inline-block;
}
.slider-text li a {
background: #212836 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
display: inline-block;
margin: 0 10px 0 0;
margin: 8px 4px;
padding: 12px 30px;
text-transform: uppercase;
}
.slider-text li:last-child a{background: #29706C none repeat scroll 0 0;}
.slider-text li:last-child a:hover{background: #424242 none repeat scroll 0 0;transition: all 0.4s ease 0s;}
.all-slide .owl-controls {
position: absolute;
top: 45%;
width: 100%;
z-index: 99;
transform: translateY(-50%);
}
.all-slide .owl-controls .owl-buttons div {
background: none;
opacity: 1.00;
}
.all-slide .owl-controls .owl-buttons div{margin:0;padding:0}
.all-slide .owl-controls .owl-prev {
  left: 0px;
  position: absolute;
}
.all-slide .owl-controls .owl-next {
  right: 0px;
  position: absolute;
}
.all-slide .owl-controls .owl-prev i{border-radius:0px 4px 4px 0px}
.all-slide .owl-controls .owl-next i{border-radius:4px 0px 0px 4px}
.all-slide .owl-controls .owl-prev i,
.all-slide .owl-controls .owl-next i {
background-color:rgba(0, 0, 0, 0.4);
color: #fff;
font-size: 30px;
height: 60px;
line-height: 60px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 40px;
}

.all-slide .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#29706C;color:#fff
}
.all-slide .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#29706C;color:#fff
}

/*
6.Title Section
=================*/
.sec-title {
  margin: 0 0px 30px;
  text-align: center;
}
.sec-title  h1 {
color: #424242;
display: inline-block;
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
}

.sec-title h1 span {
color: #29706C;
margin-left: 10px;
}

.sec-title  p {
margin-top: 0;
}
/*
7.About Section
===================*/
.about {
padding-bottom: 30px;
padding-top: 50px;
}
.about h3 {
  text-transform: uppercase;
}
.about-button a {
  background: #212836 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin: 8px 4px;
  padding: 10px 30px;
  text-transform: uppercase;position:relative
}

.about-button a:last-child{background: #29706C none repeat scroll 0 0;}
.about-button a:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #fff;
padding-left:10px;float:right}
/*
8.Service Section
============================*/
.service i  {
background: #29706C none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
font-size: 24px;
height: 60px;
line-height: 60px;
text-align: center;
width: 60px;
}
.why-choose i  {
color: #29706C;
font-size: 22px;
margin-right: 15px;
}
.service-item .inner{margin-bottom: 30px;}
.service-thumb img {
  width: 100%;
}
.service-item .inner:hover.inner h2 a{
  color:#29706C
}
.service-item .inner:hover .service-icon i{background:#fff;color:#29706C}
.why-choose h2 {
font-size: 18px;
margin-bottom: 10px;
margin-top: 15px;
}
.service-item .inner:hover a.btn.readmore{background:#424242!important;transition: all 0.4s ease 0s;}
.service-item .inner h2{
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
margin-top: 18px;
text-transform: uppercase;

}
.service .service-item .inner a.btn.readmore {
background: #29706C none repeat scroll 0 0;
border-radius: 2px;
color: #fff;
font-family: raleway;
}
.service .service-item .inner a.btn.readmore:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #fff;
padding-left:10px;float:right}
.service-item .inner:nth-child(3n+1) {
  clear: both;
}

.btn.rdmorebtn {
  background: #29706C none repeat scroll 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.service-thumb {
position: relative;
overflow: hidden;
}
.service-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;background-color: rgba(34, 34, 34, 0.95);visibility:hidden;transition: all 0.4s ease-in-out 0s;opacity:0;transform: scaleX(0);
}
.service-icon a {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.service-item .inner:hover .service-icon{visibility:visible;transition: all 0.4s ease-in-out 0s;opacity:1;transform: scaleX(1);}
/*
9.Count Up Section 
============================*/
.count-up-sec {
background-color: #fff;
background-image: url("../img/bannar.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0;
position: relative;
background-attachment: fixed;
}


.count-up-sec .sec-title h1 {
  color: #fff;
}
.count-up-sec .sec-title p {
  color: #fff;
}
.counting_sl {
  text-align: center;
}
.counting_sl i {
color: #fff;
font-size: 32px;
text-align: center;
}
.counting_sl h2 {
color: #fff;
font-size: 40px;
margin-top: 15px;
text-transform: uppercase;
margin-bottom: 18px;
}
.counting_sl h4 {
color: #fff;
font-size: 14px;
margin-bottom: 0;
text-transform: uppercase;font-weight: 700;
}

/*
10.Why Choose Us Section
============================*/

.project-sec .item {
overflow: hidden;
position: relative;
transition: all 0.4s ease-in-out 0s;
margin-bottom: 30px;
}
.why-choose .inner:nth-child(2n+1) {
  clear: both;
}
.project-sec .item:hover .project-hoverlay{visibility:visible;opacity:1;transform:scale(1);}
.project-hoverlay {
  position: absolute;
  top:0;
  width: 100%;
  height: 100%;background:#29706C; transition: all 0.4s ease-in-out 0s;visibility:hidden;opacity:0;transform:scale(10);
}

.project-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.project-text  a {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: #fff;
  line-height: 50px;
  border-radius: 100%;
  margin-bottom: 15px;color:#29706C;
}
.project-text  h3 {
  color: #fff;
  text-transform: uppercase;
}
.project-sec .item img {
  width: 100%;
}

.why-choose .inner {
  margin-bottom: 30px;
}

/*
11.Call To Action Section
============================*/
.call-to-action-sec{
background-color: #fff;
background-image: url("../img/call_to_action_bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 70px 0;
position: relative;
background-attachment: fixed;
}
.call-to-action-overlay {
  background-color:rgba(34, 34, 34, 0.95);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.call-to-action-text {
color: #fff;
text-align: center;
}
.call-to-action-text  h2 {
text-transform: uppercase;
color: #fff;
}
.call-to-action-text a.btn {
background: #fff none repeat scroll 0 0;
border-radius: 0;
color: #29706C;
font-weight: bold;
padding: 12px 36px;
text-transform: uppercase;
margin-top: 5px;
}
.call-to-action-text a.btn:hover{background: #424242;transition: all 0.4s ease-in-out 0s;}


/*
12.FAQ Section
============================*/
.faq-sec {
background: #242424 none repeat scroll 0 0;
color: #fff;
padding: 50px 0;
}
.faq-title {
  margin-bottom: 40px;
}
.faq-sec .panel {
  background: transparent;
}
.faq-sec .panel-content {
  padding: 15px;
}
.faq-title > h2 {
color:#29706C;
text-transform: uppercase;
margin-bottom: 10px;
}

.faq-img {
width: 100%;
}
.faq-sec .panel-heading {
  background: #29706C;
  padding:0;border-radius:0px
}

.faq-sec .panel-heading a {
  display: inline-block;
  width: 100%;
  padding: 10px 20px;color: #fff
}
.faq-sec .panel-title a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f056";
    padding-right: 5px;
}
.faq-sec .panel-title a.collapsed:before {
    float: right !important;
    content:"\f055";
}
.faq-sec .panel-title > a:hover, 
.faq-sec .panel-title > a:active, 
.faq-sec .panel-title > a:focus  {
    text-decoration:none;background:#000;
}
.faq-title .border-shape {
  float: left;
  width: 100%;
}

/*
13.Blog Section
==================*/

.blog-sec .blog-post {
  padding: 0;
}
.post-thumb {
margin-bottom: 15px;
position: relative; transition: all 0.4s ease 0s;
}
.single-post-text.overlay {
background-color: rgba(0, 0, 0, 0.7);
bottom: 0;
padding: 10px;
position: absolute;
width: 100%;
z-index: 9;
}
.single-post-text.overlay a {
  color: #fff;
}
.single-post-text a.readmore {
  color: #29706C;
}
.single-post:hover .post-thumb:before {
  position: absolute;
  content: "";
background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9;transition: all 0.4s ease 0s;
}
.pst_info {
  float: left;
}
.single-post {
  display: inline-block;
  margin-bottom: 30px;
}
.blog-title  h2 {
color: #0f0f0f;
font-size: 24px;
font-weight: 900;
line-height: 30px;
}
.single-post-text a {
color: #464646;
font-size: 16px;
font-weight: bold;
}
.single-post-text h2 {
  width: 100%;
  display: inline-block;
}
.post-date h2 {
background: #29706C none repeat scroll 0 0;
color: #fff;
font-size: 18px;
padding: 10px 0;
text-align: center;
}
.blog-title {
  padding-bottom: 20px;
}
.single-post  img {
width: 100%;position:relative
}
.single-post-text.overlay ul {
margin-bottom: -5px;
}
.comment-list {
border: 1px solid #ddd;
font-size: 18px;
padding: 14px;
text-align: center;
}
.comment-list h5 {
  margin-bottom: 0;
}
.single-post > img {
  margin-bottom: 15px;
  position: relative;
  width: 100%;
}
.single-post-text  ul {
width: 100%;
display: inline-block;
}
.single-post-text li a {
float: left;
font-size: 16px;
font-weight: normal;
margin-left: 1px;
padding-right: 15px;
text-transform: capitalize;
}
.single-post-text li a i{margin-right: 5px;color:#29706C}
.post-date h1 {
  background: #f3af1e none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin-top: 13px;
  padding: 15px;
  text-align: center;
  text-transform: none;
}
/*
14.Sidebar Section
=====================*/
.sidebar h1 {
background: #29706C none repeat scroll 0 0;
color: #fff;
display: inline-block;
font-size:18px;
margin-bottom: 10px;
margin-top: 20px;
text-transform: uppercase;
width: 100%;
padding: 10px;
}
.search-field form {
display: inline-block;
width: 100%;
position: relative;
}

.search-field input[type=text] {
background: #ececec none repeat scroll 0 0;
color: #222;
padding:10px 35px 10px 10px;
width: 100%;
}

.search-field button {
background: #29706C none repeat scroll 0 0;
color: #fff;
position: absolute;
padding:10px;
right: 0;
}

.blog-sec .inner:nth-child(2n+1) {
  clear: both;
}
.abt_dec > p {
  margin-top: 20px;
}

.sidebar ul li a{color: #717171;
font-size: 14px;
font-weight: normal;
text-transform: capitalize;transition: all 0.4s ease-in-out 0s;}
.sidebar ul li a:hover{transition: all 0.4s ease-in-out 0s;color:#29706C}
.widget-archive li{position:relative}
.widget-archive li:last-child {
  border-bottom: none;
}
.widget-cat li:last-child {
  border-bottom: none;
}
.widget-cat li{position:relative}
.widget-archive li:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #717171;
padding-right:10px}
.widget-cat li:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #717171;
padding-right:10px}
.widget-cat li {
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
}
.widget-tag li a:hover{transition: all 0.4s ease-in-out 0s;background:#29706C;color:#fff!important;border-color:#29706C}
.relative-post h3 {
font-size: 15px;
text-transform: capitalize;
margin-bottom: 10px;
}
.relative-post {
border-bottom: 1px solid #ececec;
display: inline-block;
padding: 12px 0;
width: 100%;
}
.relative-post-thumb {
  float: left;
  margin-right: 15px;
}
.single_r_dec  a {
color: #717171;
line-height: 20px;
}
.single_r_dec  a:hover{ transition: all 0.4s ease-in-out 0s;color:#29706C }
.all_r_pst .media {
  margin-top: 0;
}
.single_r_dec p {
  margin-bottom: 0;
}


.widget-archive li {
border-bottom: 1px solid #ebebeb;
display: inline-block;
padding: 10px 0;
position: relative;
width: 100%;
}
.widget-archive span {
  float: right;
}
.widget-tag a {
  float: left;
  padding: 10px;
  border: 1px solid #ececec;
  margin-right: 5px;
  margin-bottom: 5px;
}

.author_dec h3 {
margin : 0;
color : #333333;
font-size : 14px;
margin-bottom : 11px;
}
.author_info {
border-bottom : 1px solid #e3e3e3;
display : inline-block;
padding : 22px 0;
margin-bottom : 30px;
}
.author_info > img {
  float: left;
  margin-right: 35px;
  height: 80px;
}
.social_link {
margin : 0;
padding : 0;
float : right;
display : inline-flex;
}
.social_link li {
list-style : none;
}
.social_link li a i {
color : #363636;
float : left;
padding : 6px;
}
/*
15.Testimonial Section
=========================*/
.testimonial-sec {
background-attachment: fixed;
background-image: url("../img/testimonial_bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0;
position: relative;
}
.testimonial-overlay {
  background-color: rgba(34, 34, 34, 0.95);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.testimonial-sec .sec-title h1{color:#fff}
.testimonial-sec .sec-title p{color:#fff}
.all-testimonial .owl-controls {
  position: absolute;
  top: 40%;
  width: 100%;
}
.all-testimonial .owl-controls .owl-buttons div {
  background: none;
opacity:1
}

.all-testimonial .owl-controls .owl-prev {
  left: -80px;
  position: absolute;
}
.all-testimonial .owl-controls .owl-next {
  right: -80px;
  position: absolute;
}
.all-testimonial .owl-controls .owl-prev i,
.all-testimonial .owl-controls .owl-next i {
border-radius:0;
color: #fff ;
font-size: 30px;
height: 40px;
line-height: 37px;
text-align: center;
transition: all 0.5s ease-out 0s;
width: 40px;background:#29706C;border-radius:2px
}

.all-testimonial .owl-controls .owl-next i:hover {
transition: all 0.5s ease-out 0s;background:#424242;color:#fff;border-color:#424242
}
.all-testimonial .owl-controls .owl-prev i:hover {
transition: all 0.5s ease-out 0s;background:#424242;color:#fff;border-color:#424242
}

.sngl-client {
border: 1px solid #ddd;
margin-bottom: 30px;
text-align: center;
margin: 5px;
}
.single-testimonial {
color: #fff;
margin: 0px 50px;
text-align: center;
}
.client-comment img {
border-radius: 100%;
height: 150px;
margin: 20px 0;
width: 150px;
}
.client-comment  h2 {
color: #29706C;
font-size: 14px;
font-weight: bold;
margin-top: 15px;
text-transform: uppercase;
margin-bottom: 10px;
}
.client-comment  h3 {
color: #fff;
font-size: 14px;
text-transform: capitalize;
margin-bottom: 13px;
}
.client-comment > ul {
  padding-bottom: 15px;
}
.client-comment li {
  display: inline-block;
}
.client-comment li a{
border: 2px solid #464646;
border-radius:2px;
color: #fff;
display: inline-block;
height: 30px;
line-height: 26px;
width: 30px;
margin: 0px 5px;background:#464646
}
.client-comment li a:hover{background:#29706C;transition: all 0.4s ease-in-out 0s;color:#fff;border-color:#29706C}
.client-sec .owl-controls {
  display: none;
}

.brder {
  border-top: 1px solid #E1E1E1;
  height: 1px;
  margin: 0 auto;
  text-align: center;
  width: 370px;
}

/*
16.Page Heading Section
==========================*/
.pagehding-sec {
background-image: url("../img/pg_hd.jpg");
background-position: center center;
background-repeat: no-repeat;
padding: 50px 0;
position: relative;
background-size: cover;
}
.pagehding-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-heading  h1 {
color: #fff;
font-size: 30px;
font-weight: bold;
margin-bottom: 0;
text-transform: uppercase;
text-align: left;
}
.page-heading li {display: inline-block;
position: relative;
padding: 0px 14px;}
.page-heading li a {
color: #fff;
text-transform: uppercase;
}
.page-heading  ul {
  text-align: right;
}
.page-heading li::before {
  border-right: 1px solid #fff;
  content: "";
  height: 60%;
  position: absolute;
  right: -2px;
  top: 5px;
}
.page-heading li:last-child::before{display:none}

/*
17.Team section
=================*/

.team-member {
background: #fff none repeat scroll 0 0;
padding-bottom: 20px;
text-align: center;
margin-bottom: 30px;position:relative;overflow:hidden;
}
.team-member:hover .team-overlay{visibility:visible;transition: all 0.4s ease-in-out 0s;opacity:1;transform:scaleX(1)}
.team-thumb {
  position: relative;
}
.team-overlay{
  position: absolute;
  width: 100%;
  left: 0;height:100%;top:0px;background-color: rgba(34, 34, 34, 0.95);opacity:0;transform:scaleX(0);visibility:hidden;transition: all 0.4s ease-in-out 0s;
}
.team-overlay ul{
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
}
.team-member img {
  width: 100%;
  border-bottom: 4px solid #29706C;
}
.team-member  h2 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  text-transform: uppercase;
}
.team-member  h3 {
  font-size: 14px;
  text-transform: capitalize;
}
.team-member li {
  display: inline-block;
  padding: 0px 10px;
}
.team-member li i{color:#fff}
/*
18.About Page
================*/

.abtdsc-sec p {
  color: #fff;
}
.abt-lft h2 {
color: #464646;
}
.abt-img img {
  width: 100%;
}

/*
19.Contact Page
============================*/
.contact-field  h2,
.map-heading h2 {
color: #464646;
font-size: 24px;
padding-bottom: 16px;
position: relative;
text-transform: uppercase;
}

.contact-info h3 {
  color: #464646;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 30px 0;
}
.contact-info i {
  margin-right: 10px;
}
.contact-field .col-md-4.col-sm-4.col-xs-12,
.contact-field .message-input {
  padding-left: 0;
}
.contact-field input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #E5E5E5;
  margin-bottom: 30px;
  padding: 10px;
  width: 100%;
}
.contact-field .message-input {
  display: inline-block;
  width: 100%;
}
.single-input-field textarea {
  border: 1px solid #E5E5E5;
  width: 100%;
  height: 200px;
  padding: 10px;
}
.single-input-fieldsbtn input[type="submit"] {
background: #29706C none repeat scroll 0 0;
color: #fff;
margin-top: 20px;
text-transform: uppercase;
border-color: #29706C;
}
.single-input-fieldsbtn input[type="submit"]:hover{background:#000;transition: all 0.4s ease-in-out 0s;border-color:#000}
.contact-field {
  display: inline-block;
}
.single-input-field  h4 {
  color: #464646;
  text-transform: capitalize;
  font-size: 14px;
}
.contact-person h1 {
color: #29706C;
font-size: 24px;
position: relative;
text-transform: uppercase;
}

.single-info h2 {
  color: #464646;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 10px;
  margin-top: 30px;
}

.map-sec iframe{width:100%;height:450px}
/*
20.Footer Section 
======================*/
.footer-sec {
  background: #242424 none repeat scroll 0 0;
  padding: 40px 0;
}
.footer-sec h2 {
color: #fff;
font-size: 20px;
margin-bottom: 10px;
position: relative;
text-transform: uppercase;
padding-bottom: 20px;
margin-bottom: 20px;border-bottom:1px solid rgba(255, 255, 255, 0.1);
}
.footer-sec h2:before {
border-bottom: 3px solid #29706C;
content: "";
position: absolute;
width: 30px;
bottom: 0;
}
.footer-sec p {
  color: #ccc;
}

.footer-wedget-one i {
border: 1px solid #29706C;
color: #fff;
float: left;
font-size: 18px;
height: 40px;
line-height: 40px;
margin-right: 10px;
text-align: center;
width: 40px; transition: all 0.4s ease-in-out 0s;border-radius:2px;background:#29706C
}
.footer-wedget-one i:hover{background:#000;color:#fff;border-color:#000; transition: all 0.4s ease-in-out 0s;}
.footer-wedget-one ul {
  margin-top: 15px;
}

.footer-wedget-three li i {
  display: inline-block;
  margin-right: 10px;
}
.ft-menu ul {
  padding: 0px 20px;
}
.ft-menu h2 {
  display: inline-block;
  text-align: left;
}
.footer-wedget-three li {
  color: #ccc;
padding:10px 0px
}
.footer-wedget-two li{padding-bottom:10px}
.footer-wedget-two li a {
color: #ccc;
text-transform: capitalize;
display: inline-block;
 transition: all 0.4s ease-in-out 0s;
}
.footer-wedget-two li a i {
  margin-right: 10px;
}
.footer-wedget-two li a:before{content: '\f105'; /* fa-angle-right */
  font-family: 'FontAwesome';
color: #29706C;
padding-right:10px}

.footer-wedget-newsletter form {
  background: #525459 none repeat scroll 0 0;
  margin-top: 35px;position:relative
}
.footer-wedget-newsletter input[type="email"] {
background: #282828  none repeat scroll 0 0;
border: 1px solid #29706C;
color: #fff;
padding: 10px 46px 10px 10px;
width: 100%;
text-transform: capitalize;
}
.footer-wedget-newsletter input[type="submit"] {
background: #29706C none repeat scroll 0 0;
border: 1px solid #29706C;
color: #fff;
top: 0;
padding: 10px;
position: absolute;
right: 0;
}
.footer-bottom-sec {
  background: #29706C  none repeat scroll 0 0;
  padding: 15px 0;
}
.footer-bottom-sec p {
color: #ccc;
font-weight: bold;
margin: 0;
text-align: center;
}

/* The End */

.detailimg {
    width: 170%;
    max-width: 350px;
    padding: 4px;
    border-radius: 4px;
    border: 5px solid #eee;

    margin-left: 10px;
}

.detailimg1 {
    max-width: 274px;
    height: 232px;
    padding: 2px;
    border-radius: 2px;
    border: 2px solid #eee;
    margin-left: 5px;
}

/* New Menu */

 
	@media screen and (max-width: 1200px) {
		.navbar-collapse { padding: 0 0 0 0px !important;}
		.navbar-nav > li > a {  border-top: 0px solid #FFFFFF;   color: #656565;   font-size: 13px !important;   font-weight: normal;   line-height: 1.573em;   padding: 15.5px 20px !important;   text-decoration: none;}
    #cssmenu > ul > li > a {
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        padding: 15.5px 20px !important;
        text-decoration: none;
    }
    .popover {
        float: left !important;
        left: 0px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
	}


	@media screen and (max-width: 990px) {
			
		.navbar-collapse { padding: 0 0 0 0px !important; }
		.navbar-nav {  width: 100% !important; float: left;}
		.navbar-nav > li > a {  border-top: 0px solid #FFFFFF;   color: #656565;   font-size: 14px !important;   font-weight: normal;   line-height: 1.573em;   padding: 17px 10px !important;   text-decoration: none;}
    #cssmenu > ul > li > a {
        color: #fff;
        font-size: 13px !important;
        font-weight: bold;
        padding: 15.5px 13px !important;
        text-decoration: none;
    }

	}
	
	
	@media screen and (max-width: 768px) {

		a.cssLogo { float: left; width: 100%; text-align: center; }	
		.top-links { float: left; width: 100%; text-align: center; }
		.navbar-collapse { padding: 0 0 0 0px !important; }
		.navbar-nav {  width: 100% !important; float: none ;}
		.navbar-nav > li > a {  border-top: 0px solid #FFFFFF;   color: #656565;   font-size: 14px !important;   font-weight: normal;   line-height: 1.573em;   padding: 17px 4px !important;   text-decoration: none;}
        #cssmenu > ul > li > a{padding:15.5px 38px;  font-size:14px !important;text-decoration:none;color:#fff;font-weight:bold; }

		.navbar-collapse {
		    max-height: none !important;
		    overflow-x: hidden !important;
		    padding-right: 15px;
		    padding-left: 15px;
		    border-top: 1px solid transparent;
		    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		    -webkit-overflow-scrolling: touch;
		}
		.pcss3-accordion-caption dl {
			padding: 15px;
		}
		.pcss3-accordion-caption dt {
			font-size: 18px;
			line-height: 26px;
		}
		.pcss3-accordion-caption dd {
			font-size: 11px;
			line-height: 15px;
		}
	}
	
	nav{position:relative;width:980px;margin:0 auto;}
#cssmenu {   float: right !important;     position: relative;
    width: 980px;
    margin: 0 auto; }
	@media screen and (max-width: 2000px){
	#cssmenu ul {margin-top:30px !important;}}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0; width: auto; list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:'Open Sans', sans-serif;}
#cssmenu > ul > li{float:left; }
#cssmenu > ul > li > a{padding:15.5px 30px;  font-size:15px;text-decoration:none;color:#fff;font-weight:bold; }
#cssmenu > ul > li > ul > li > a:hover, #cssmenu > ul > li > ul > li > a:active,#cssmenu > ul > li > ul > li > a:focus{background-color:#dadada !important;}
#cssmenu > ul > li > ul > li > a{color:#656565;background-color:#eee}
#cssmenu > ul > li > ul > li > ul > li > a{color:#656565; background-color:#dadada;}
#cssmenu > ul > li > ul > li > ul > li > a:hover{background-color:#eee !important;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#656565}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#eee!important;}
#cssmenu > ul > li > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li > ul > li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li > ul > li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px; z-index: 999999; margin: 0px;padding: 0px;    margin-top: 1px !important;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#fff;transition:all .25s ease;border-bottom: 1px solid #dadada;}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 7px; width:275px;font-size:14px;text-decoration:none;color:#fff;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#656565}
#cssmenu ul ul li > ul > li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li > ul > li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#fff;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

.uzun-liste a {
  width: 340px !important;
}
@media screen and (max-width:700px){
	#cssmenu ul {margin-top:0px !important;}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #ddd; float:left !important;}
#cssmenu ul li:hover{background:#ccc;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px; font-size:13px;}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#ccc!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#333;background: #eaeaea;}
#cssmenu ul ul li ul li a{color:#333 !important;background: #dfdfdf;}
#cssmenu > ul > li > a{color:#656565;}
#cssmenu > ul > li > ul > li > a{color:#333;}
#cssmenu > ul > li > ul > li > ul > li > a{color:#fff;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#656565}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#656565}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
#cssmenu ul ul li{border-bottom: 0px solid #eee;}
.button:after{position:absolute;top:26px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #fff;border-bottom:2px solid #fff;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:17px;right:20px;display:block;height:4px;width:20px;background:#fff;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:4px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:46px;width:100%;cursor:pointer;border-left:1px solid #eee;}

#cssmenu ul ul .submenu-button{height:34px;width:100%}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{right: 11px; top: 16px;}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:13px;right:14px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
#cssmenu ul {width: 100%; display: none; position: absolute; background-color: #fff; margin-left: 0px; padding-left: 0px;z-index: 99999;background:#fff;}
.menuicon a i{color: #656565 !important;  }
}
	
@media screen and (max-width: 700px){
 
#cssmenu #head-mobile {
    display: block;
    padding: 23px;
    color: #ddd;
    font-size: 12px;
    font-weight: 700;
}


.button {
    width: 55px;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 12399994;
}
.button.menu-opened:before {
    top: 23px;
    background: #fff;
    width: 19px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.button:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 17px;
    right: 20px;
    display: block;
    height: 4px;
    width: 20px;
    background: #fff;
    content: '';
}
.button.menu-opened:after {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    top: 23px;
    border: 0;
    height: 4px;
    width: 19px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.button:after {
    position: absolute;
    top: 26px;
    right: 20px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
}
#cssmenu ul {
    width: 100%;
    display: none;
    position: fixed;
    background-color: #fff;
    margin-left: 0px;
    padding-left: 0px;
    z-index: 99999;
    background: #fff;
}
#cssmenu ul li {
    width: 100%;
    border-top: 1px solid #ddd;
    float: left !important;
}
#cssmenu > ul > li > a {
    color: #656565;
}

#cssmenu ul li a, #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
}







}