/*

Theme Name: FikirMedya - 2018

Theme URI: http://www.fikirmedya.com.tr/

Description: Bu tema fikirmedya tarafndan yapılmıştır.

Author: FikirMedya

Author URI: http://www.fikirmedya.com.tr/

Version: 1.00

The CSS, XHTML and design is released under GPL:

License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/


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

/* =  General

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



.clearfix { *zoom: 1;
}
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
.clear { clear: both; }
.oh { overflow: hidden; }
.relative { position: relative; }
.section-wrap { padding: 100px 0; }
.color-white { color: #fff !important; }
.left { float: left; }
.right { float: right; }
.bg-light { background-color: #fafafa; }
.bg-color { background-color: #050505; }



::-moz-selection {
 color: #fff;
 background: #050505;
}

::-webkit-selection {
 color: #fff;
 background: #050505;
}
::selection { color: #fff; background: #050505; }
.transition { -webkit-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.25s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
body, html { height: 100%; }
/*Typography*/



a { text-decoration: none; color: #050505; outline: none; }
a:hover, a:focus { text-decoration: none; color: #3142a3; outline: none; }
ul { list-style: none; margin: 0; padding: 0; }
body { margin: 0; padding: 0; font-family: 'Roboto', tahoma, sans-serif; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; background: #fff; outline: 0; overflow-x: hidden; }
video { height: 100%; width: 100%; }
body img { border: none; max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', Helvetica, Arial, sans-serif; margin-top: 0; color: #212121; line-height: 1.5; }
h1 { font-weight: 300; font-size: 38px; }
h2 { font-weight: 300; font-size: 34px; }
h3 { font-weight: 400; font-size: 24px; }
h4 { font-weight: 400; font-size: 20px; }
h5 { font-weight: 400; font-size: 18px; }
h6 { font-weight: 400; font-size: 16px; }
p { font-size: 15px; color: #747474; font-weight: normal; line-height: 24px; margin: 0 0 20px 0; }
/*-------------------------------------------------------*/

/* Preloader

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



#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99999; }
#status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url(upload/preloader.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; }
/*-------------------------------------------------------*/

/* Navigation

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



.main-nav {  z-index: 200; width: 100%; height: auto; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #fff; }
    .main-nav.home-nav{/* position: absolute; */top: 0;left: 0;}
.logo-light { float: left; position: relative; z-index: 10; }
.logo { display: table-cell; vertical-align: middle; height: 90px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

    @media(max-width:680px){
        .main-nav.home-nav{position: relative; text-align:center;}
        .logo-light { float: none; width:100%; position: relative; z-index: 10; text-align:center;}
        .logo{display:inline-block; margin-top:5px;}
    }


.nav-container{background-color: #798487;}

nav ul { margin: 0; position: relative; left: 0; right: 0; text-align:left}
nav ul { margin: 0; position: relative; left: 0; right: 0; }
nav ul li { list-style: none; display: inline-block !important; }
nav ul li a { padding: 0 15px 0 0 !important; font-family: 'Open Sans', arial, sans-serif; font-size: 16px; color: #fff; font-weight: 400; text-decoration: none; text-transform: uppercase; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 55px; }
nav ul li ul { display: none; }
nav ul li:hover ul { display: block; position: absolute; background-color: rgba(255,255,255, 0.95); }
nav ul li:hover ul li { display: block; width: 100%; }

@media (max-width: 780px) {
    nav ul li a{font-size:14px !important; padding:0 15px !important;}
    nav ul {  text-align:center}
}


.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: transparent; color: #7ABF8C; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

/*Go to Top*/
#back-to-top { display: block; z-index: 500; width: 52px; height: 52px; text-align: center; font-size: 36px; position: fixed; bottom: -52px; right: 20px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #fff; text-decoration: none; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; box-shadow: 1px 1.732px 16px 0px rgba( 0, 0, 0, .16 ), 1px 1.732px 5px 0px rgba( 0, 0, 0, .12 ); }
#back-to-top i { margin-right: 2px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
#back-to-top a { width: 52px; height: 52px; display: block; color: #050505; }
#back-to-top.show { bottom: 20px; }
#back-to-top:hover { background-color: #050505; }
#back-to-top:hover i { color: #fff; }
/*-------------------------------------------------------*/

/* Content Home

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


/*Intro*/
.intro { padding: 100px 0; background-position: center center; margin-bottom: 2em; }
.intro-heading { font-size: 28px; line-height: 38px; color: #fff; font-weight: 400; text-align: left; }
.intro-text { font-size: 16px; line-height: 24px; text-align: left; color: #fff; }
.intro-features { margin-left: 40px; }
.intro-features li { position: relative; margin: 30px 0; }
.intro-features li i { position: absolute; left: -40px; text-align: center; color: #050505; font-size: 24px; }
.intro-feature { text-transform: uppercase; letter-spacing: 0.08em; }
/*Results*/
.results { padding: 150px 0; }
.statistic span { font-size: 57px; font-weight: 300; font-family: 'Oswald', Arial, sans-serif; color: #fff; }
/*Portfolio*/
.subheading p { font-family: "Oswald", Arial, sans-serif; color: #9e9e9e; font-size: 16px; font-weight: 300; }
.portfolio-filter { list-style: none; margin-bottom: 40px; text-align: center; font-size: 12px; }
.portfolio-filter a.active { color: #fff; background-color: #050505; }
.portfolio-filter a { display: inline-block; margin: 0 5px; color: #4c4c4c; text-transform: uppercase; background-color: #f5f5f5; letter-spacing: 0.1em; padding: 11px 19px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; }
 @media (max-width:480px) {
.portfolio-filter a { display: block; }
}
.portfolio-filter a:hover { color: #fff; background-color: #050505; }
.masonry-item { padding: 15px; width: 100%; height: auto; float: left; overflow: hidden; }
 @media (min-width:480px) {
.masonry-item { padding: 15px; width: 50%; height: auto; float: left; overflow: hidden; }
}
 @media (min-width:780px) {
.masonry-item { padding: 15px; width: 25%; height: auto; float: left; overflow: hidden; }
}
.work-img img { overflow: hidden; background-color: rgba(255,255,255,1); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.work-img { position: relative; overflow: hidden; }
.work-img > a { width: 100%; height: 100%; display: block; }
.work-description { padding: 20px; height: 85px; width: 100%; background-color: #fff; position: absolute; display: block; left: 0; top: auto; bottom: -85px; opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.masonry-item:hover .work-description { opacity: 1; top: 50%; bottom: auto; margin-top: -50px; height: 80px; }
/*.masonry-item:hover .work-description { opacity: 1; bottom: 0; } */
.masonry-item:hover .work-img img { /*-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); */ opacity: 0.5; }
.work-description h3 { font-size: 16px; margin-bottom: 0; text-transform: uppercase; letter-spacing: 0.05em; }
.work-description h5 { font-size: 14px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.05em; }
.work-description span { font-size: 13px; color: #9e9e9e; }
/*Call to Action*/
.call-to-action { padding: 120px 0; background-color: #050505; }
.call-to-action h2 { font-size: 42px; }
/*About Us*/
.about-us-intro img { max-width: 100% !important; z-index: 2; min-height: 100%; }
.about-features { padding: 10%; }
.about-feature h4 { text-transform: uppercase; letter-spacing: 0.05em; font-size: 15px; color: #000; }
/*Our Team*/
.team-img img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.team-member { position: relative; overflow: hidden; }
.team-details { opacity: 0; position: absolute; top: 50%; left: 0; padding: 30px; overflow: hidden; width: 100%; z-index: 2; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.team-img:hover .team-details { opacity: 1; margin-top: -71px; }
.team-img:hover img { opacity: 0.1; }
.team-details h3 { font-size: 3em; font-weight: 700; text-transform: uppercase; color: #222; }
.team-details span { font-size: 13px; font-family: "Oswald", Arial, sans-serif; color: #9e9e9e; }
.team-details a.btn { background-color: transparent; box-shadow: none; border: 2px solid #222; border-radius: 0; color: #222; }
.socials a { display: inline-block; width: 37px; height: 37px; background-color: rgb( 255, 255, 255 ); border-radius: 50%; }
.socials i { line-height: 37px; color: #6c6c6c; font-size: 14px; width: 37px; height: 37px; border-radius: 50%; text-align: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.socials a:hover i { color: #fff; }
.socials a:hover .fa.fa-facebook { background-color: #3b5998; }
.socials a:hover i.fa.fa-twitter { background-color: #00acee; }
.socials a:hover i.fa.fa-google-plus { background-color: #dd4b39; }
.socials a:hover i.fa.fa-pinterest-p { background-color: #c8232c; }
.socials a:hover i.fa.fa-youtube { background-color: #c8232c; }
.socials a:hover i.fa.fa-instagram { background-color: #3f729b; }
/*Progress Bars*/
.progress-bar { -webkit-transition: width 1.5s ease-in-out; -moz-transition: width 1.5s ease-in-out; -o-transition: width 1.5s ease-in-out; transition: width 1.5s ease-in-out; box-shadow: none; }
.skills-progress h6, .skills-progress h6 span { color: #333; font-family: 'Oswald', Arial, sans-serif; font-size: 15px; margin-top: 0; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.08em; }
.skills-progress h6 { margin-top: 30px; }
.progress-solid.meter { height: 25px; border-radius: 3px; position: relative; background: #f5f5f5; }
.meter .progress-bar { display: block; height: 25px; border-radius: 3px; position: relative; overflow: hidden; background-color: #e91e63; }
.skills-progress h6 span { float: right; }
.row.mt-minus-30 { margin-top: -30px; }
/*Testimonials*/
.testimonials-slider { background: url(upload/testimonials_bg.jpg) no-repeat center center fixed; }
.testimonials-slider .item { margin: auto 15px; }
.testimonials-box { background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 40px; }
.testimonials-box img { float: left; }
.testimonial-details { padding-left: 170px; margin-top: 10px; }
.testimonial-name { display: inline-block; font-size: 14px; color: #050505; margin-bottom: 10px; }
.testimonial-details span:before { content: '/' }
.testimonial-details span { font-size: 14px; }
.btn.prev, .btn.next { width: 42px; height: 42px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; padding: 10px; margin: auto 3px; color: #050505; }
.btn.prev i, .btn.next i { font-size: 18px; text-align: center; }
/*Services*/
.service-item-box h3 { font-size: 16px; margin-top: 30px; text-transform: uppercase; letter-spacing: 0.05em; }
.service-item-box i { display: block; line-height: 90px; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 90px; height: 90px; font-size: 30px; }
/*Hi Icons*/
.hi-icon { display: inline-block; font-size: 0px; cursor: pointer; margin: 15px 30px; width: 90px; height: 90px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #050505; }
.hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
/* Effect 1 */

.icon-effect-1 .hi-icon { background: rgba(245,245,245, 1); -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; }
.icon-effect-1 .hi-icon:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 2px #050505; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.2s, opacity 0.2s; transform: scale(.8); opacity: 0; }
.icon-effect-1a .hi-icon:hover { background: rgba(63, 81, 181,1); color: #fff; }
.icon-effect-1a .hi-icon:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
/*Blog*/
.entry-box { background: #fff; padding: 30px; box-shadow: 0px 1.732px 8px 0px rgba( 0, 0, 0, .10 ), 0px 1.732px 3px 0px rgba( 0, 0, 0, .05 ); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; }
.entry-box h4 { font-size: 18px; margin-top: 30px; margin-bottom: 7px; }
.entry-meta li { display: inline-block; font-size: 13px; color: #9e9e9e; margin-bottom: 20px; }
.entry-meta a { color: #9e9e9e; }
.entry-meta a:hover { color: #050505; }
.entry-meta li:before { content: "/"; opacity: 0.5; margin: 0 7px 0 7px; }
.entry-meta li:first-child:before { content: ""; margin: 0; }
.blog-comments { font-size: 13px; color: #9e9e9e; margin-top: 8px; }
.blog-comments:before { content: "\e065"; font-family: "ElegantIcons"; margin-right: 5px; }
.entry-img { position: relative; overflow: hidden; }
.entry-img img { -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
.blog-col-3 .entry-img:hover img { opacity: 0.8; -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
/*Pricing Tables*/
.pricing-4-col { padding: 50px 30px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 1px 1.732px 16px 0px rgba( 0, 0, 0, .16 ), 1px 1.732px 5px 0px rgba( 0, 0, 0, .12 ); }
.pricing-price { font-size: 72px; font-weight: 300; line-height: 1.2; }
.pricing-term { display: block; font-size: 13px; color: #9e9e9e; }
.pricing-currency { display: inline-block; vertical-align: top; margin: 12px -15px 0 10px; font-size: 36px; }
.pricing-features li { padding: 10px 0; font-size: 15px; }
.best-price .pricing-currency, .best-price .price { color: #e91e63; }
.pricing-title h3 { font-size: 18px; }
/*Contact*/
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], select, textarea { height: 46px; border-bottom: 1px solid #e8e8e8; border-top: transparent; border-left: transparent; border-right: transparent; }
textarea.form-control { height: 160px; }
.form-control { -webkit-box-shadow: none; box-shadow: none; padding: 10px; border-top: transparent; border-left: transparent; border-right: transparent; border-bottom: 1px solid #e8e8e8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 16px; color: #4c4c4c; }
.form-control:focus { border-color: #000000; -webkit-box-shadow: none; box-shadow: none; }
.phone, .email, .address { position: relative; padding: 0 0 0 80px; }
.contact-details i { display: block; position: absolute; left: 0; width: 60px; height: 60px; line-height: 58px; text-align: center; color: #e91e63; font-size: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 1px 1.732px 16px 0px rgba( 0, 0, 0, .16 ), 1px 1.732px 5px 0px rgba( 0, 0, 0, .12 ); }
.contact-details h3 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 7px 0; padding-top: 5px; }
#contact-form .message { height: 50px; width: 100%; font-size: 13px; line-height: 50px; text-align: center; float: none; margin-top: 20px; display: none; }
#contact-form .message.error { color: #fff; background-color: #f44336; }
#contact-form .message.success { color: #fff; background-color: #4CAF50; }
#google-map { position: relative; width: 100%; height: 450px; }
/*Footer*/

.footerContainer{background-color:#798487; margin:0 !important; padding: 50px 0 30px;}
    .footer-triangle{max-width:100%; width:100%;  padding:0;position: absolute;bottom: 99.9%;left: 0;}

#footer.minimal { padding: 0; position: relative; margin-top: 128px;}
#footer.minimal .copyright { display: block; margin-top: 20px; font-size: 12px; color: #999; }
/*-------------------------------------------------------*/

/* Blog Single

/*-------------------------------------------------------*/
.page-title { background: url(upload/blog_title_bg.jpg) no-repeat fixed; position: relative; background-position: 50% 0%; }
.page-title .container { height: 500px; }
.title-holder { position: relative; display: table; width: 100%; height: 100%; }
.page-title h1 { font-size: 42px; margin: 0; }
.title-text { display: table-cell; height: 100%; vertical-align: middle; }
.breadcrumb { width: auto; background-color: transparent; top: 50%; padding: 0; margin: -10px 0 0 0; font-size: 14px; }
.breadcrumb a, .breadcrumb>.active { color: #fff; }
.breadcrumb>li+li:before { color: #fff; opacity: 0.5; }
/*Gallery Post*/
.owl-pagination { bottom: 10px; position: absolute; left: 0; display: block; text-align: center; width: 100%; }
.owl-buttons { position: static; }
.owl-prev, .owl-next { display: block; position: absolute; top: 50%; margin-top: -23px; text-align: center; line-height: 46px; z-index: 10; width: 46px; height: 46px; background-color: #fff; opacity: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.owl-prev { left: -40px; }
.owl-next { right: -40px; }
#owl-slider-one-img:hover .owl-prev, #owl-slider-small-img:hover .owl-prev { opacity: 1; left: 0; }
#owl-slider-one-img:hover .owl-next, #owl-slider-small-img:hover .owl-next { opacity: 1; right: 0; }
.owl-page { display: inline-block; padding: 6px 6px; position: relative; }
.owl-page span { display: block; position: relative; width: 10px; height: 10px; opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: transparent; z-index: 100; border: 2px solid #fff; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.owl-page span:hover { opacity: 1; }
.owl-theme .owl-controls .owl-page.active span { display: block; width: 10px; height: 10px; margin: 0; opacity: 1; background: #fff; }
.owl-next:hover i, .owl-prev:hover i { color: #050505; }
blockquote { padding: 10px 20px; margin: 0 0 30px; font-size: 15px; border-left: 3px solid #eee; }
blockquote > p { margin-bottom: 10px; font-style: italic; font-size: 16px; }
.entry-content .entry-tags h6, .entry-share h6 { display: inline; margin-right: 5px; font-size: 14px; }
.entry-content .entry-tags a { font-style: italic; color: #9e9e9e; font-size: 14px; line-height: 32px; }
.entry-content .entry-tags a:hover { color: #050505; }
.entry-content .entry-share { float: right; }
.entry-share .socials { margin-top: 0; display: inline-block; }
.entry-comments .comment-avatar { position: absolute; display: block; float: none; margin: 0 auto -55px auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.entry-comments .comment-content { padding-left: 100px; margin-top: 5px; }
.entry-comments .comment-author { display: inline-block; margin-right: 10px; margin-bottom: 10px; }
.entry-comments h6 { font-size: 14px; }
.entry-comments .comment-content span a { font-size: 13px; color: #9e9e9e; font-style: italic; }
.comment-reply { padding-left: 100px; }
.comment-body { padding: 30px 0; border-bottom: 1px solid #e8e8e8; }
/*-------------------------------------------------------*/

/* Buttons

/*-------------------------------------------------------*/
.btn { font-family: 'Oswald', Arial, sans-serif; color: #333; webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 2px solid transparent; text-transform: uppercase; letter-spacing: 0.05em; box-shadow: 1px 1.732px 16px 0px rgba( 0, 0, 0, .16 ), 1px 1.732px 5px 0px rgba( 0, 0, 0, .12 ); -webkit-transition: background-color 0.5s, box-shadow 0.5s, color 0.5s; -o-transition: background-color 0.5s, box-shadow 0.5s, color 0.5s; transition: background-color 0.5s, box-shadow 0.5s, color 0.5s; }
.btn:hover { box-shadow: 2px 5px 20px 2px rgba(0,0,0,0.16), 2px 5px 10px 2px rgba(0,0,0,.12); color: #333; }
.btn-small { padding: 7px 20px; font-size: 13px; }
.btn-medium { padding: 9px 30px; font-size: 15px; }
.btn-large { padding: 15px 30px; font-size: 15px; }
.btn-light-solid { background-color: #fff; color: #212121; }
.btn-pink { background-color: #e91e63; color: #fff; }
.btn-pink:hover { color: #fff; }
.btn-black { background-color: #000000; color: #fff; }
.btn-black:hover, .btn-black:focus, .btn-black:active { color: #fff; }
.video-container { position: relative; width: 100%; overflow: hidden; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.video-wrap { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; }
.video-overlay { background-color: rgba(0,0,0,0.5); height: 100%; width: 100%; }
.video-img { background: url(upload/video/video.jpg) center center no-repeat; background-size: cover; z-index: -101; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.hero-message { display: table; position: relative; width: 100%; height: 100%; }
.hero-text { display: table-cell; position: relative; vertical-align: middle; height: 100%; width: 100%; text-align: center; text-transform: uppercase; letter-spacing: 0.025em; }
.hero-text h1 { color: #fff; font-size: 76px; font-weight: 700; line-height: 1; }
.hero-subtitle { text-transform: none; color: #fff; font-size: 24px; max-width: 800px; margin: 24px auto 0; }
.scroll-down { font-size: 36px; width: 52px; height: 52px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; padding: 5px 1px 0 0; line-height: 36px; z-index: 50 !important; position: absolute; bottom: 30px; left: 50%; margin-left: -26px; }
.scroll-down a { line-height: 36px; position: relative; z-index: 50 !important; }
.scroll-down i { color: #050505; }
.footer-logo a { text-align: center; margin: 0 auto; display: table; }
.footer-list { }
.footer-list li { font-weight: 300; }
.footer-list li a { color: #FFF;}
.footer-title { color: #FFFFFF; font-weight: 300; margin-bottom: 1em; font-size: 1.2em;}
.qtranxs-lang-menu a { border: none; }
h1.light { font-weight: 300; }
h1.regular { font-weight: 400; }
h1.bold { font-weight: 700; }
.color-default { background: #000000; color: #777777 !important; box-shadow: none !important; }
.color-primary { background: #777777; color: #000 !important; box-shadow: none !important; }
.anasayfa_slider { min-height: 750px }
    @media(max-width:680px){
        .anasayfa_slider { min-height: 0 }
    }



.proje-hakkinda{background-size:contain; background-repeat:no-repeat; background-position:top right; padding:100px 0;background-attachment: fixed;background-position: 100% 100%;background-size: auto 80%;}

@media(max-width:1280px){
    .proje-hakkinda{background-size: auto 60%; padding:50px 0;}
}

@media(max-width:960px){
    .proje-hakkinda{background:none !important;}
}

    .proje-hakkinda h1{font-family:'Roboto', Tahoma, sans-serif; font-weight:300; font-size:4em; line-height: 1; color:#007d8e;}
    .proje-hakkinda h3{font-family:'Roboto', Tahoma, sans-serif; font-weight:400; font-size:2em; line-height: 1; color:#007d8e;}
        @media(max-width:680px){
            .proje-hakkinda h1{font-size:3em;}
        }
    .proje-hakkinda .proje-hakkinda-metin{font-family:'Open Sans', Tahoma, sans-serif; font-size: .9em; line-height: 1.5;}
    .proje-hakkinda .proje-hakkinda-metin::after{content:''; display:block; float:none; clear:both;}
    .proje-hakkinda .button{padding: 10px 25px; background-color:#a7dce3; display:inline-block; float:none; clear:both; color:#fff; font-size:.9em; font-family:'Open Sans', tahoma, sans-serif;margin-top: 20px;}
    .proje-hakkinda .button:hover{background-color: #007D8E;}
        .proje-hakkinda .button a{color:#fff; }

.proje-slogan-alani{background-color:#a7dce3; color:#fff;}
    .proje-slogan-alani .slogan-tek{margin:30px 0; text-align:center; color:#fff;}
    .proje-slogan-alani .slogan-tek .icon{font-size:5em; margin-bottom:20px;}
    .proje-slogan-alani .slogan-tek h5{font-family:'Roboto', Tahoma, sans-serif; font-weight:300; font-size:2em; line-height: 1.3; color:#fff; margin-bottom:20px}
    .proje-slogan-alani .slogan-tek p{font-family:'Roboto', Tahoma, sans-serif; font-weight:400; font-size:1em; line-height: 1.3; color:#fff;}


.proje-kisa-tanitim{}
    .proje-kisa-tanitim .proje-kisa-tanitim-gorsel{padding-bottom: 100%; margin-bottom: -100%;background-size: auto 100%;background-attachment: fixed;}
    .proje-kisa-tanitim .proje-kisa-tanitim-metni{background-color:#fff; padding-left:30px; padding-right:30px; font-family:'Roboto', tahoma, sans-serif;}
        .proje-kisa-tanitim .proje-kisa-tanitim-metni h4{font-family:'Roboto', tahoma, sans-serif; font-size:2em; font-weight:300; color:#007d8e; margin-bottom:30px;}
        .proje-kisa-tanitim .proje-kisa-tanitim-metni blockquote, .proje-kisa-tanitim .proje-kisa-tanitim-metni blockquote p{border:none; padding:0;  font-weight: 700; font-style:normal; font-size:1.1em !important;}

.ara-banner{min-height:600px; background-repeat:no-repeat; background-size: auto 100%;background-attachment: fixed;background-position: center center;}

.proje-gallery-area{}
    .proje-gallery-area-head{padding:50px; text-align:center; font-family:'Roboto', tahoma, sans-serif; font-weight:300;}
    .proje-gallery-area-head h4{font-size:3em; font-weight:400; color:#007d8e; margin-bottom:20px;}
    .proje-gallery-area-images{border-bottom:solid 4px #007d8e; }
    .proje-gallery-area-images img{height:auto; float:left; margin:0; padding:0}

.instagram-area{}
    .instagram-area-head{padding:50px; text-align:center; font-family:'Roboto', tahoma, sans-serif; font-weight:300;}
    .instagram-area-head h4{font-size:3em; font-weight:400; color:#007d8e; margin-bottom:20px;}
    .instagram-area-images{border-bottom:solid 4px #007d8e; }
    .instagram-area-images img{height:auto; float:left; margin:0; padding:0}
    @media(max-width:640px){
        .instagram-area-head{padding:10px; margin-top:30px}
        .instagram-area-head h4{font-size:2em;}

    }

.hakkimizda-ana-sayfa{padding: 100px 0; font-family:'Roboto', tahoma, sans-serif; font-weight:300;}
    .hakkimizda-ana-sayfa h4{font-size:3em; font-weight:300; color:#007d8e; margin-bottom:20px;}
    .hakkimizda-ana-sayfa blockquote, .hakkimizda-ana-sayfa blockquote p{border:none; padding:0;  font-weight: 700; font-style:normal; font-size:1.1em !important;}
    .hakkimizda-ana-sayfa .button{padding: 10px 25px; background-color:#a7dce3; display:inline-block; float:none; clear:both; color:#fff; font-size:.9em; font-family:'Open Sans', tahoma, sans-serif;margin-top: 20px;margin-bottom: 40px;}
        .hakkimizda-ana-sayfa .button:hover{background-color: #007D8E;}
            .hakkimizda-ana-sayfa .button a{color:#fff; }


.newsletter-area p{color:#fff; font-weight:400;}
.newsletter-area .wpcf7-form{position:relative;}
    .newsletter-area .wpcf7-form p{margin-bottom:0;}
    .newsletter-area .wpcf7-text,  .newsletter-area .wpcf7-quiz{width:100%; height:40px; border:none; background-color:#9db4ba; color:#fff; float:left; padding-left:10px;}
        .newsletter-area .wpcf7-text + span{position:absolute; top:40px; left:0; font-weight: 300 !important;font-size: 12px;}
    .newsletter-area .wpcf7-submit{width:100%; height:40px; border:none; background-color:#8ba6ad; float:right}
    .newsletter-area .wpcf7-response-output{border:none; color:#fff; margin-top:5px; font-family:'Open Sans', tahoma, sans-serif; font-weight:400; font-size:.7em; text-align:center;}

    .newsletter-area .wpcf7-text::-webkit-input-placeholder { /* WebKit, Blink, Edge */
        color:    #fff;
    }
    .newsletter-area .wpcf7-text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color:    #fff;
       opacity:  1;
    }
    .newsletter-area .wpcf7-text::-moz-placeholder { /* Mozilla Firefox 19+ */
       color:    #fff;
       opacity:  1;
    }
    .newsletter-area .wpcf7-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
       color:    #fff;
    }

    .newsletter-area .wpcf7-form-control-wrap{display:block; width:100%; height:auto; float:none; clear:both;}

/* HAKKIMIZDA */
.hakkimizda-content{border-bottom:solid 4px #007d8d}
    .hakkimizda-content h1{text-align:center; font-family:'Roboto', tahoma, sans-serif; font-weight:300; font-size:3em; color:#007d8d;}
    .hakkimizda-content h2{text-align:center; font-family:'Roboto', tahoma, sans-serif; font-weight:300; font-size:1.5em; color:#747474 ; margin-bottom:30px;}
    .hakkimizda-content .hakkimizda-thumb{text-align:center;}

.hakkimizda-misyon{}
    .hakkimizda-misyon h1{text-align:center; font-family:'Roboto', tahoma, sans-serif; font-weight:300; font-size:3em; color:#007d8d;}
    .hakkimizda-misyon h2{text-align:center; font-family:'Roboto', tahoma, sans-serif; font-weight:300; font-size:1.5em; color:#747474 ; margin-bottom:30px;}
    .hakkimizda-misyon .hakkimizda-misyon-content > div{display:inline-block; max-width:33%; vertical-align:top;}
    @media(max-width:1024px){
        .hakkimizda-misyon .hakkimizda-misyon-content > div{max-width:100%;}
    }
    .hakkimizda-misyon .hakkimizda-misyon-content > div h4{font-family:'Roboto', tahoma, sans-serif; font-weight:700; font-size:1em; color:#007d8d;}

/* PROJE SAYFASI */
.proje-content{}
    .proje-content h1{text-align:center; font-family:'Roboto', tahoma, sans-serif; font-weight:300; font-size:3em; color:#007d8d;}
    .proje-content h2{text-align:center; font-family:'Roboto', tahoma, sans-serif; font-weight:300; font-size:1.5em; color:#747474 ; margin-bottom:30px;}

.proje-detay-content ul{display:block; text-align:left; margin-bottom: 2em; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
.proje-detay-content li{display: list-item;  margin-right: 10px;}
.proje-detay-content li::before{content:'\f005'; margin-right:5px; color:#007d8d; font-size:1.2em; font-family:'fontawesome';}

.proje-detay-content ul.villa-adet{text-align:center; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.proje-detay-content ul.villa-adet li{text-align:center; font-family:'Roboto', tahoma, sans-serif; font-weight:300; font-size:1.6em; color:#555; margin-right:1em}

@media(max-width:960px){
    .proje-detay-content ul{display:block; text-align:left; margin-bottom: 2em; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
    .proje-detay-content ul.villa-adet{text-align:center; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
    .proje-detay-content ul.villa-adet li{font-size:1.4em; text-align:center;}
    .proje-detay-content ul.villa-adet li::before{display:none;}
}

@media(max-width:740px){
    .proje-detay-content ul{text-align:center; margin-bottom: 2em; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
    .proje-detay-content ul.villa-adet{text-align:center; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}

.proje-detay{ background-color:#f8f8f8;}
    .proje-detay .proje-detay-thumb img{ width:100%; height:auto;}
    .proje-detay .proje-detay-metni{padding:50px 40px;}
    .proje-detay .proje-detay-metni h1{font-family:'Roboto', tahoma, sans-serif; font-size:3em; font-weight:300; color:#007d8e; margin-bottom:40px;}
   
    @media(max-width:980px){
        .proje-detay .proje-detay-metni{padding:0px;}

    }
    
    .proje-detay .proje-detay-metni h4{font-family:'Roboto', tahoma, sans-serif; font-size:1em; font-weight:400; color:#007d8e; margin-bottom:10px;}
        .proje-detay .proje-detay-metni > div{display:inline-block; width:50%; float:left;}
        @media(max-width:480px){
           .proje-detay .proje-detay-metni > div{display:inline-block; width:100%; float:left; text-align:center; margin-bottom:40px}
           .proje-detay .proje-detay-metni h1{font-size:2em; text-align:center}

        }
        .proje-detay .proje-detay-metni li{display:block;  margin-right: 10px;}
        .proje-detay .proje-detay-metni li::before{content:'\f005'; margin-right:5px; color:#007d8d; font-size:.8em; font-family:'fontawesome';} 

.proje-detay-sekmeler{}
    .proje-detay-sekmeler h6{font-family:'Roboto', tahoma, sans-serif; font-size:3em; font-weight:300; color:#007d8e; margin-bottom:40px; text-align:center;}
        @media(max-width:640px){
            .proje-detay-sekmeler h6{font-size:2em;}
        }
    .proje-detay-sekmeler .sekme-tek{text-align:center;}
    .proje-detay-sekmeler .sekme-tek .icon{font-size:3em; margin-bottom:.3em}

.proje-katplan-area{padding:50px 0;}
    .proje-katplan-area .proje-katplan-area-head{padding:0 10%; text-align:center; margin-bottom:20px;}
        .proje-katplan-area .proje-katplan-area-head h1{font-family:'Roboto', tahoma, sans-serif; font-size:3em; font-weight:300; color:#007d8e; margin-bottom:40px;}
    .proje-katplan-area .proje-katplan-area-images li{width:25%; float:left;}

.bilgi-bant{padding:30px; background-color:#a7dce3; text-align: center;color: #fff;font-size: 1.5em; border-bottom:solid 4px #007d8e;}
    .bilgi-bant .button{margin-left:3em; padding: 5px 25px; background-color:#a7dce3; display:inline-block; float:none; clear:both; color:#fff; font-size:.6em; font-family:'Open Sans', tahoma, sans-serif;margin-top: 20px; border:solid 2px #fff;}


/* İLETİŞİM */
.iletisim-sekmeler{}
    .iletisim-sekmeler h1{text-align:center; font-family:'Roboto', tahoma, sans-serif; font-weight:300; font-size:3em; color:#007d8d; margin-bottom:50px}
    .iletisim-sekme{text-align:center; line-height:1em;}
    @media(max-width:640px){
        .iletisim-sekme{min-height:270px; word-break: break-all;}
    }
        .iletisim-sekme .icon{width:100px; height:100px; margin:0 auto 20px; text-align:center; border:solid 3px #007d8d; padding-top:25px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; font-size:2em; color: #007d8d;}
            .iletisim-sekme .icon i{color:#007d8d}
        .iletisim-sekme h3{font-family:'Roboto', tahoma, sans-serif; font-size:1.5em; color:#798487;}
        .iletisim-sekme p a{display:inline-block; width:auto; font-size:.7em}

.iletisim-form{position:relative; margin:128px 0;}
.iletisim-triangle-ust{max-width:100%; width:100%;  padding:0; position: absolute; bottom: 99.9%; left: 0;}
.iletisim-triangle-alt{max-width:100%; width:100%; padding:0; position: absolute;}
.iletisim-form-container{background-color: #A7DCE3;text-align: center;}
    .iletisim-form-container h1{color:#fff;}
    .iletisim-form-container h3{color:#fff; margin-bottom:30px}
    .iletisim-form-container .wpcf7-form{max-width:800px; width:100%; margin:10px auto;}
    .iletisim-form-container input.wpcf7-text{width:100%; padding:0 10px; color:#333;}
    .iletisim-form-container .wpcf7-textarea{width: 99%; height:200px; resize:none; padding:10px; }
    .iletisim-form-container .wpcf7-submit{background-color:#fff; border:none; padding:5px 20px; text-transform:uppercase; color:#007d8d}

    .iletisim-form-container .wpcf7-form-control-wrap{position:relative; display:inline-block; width:40%; margin: 0 1%; }
    .iletisim-form-container .wpcf7-form-control-wrap.your-message{position:relative; display:inline-block; width:83%;}
    
    .iletisim-form-container .wpcf7-text + span{position:absolute; top: 45px; left: 6px; font-weight: 300 !important;font-size: 12px;}
    .iletisim-form-container .wpcf7-response-output{border:none; color:#333; margin-top:5px; font-family:'Open Sans', tahoma, sans-serif; font-weight:400; font-size:.9em; text-align:center;}

    @media(max-width: 860px){
        .iletisim-form p{margin-bottom:0;}
        .iletisim-form .container{width: 100% !important;}
        .iletisim-form-container .wpcf7-form{max-width: 100%; width:100%; margin:10px auto;}
        .iletisim-form-container .wpcf7-form-control-wrap{position:relative; display:block; width:100%; margin:1%; }
        .iletisim-form-container .wpcf7-form-control-wrap.your-message{position:relative; display:inline-block; width:100%;}
        .iletisim-form-container .wpcf7-textarea{width: 100%; height:200px; resize:none; padding:10px; }

    }

.iletisim-harita{}
    .iletisim-harita h1{text-align:center; font-family:'Roboto', tahoma, sans-serif; font-weight:300; font-size:3em; color:#007d8d; margin-bottom:50px}


.acf-map{height:600px; width:100%}



/* FOOTER */
.footer-tw-feed{font-size:12px; color:#ddd}
    .footer-tw-feed a{color:#fff;}
    .footer-tw-feed .timeline-twitter-feed, .footer-tw-feed .ttf-tweet{padding: 0 !important; }

    .footer-forms{text-align:center; color:#fff;}
        .footer-forms a{padding: 10px 25px;border:none;background-color:#a7dce3;display:inline-block;float:none;clear:both;color: #6B6E6F;
                        font-size: 1em;font-family:'Open Sans', tahoma, sans-serif;font-weight: 700;margin:0 0 50px;}




/* Arazi BaÅŸvuru Formu */

.basvuruformlar *{color:#333;}
.basvuruformlar .row{margin-bottom:1em;}
.basvuruformlar input{border:solid 1px #ccc; max-width:100%}
.basvuruformlar .wpcf7-text::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:    #333;}
.basvuruformlar .wpcf7-text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #333;opacity:  1;}
.basvuruformlar .wpcf7-text::-moz-placeholder { /* Mozilla Firefox 19+ */color:    #333;opacity:  1;}
.basvuruformlar .wpcf7-text:-ms-input-placeholder { /* Internet Explorer 10-11 */color:    #333;}

.cep-no, .telefon1, .ctelefon1, .fax1{width:25%; display:inline-block; float:left}
.cep-numaraniz, .telefon2, .ctelefon2, .fax2{width:70%; margin-left:5%; display:inline-block;}

.your-message{width:100%;display: inline-block;}
.your-message textarea{width:100%; height:150px; border:solid 1px #ccc;}
.firmatanitim textarea{width:100%; border:solid 1px #ccc;}

.tesekkurler-page{padding:150px;}
    .tesekkurler-page p{font-size:24px; line-height:36px; font-weight:700}