/**style**/

@charset "utf-8";

/*--------------------------------------------------------------------------
	Font-face 
--------------------------------------------------------------------------*/

@font-face {
	font-family: 'Gotham-bold';
	src: url('fonts/Gotham-Bold.eot');
	src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Bold.woff') format('woff'),
		url('fonts/Gotham-Bold.ttf') format('truetype'),
		url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Book';
	src: url('fonts/Gotham-Book.eot');
	src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Book.woff') format('woff'),
		url('fonts/Gotham-Book.ttf') format('truetype'),
		url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('fonts/Gotham-Medium.eot');
	src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Medium.woff') format('woff'),
		url('fonts/Gotham-Medium.ttf') format('truetype'),
		url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}


 #bodyMoodecevaplar,
#bodyMoodeconcept
 { padding-top: 54px; }

#bodyMoodeconcept .mainContent {background-image: url(../img/bck.jpg); margin-top: 50px; padding-top: 16px; min-height: 600px; font-family: 'Gotham-Book'; padding-bottom: 17%; padding-left: 30px; margin-bottom: 50px; }
#bodyMoodecevaplar .resultContent {background-image: url(../img/bck.jpg); padding-top: 16px; min-height: 600px; font-family: 'Gotham-Book'; padding-left: 30px; margin-bottom: 50px; }

div#ozgurluk{    }
div#takimruhu {  }
div#yaraticilik {   }
div#mutluluk{    }
div#odaklanmak{   }


#change-your-mood-text { background-image:url(../img/change-your-mood.png); width:100px; height:91px; position:absolute; right: -9px; top: 20px; background-repeat:no-repeat;}
#yellow-arrow {     background-image: url(../img/yellow-arrow.png);    width: 100px;    height: 107px;    position: absolute;    left: -52px;    top: 185px;    background-repeat: no-repeat;}
#arrow_bottom {     background-image: url(../img/bottom_arrow.png);    position: absolute;    bottom: -7px;    left: 53px;    width: 100px;    height: 100px;    background-repeat: no-repeat; }
#burosit-award-image { background-image: url(../img/burosit-awards-image.png);
    position: absolute;
    right: -50px;
    bottom: -133px;
    width: 500px;
    height: 689px;
    background-repeat: no-repeat; }

.mood-content{ font-family: 'Gotham-Book'; width: 96%;  margin-left: 4%; }

ul.moodList { list-style: none; display: -webkit-inline-box; font-size: 12px; float: left;    width: 100%; margin-top: 130px; margin-left: -20px;}
ul.moodList li{ width: 20%; text-align: center; display: grid; position:relative; }

ul.moodList li#ozgurluk:before{ content:url('../img/mood/ozgurluk-icon.png'); position: absolute; bottom: 30px; left: 50px;}
ul.moodList li#takimruhu:before{ content:url('../img/mood/takimRuhu-icon.png'); position: absolute; bottom: 30px; left: 50px;}
ul.moodList li#yaraticilik:before{ content:url('../img/mood/yaraticilik-icon.png'); position: absolute; bottom: 30px; left: 50px;}
ul.moodList li#mutluluk:before{ content:url('../img/mood/mutluluk-icon.png'); position: absolute; bottom: 30px; left: 50px; }
ul.moodList li#odaklanmak:before{ content:url('../img/mood/odaklanma-icon.png'); position: absolute; bottom: 30px; left: 50px;}
#header h1{
	margin:0;
}
h1.mood-title { font-family: 'Gotham-Book';       font-size: 4.6vw;   margin: 20px 0 30px 0;    float: left;    width: 100%; margin-top:50px;   margin-left: -15px !important; }
h1.mood-title b{ font-family: 'Gotham-bold'; }

h3.question{     font-size: 23px;    margin-bottom: 20px;    font-weight: bold;}

.moodItem {     height: 128px;
    width: 11%;
    float: left;
    margin-right: 10%;
    background-repeat: no-repeat;
    background-size: 99px 98px; 
	font-size: 10px;
    font-weight: 600;	position:relative; 	}

span.modTitle { position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px; }

.question { text-align:left; margin-top: 20px; width:100%; display:inline-block;}
.question-title {     font-family: 'Gotham-Book';
    margin-left: -20px;
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    font-size: 23px; }
 
 .containerBullet {    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    cursor: pointer;
	font-size: 20px;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold; }
	
.containerBullet input {    position: absolute;    opacity: 0;}
.checkmark {    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #d2dbdc;
    border-radius: 100%;}
	
