﻿@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { margin: 0; padding: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; line-height: 100%; font-family: 'Open Sans', sans-serif; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
input, textarea { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; }
.saver { clear: both !important; height: 0px !important; line-height: 0px !important; float: none !important; display: block !important; padding: 0 !important; margin: 0 !important; }
.hiddenText { font-size: 0px !important; text-indent: -9999px !important; }
.hide { display: none; }
a img { border: 0; }
a { outline: 0; cursor: pointer; text-decoration: none; }
p { padding: 0; margin: 0; }
img { border: none; }
.leftContainer { float: left; }
.rightContainer { float: right; }
.noMargin { margin: 0 !important; }
.noMarginRight { margin-right: 0 !important; }
.noMarginLeft { margin-left: 0 !important; }
.wrapper { width: 55%; margin: 0 auto; position: relative; }
.border.red { background: #d23f38 none repeat scroll 0 0; display: block; height: 5px; margin: 10px 0; width: 100px; }
.border.black { background: #000 none repeat scroll 0 0; display: block; height: 5px; margin: 10px 0; width: 100px; }
.border.white { background: #fff none repeat scroll 0 0; display: block; height: 5px; margin: 10px 0; width: 100px; }
body { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; color: #838381; background: #fffffa; width: 100%; margin: 0; padding: 0; }
/**/

.slideCaption { background: rgba(0, 0, 0, 0) url("../images/bg/slideCaptionBg.png") repeat scroll 0 0; bottom: 10%; height: 20%; left: 5%; position: absolute; width: 25%; }
.slideCaption .container { height: 100%; padding: 30px; position: relative; }
.slideCaption .container h1 { color: #fff; font-size: 20px; font-weight: 600; }
.slideCaption .container .devamBtn { background: #fff none repeat scroll 0 0; bottom: 80px; color: #000; font-weight: 500; padding: 10px 40px; position: absolute; right: 20px; }/**/
.header { position: absolute; top: 0; width: 100%; z-index: 99; }
.header .headerContainer { margin: auto; padding: 10px 0; width: 1200px; }
.header .headerContainer .logo { float: left; width: 15%; padding: 0 30px }
.header .headerContainer .logo img { width: 100%; }
.header .headerContainer .menuBtn { float: right; padding: 45px 0; position: relative; }
.header .headerContainer .menuBtn .openMenu { background: #000 none repeat scroll 0 0; border-radius: 40px; color: #f1ca24; cursor: pointer; display: block; padding: 5px 25px; }
.header .headerMenu { background: rgba(0, 0, 0, 0) url("../images/bg/slideCaptionBg.png") repeat scroll 0 0; position: fixed; top: 0; width: 100%; z-index: 2147483647; display: none; }
.header .headerMenu .headerMenuContainer .Menu { text-align: center; }
.header .headerMenu .headerMenuContainer .Menu > li { list-style: outside none none; }
.header .headerMenu .headerMenuContainer .Menu a { color: #f1ca24; display: block; font-size: 30px; padding: 10px 0; }
.header .headerMenu .headerMenuContainer .Menu a:hover { background: #000 none repeat scroll 0 0; }
.header .headerMenu .menuBtnContainer { margin: auto; width: 1200px; padding: 10px 0; }
.header .headerMenu .menuBtnContainer .menuBtn { float: right; padding: 45px 0; position: relative; }
.header .headerMenu .menuBtnContainer .menuBtn .closeMenu { background: #000 none repeat scroll 0 0; border-radius: 40px; color: #f1ca24; cursor: pointer; display: block; padding: 5px 44px; }
/**/


.homeContent { background: #e5e5e5 none repeat scroll 0 0; padding: 40px 0; width: 100%; }
.homeContent .homeContentContainer { margin: auto; width: 1200px; }
.homeContent .homeContentContainer p { color: #5a5a5a; font-size: 16px; }
.homeContent .homeContentContainer h2 { color: #adadad; font-size: 16px; padding: 0 0 5px; }
.homeContent .homeContentContainer h1 { color: #000; font-size: 22px; font-weight: 600; }
.homeContent .homeContentContainer .btnDevam { background: #000 none repeat scroll 0 0; border-radius: 50px; clear: both; color: #fff; display: inline-table; float: right; padding: 5px 15px; }
.homeContent .homeContentContainer .leftContainer { background: #fff none repeat scroll 0 0; float: left; width: 49%; }
.homeContent .homeContentContainer .leftContainer .container { padding: 30px; }
.homeContent .homeContentContainer .rightContainer { background: #fff none repeat scroll 0 0; float: right; width: 49%; }
.homeContent .homeContentContainer .rightContainer .image { float: left; width: 27%; }
.homeContent .homeContentContainer .rightContainer .image img { width: 100%; }
.homeContent .homeContentContainer .rightContainer .container { float: right; padding: 30px 20px 0 0; width: 67%; }
/**/


.homeReferanslarimiz { background: #000 url(../images/bg/homereferanslarimizbg.png) no-repeat scroll center center; width: 100%; padding: 120px 0; }
.homeReferanslarimiz .container { margin: auto; width: 1200px; }
.homeReferanslarimiz h1 { color: #fff; font-size: 20px; font-weight: 600; text-align: center; }
.homeReferanslarimiz .border.white { margin: 15px auto; text-align: center; }
.homeReferanslarimiz .owl-controls { bottom: 130px; position: relative; width: 100%; }
.homeReferanslarimiz .owl-prev { float: left; margin: 0 0 0 -50px; }
.homeReferanslarimiz .owl-next { float: right; margin: 0 -50px 0 0; }
/**/



.footer { background: #353535 none repeat scroll 0 0; padding: 10px 0; width: 100%; }
.footer .footerContainer { margin: auto; text-align: center; width: 1200px; }
.footer .footerContainer p { color: #fff; font-size: 14px; }
.footer .footerContainer .footerMenu { text-align: center; }
.footer .footerContainer .footerMenu li { display: inline-table; list-style: outside none none; }
.footer .footerContainer .footerMenu li:last-child a { border: none !important; }
.footer .footerContainer .footerMenu a { border-right: 1px solid #fff; color: #fff; font-size: 12px; padding: 0 10px; }
.footer .footerContainer .saCopy { color: #ccc; font-size: 10px; padding: 10px 0; }
/**/


.contentDetail { padding: 100px 0; width: 100%; }
.contentDetail .contentDetailContainer { margin: auto; width: 1200px; }
.contentDetail .contentDetailContainer .headerImage { position: relative; }
.contentDetail .contentDetailContainer .headerImage .pageInformation { padding: 70px; position: absolute; top: 67px; width: 88%; }
.contentDetail .contentDetailContainer .headerImage .pageInformation h1 { color: #fff; font-size: 30px; font-weight: 600; }
.contentDetail .contentDetailContainer .headerImage .pageInformation .breadCrub { color: #fff; font-weight: 600; padding: 10px 0; }
.contentDetail .contentDetailContainer .headerImage .pageInformation .breadCrub a { color: #fff; }
.contentDetail .contentDetailContainer .HTML { padding: 50px 0; }
.contentDetail .contentDetailContainer .HTML p { padding: 10px 0; color: #5a5a5a; }
.contentDetail .contentDetailContainer .HTML a { color: #5a5a5a; }
.contentDetail .contentDetailContainer .HTML ul { padding: 0 0 0 30px; }
.contentDetail .contentDetailContainer .HTML ul li { color: #4f4f4f; padding: 5px 0; }
.contentDetail .contentDetailContainer .HTML ol { padding: 0 0 0 30px; }
.contentDetail .contentDetailContainer .HTML ol li { color: #4f4f4f; padding: 5px 0; }
/**/


.socialShare { background: #ecece8 none repeat scroll 0 0; padding: 0; }
.socialShare .leftContainer { padding: 20px; }
.socialShare .rightContainer { padding: 10px 0; }
.socialShare .shareaholic-service-icon.service-facebook { background: rgba(0, 0, 0, 0) url("/temizlik/images/icon/facebook.jpg") no-repeat scroll center center !important; font-size: 0 !important; height: 35px !important; width: 35px !important; }
.socialShare .shareaholic-service-icon.service-twitter { background: rgba(0, 0, 0, 0) url("/temizlik/images/icon/twitter.jpg") no-repeat scroll center center !important; font-size: 0 !important; height: 35px !important; width: 35px !important; }
.socialShare .shareaholic-service-icon.service-linkedin { background: rgba(0, 0, 0, 0) url("/temizlik/images/icon/linkedin.jpg") no-repeat scroll center center !important; font-size: 0 !important; height: 35px !important; width: 35px !important; }
.socialShare .shareaholic-service-icon.service-pinterest { background: rgba(0, 0, 0, 0) url("/temizlik/images/icon/pinterest.jpg") no-repeat scroll center center !important; font-size: 0 !important; height: 35px !important; width: 35px !important; }
.socialShare .shareaholic-service-icon.service-google_plus { background: rgba(0, 0, 0, 0) url("/temizlik/images/icon/gplus.jpg") no-repeat scroll center center !important; font-size: 0 !important; height: 35px !important; width: 35px !important; }
.socialShare .shareaholic-share-buttons-container.wrapped.right-align ul.shareaholic-share-buttons { margin: 0 0 0 20px !important; padding: 0 !important; }
/**/

.contactForm { }
.contactForm .leftContainer { width: 50%; }
.contactForm .formItem { padding: 10px 0; }
.contactForm .formItem .label { color: #5a5a5a; display: block; font-size: 14px; font-weight: 700; }
.contactForm .formItem .txtbox { border: 1px solid #000; border-radius: 5px; font-size: 14px; font-weight: 500; padding: 10px; width: calc(90% - 25px); }
.contactForm .formItem .dropdown { border: 1px solid #000; border-radius: 5px; font-size: 14px; font-weight: 500; padding: 10px; width: 90%; }
.contactForm .btnSend { background: #000 none repeat scroll 0 0; border: medium none; border-radius: 5px; color: #f1ca24; font-weight: 600; padding: 5px 15px; cursor: pointer; }
.contactForm .formItem #txtDogumYeri, #txtDogumTarihi, #txtBoy, #txtKilo { width: 40%; }
/**/
.accordioncontainer .accordionheader { background: #000 none repeat scroll 0 0; border-top: 5px solid #f1ca24; color: #fff; cursor: pointer; display: block; font-weight: 600; margin: 5px 0; padding: 20px; }
.accordioncontainer .accordioncontent { display: none; }
/**/

.referanslar { text-align: center; }
.referanslar .item { display: inline-table; width: 15%; margin: 1% }
.referanslar .item .title { color: #4f4f4f; font-size: 14px; font-weight: 600; }
.referanslar .item .image img { width: 100%; }
/**/

#Sonuc { background: #000 none repeat scroll 0 0; border-bottom: 5px solid #f1ca24; border-radius: 25px; color: #fff; display: none; font-size: 24px; padding: 35px; text-align: center; }
#Sonuc.active { display: block; }