.containerBullet:hover input ~ .checkmark {    background-color:none;}
.containerBullet input:checked ~ .checkmark {    background-color: #000;}
.checkmark:after {    content: "";    position: absolute;    display: none; }
.containerBullet input:checked ~ .checkmark:after {    display: block;}
.containerBullet .checkmark:after {top: 3px;    left: 3px;    width: 8px;    height: 8px;    border-radius: 50%; background: #dce6e8; }
 
.animate{	transition: all 0.1s;	-webkit-transition: all 0.1s;}

.action-button
{
	position: relative;
	padding: 10px 40px;
    margin: 0px 10px 10px 0px;
    float: left;
	border-radius: 10px;
	font-family: 'Pacifico', cursive;
	font-size: 20px;
	color: #FFF;
	text-decoration: none;	}

.red{background-color: #edce59;
    /* border-bottom: 5px solid #BD3E31; */
    /* text-shadow: 0px -2px #BD3E31; */
    position: absolute;
    left: 5%;
    bottom: 12%;
    font-family: Arial;
    color: #000;
    font-size: 15px;
    font-weight: bold;}
a:hover { text-decoration:none; }
a.red:hover { text-decoration:none; }
.action-button:active{	transform: translate(0px,5px);  -webkit-transform: translate(0px,5px); text-decoration:none; }

/*Question Result:start*/

.mood-content-result { padding-top:4%; }

section#question-result{ min-height:512px; width:100%; background-image:url(../img/mood-result-bck.png);
background-repeat:no-repeat; display:inline-block; padding-top:10%; font-family: 'Gotham'; padding-left: 4%;}

div.result-image { margin-top: -15%; /*margin-left: -57px;*/ }

.formItem { margin-bottom: 8px;     margin-left: 12px; }
.formItem span.sample {     float: left;
    min-width: 5%;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    font-weight: bold; }
.formItem span.sample:before { content: url(../img/form-list-image.png);    position: absolute;    left: -12px;    top: -4px; }
.formItem span { float: left;    font-size: 12px;    font-weight: 600;}
.formItem input[type="text"],input[type="email"],input[type="tel"]{
	        background: none;
    outline: none;
    padding-left: 0px;
    margin-top: -7px;
    margin-left: 10px;
    font-size: 13px;
    font-weight: 600;
    padding-top: 6px;
    vertical-align: top;
    width: 80%;
    border-bottom: 1px solid #fff;
    border-top: none;
    border-left: none;
    border-right: none;
	
	}

#form-title { color:#5f4776; font-family:'Gotham-Book'; font-weight:bold;    padding-bottom: 15px; font-size: 22px; padding-top:25px; line-height:24px;}
.form-subTitle { font-family: 'Gotham-Bold';    font-size: 36px;    padding: 30px 0px;}

#fourty-result { background-color: #FFF;     padding-top: 20px;}
.fourty {     min-height: 330px;   margin-bottom: 20px; padding: 9% 18% 0% 14%; }

.fourty-bck {  background-image:url(../img/fourty-bck.jpg);     background-size: 100%; }

.fourty .title{ font-size: 30px; font-weight: bold;    margin-bottom: 30px;    font-family: 'Gotham-bold'; }
.fourty .content {font-size: 15px; font-weight: 600;    line-height: 18px; padding-bottom:100px	}

#fourty-takimruhu { background-image:url(../img/result-bck/takim-ruhu-bck.jpg); background-repeat:no-repeat; background-size: 100% 100%; background-attachment: inherit;cursor:pointer; }
#fourty-yaraticilik { background-image:url(../img/result-bck/yaraticilik-bck.jpg); background-repeat:no-repeat; background-size: 100% 100%; background-attachment: inherit; cursor:pointer;}
#fourty-mutluluk { background-image:url(../img/result-bck/mutluluk-bck.jpg); background-repeat:no-repeat; background-size: 100% 100%; background-attachment: inherit;cursor:pointer; }
#fourty-ozgurluk { background-image:url(../img/result-bck/ozgurluk-bck.jpg); background-repeat:no-repeat; background-size: 100% 100%; background-attachment: inherit;  cursor:pointer; }
#fourty-odaklanmak{ background-image:url(../img/result-bck/odaklanma-bck.jpg); background-repeat:no-repeat; background-size: 100% 100%; background-attachment: inherit;  cursor:pointer; }

.condition-part {     padding: 2% 5% 2% 10%; font-size: 14px; line-height: 19px; font-weight: 600; }
#bottom-burosit-logo { width:100%; text-align:right; }

.your-mood-subTitle{     font-family: 'Gotham-bold';    font-size: 30px;    padding: 20px 0px; }
.your-mood-content { font-family: 'Gotham-book';
    font-size: 17px;
    line-height: 24px;}


.no-pright { padding-right:0px;}

#contact-form { padding-left:4%; padding-bottom: 6%; margin-top:-6%; }
#form-subTitle { font-size: 14px;    line-height: 20px;    padding-right: 2%;     font-weight: 600;}

#result-change-your-mood { 
    width: 122px;
    height: 111px;
    position: absolute;
    bottom: -48px;
    right: -38px;
    background-image: url(../img/result-change-your-mood.png);
    background-repeat: no-repeat;
}

#result-takimruhu-particule {    width: 81px; height: 77px; position: absolute; left: -12px; top: -30px; background-image: url(../img/result-takim-ruhu-particules.png); background-repeat: no-repeat; }
#result-yaraticilik-particule { width: 115px; height: 68px; position: absolute; left: -6px; bottom: 19px; background-image: url(../img/result-yaraticilik-particules.png); background-repeat: no-repeat; }
#result-mutluluk-particule { width: 70px;
    height: 115px;
    position: absolute;
    right: 10px;
    bottom: -15px;
    background-image: url(../img/result-mutluluk-particules.png);
    background-repeat: no-repeat; }
	
	#result-odaklanmak-particule {
    width: 70px;
    height: 115px;
    position: absolute;
        left: 0px;
    top: 0px;
    background-image: url(../img/result-odaklanma-particules.png);
    background-repeat: no-repeat;
	
	}

#result-ozgurluk-particule { width: 70px;
    height: 115px;
    position: absolute;
    right: 48px;
    bottom: -9px;
    background-image: url(../img/result-ozgurluk-particules.png);
    background-repeat: no-repeat; }

#btn_content {    position: relative;
    width: 150px;
    margin: 0px auto;
    margin-top: 80px;
    margin-bottom: -50px; }
#btn_content a { position:relative;  width: 150px; margin: 0px auto;}


div.moodItem:last-child { margin-right: 0% !important; }
div.moodItem:first-child { margin-left: 0% !important; }
.fourty-result-bottom-text{        position: absolute;
    bottom: 10%;
    right: 31px;
    font-size: 18px;
    font-weight: bold;
    font-style: italic; 	
	}
	
	#bodyMoodeconcept div#kapsayici,
	#bodyMoodecevaplar div#kapsayici { background-color:#FFF; }

.errorformStyle { border-bottom: 1px solid red !important; }
.errorformStyle:placeholder {color:rgba(255,0,4,1.00);}
/*Question Result:end*/

.your-mood-style
{
	    position: absolute;
    right: 7%;
    bottom: -10%;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
}
.form-subTitle{ line-height: 40px; }
#result-mutluluk-particule{ bottom:-27px}
.fourty .content{ padding-bottom: 70px;}

#form-subTitle.error-result-text{
    text-align: center;
    color: #db5554 !important;
    font-size: 30px;
    line-height: 36px;
}


#form-title.success-result-title {
   font-size: 39px;
    text-align: center;
    margin-top: 20px;
}

#form-subTitle.success-result-text{
text-align: center;
    font-size: 30px;
    color: #db5554 !important;
    line-height: 36px;
}




@media screen and (max-width: 1200px) {
 
 #result-odaklanmak-particule,
 #result-ozgurluk-particule,
 #result-yaraticilik-particule,
 #result-change-your-mood,
 #yellow-arrow { display:none; }  
 #result-takimruhu-particule { display:none; }
 .moodItem img.response-image{ width:100% }
 
 #burosit-award-image { right: -20px; width: 440px; }
	section#question-result{ background-image:none !important; }
}



@media screen and (max-width: 990px) {
 #burosit-award-image { display:none; }  
}

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

.formItem input[type="text"], input[type="email"], input[type="tel"] {   width: 65%; }

#btn_content {    margin-bottom: 0px !important; }
.formItem span.sample {    width: 60px; }
	.fourty-result-bottom-text{ bottom:3%}
 #arrow_bottom,
 #change-your-mood-text { display:none; } 
 a.red { position:relative;}
 .moodItem img.response-image {    width: 100%;    height: 100%; }
 
 img.response-image { width: 100%; height: 100%; margin-top: 28%; }
 
 .moodItem { height: 58px; height: 70px; display:-webkit-box; width: 14%;  margin-right: 5%; }
 
 span.modTitle { position: relative; float:left; margin-top:8px;  }    
 h1.mood-title { margin: 100px 0 0 0; }
 
 .no-pright { padding-right:15px; }
 
 #fourty-odaklanmak,
 #fourty-ozgurluk,
 #fourty-mutluluk,
 #fourty-yaraticilik,
 #fourty-takimruhu { background-size: 100%;  }
 
 .fourty { padding: 12% 6% 0% 5%;}
  section#question-result { padding-left: 0%; margin-left:-20px; }
  #contact-form { padding-left: 4%; margin-left:-20px; }

#btn_content {  margin-top: 30%;}
#gonder_btn { position:relative; }


.error-result-text,
.success-result-text{
	font-size:16px !important;
	text-align:center;
	
}
.success-result-title {
	font-size:14px !important;
	text-align:center;
}





}

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

	.containerBullet { font-size: 16px; }
	h3.question { font-size: 19px;}
	.mood-content { width: 100%; margin-left: -10%; margin: 0px auto;}
	.moodItem { font-size:8px; }
	.moodItem img.response-image {  width: 100%;    height: 60%; }
	h1.mood-title { margin-top:10px;  font-size: 7.5vw; }
	
	.fuiBulten { 
    width: 111px;
}

}
@media only screen and (max-width:480px) {
   .moodItem {     
      height: 70px;
    display: block;
    width: 20%;
    margin-right: 22%;
    text-align: center;
    margin-bottom: 30px;
}
}



/**\style**/

#contact_form_btn,
#gonder_btn{
	
	border:none;
}

 #bodyMoodecevaplar .mArama a,
#bodyMoodeconcept .mArama a{
padding:0 30px;	
	
	
}
 body#bodyMoodecevaplar,
body#bodyMoodeconcept{
font:14px/18px 'caracaslight', Arial, Helvetica, sans-serif;
	
	
}